.image-composite-page{min-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)));display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);background:linear-gradient(135deg,#111827,#172033 48%,#16302d);color:var(--text-color)}.light-mode .image-composite-page{background:linear-gradient(135deg,#eef2ff,#f8fafc 52%,#ecfdf5)}.image-composite-stage{position:relative;min-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)));display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1.5rem);overflow:hidden}.image-composite-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.045) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,transparent 0);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);pointer-events:none}.light-mode .image-composite-stage:before{background-image:linear-gradient(rgba(15,23,42,.08) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.08) 1px,transparent 0)}.image-composite-stage canvas{position:relative;z-index:1;display:block;width:min(100%,calc((100svh - var(--navbar-current-height, var(--navbar-height)) - 3rem) * var(--canvas-ratio, 1.555)));max-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)) - 3rem);border:1px solid rgba(226,232,240,.2);border-radius:8px;background:#101820;box-shadow:0 26px 70px rgba(2,6,23,.42);cursor:-webkit-grab;cursor:grab;touch-action:none}.image-composite-stage canvas.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.light-mode .image-composite-stage canvas{border-color:rgba(15,23,42,.18);box-shadow:0 22px 55px rgba(15,23,42,.2)}.image-composite-carousel-preview{position:relative;z-index:1;width:min(100%,72vw);max-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)) - 3rem);display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1.1rem);overflow-x:auto;overflow-y:hidden;padding:1rem .25rem 1.35rem;scroll-snap-type:x proximity}.image-composite-carousel-slide{flex:0 0 min(31%,360px);min-width:220px;display:grid;grid-gap:.5rem;gap:.5rem;border:0;background:transparent;color:var(--text-color);padding:0;font:inherit;cursor:pointer;scroll-snap-align:center}.image-composite-carousel-slide>span{justify-self:center;min-width:28px;min-height:28px;display:inline-grid;place-items:center;border:1px solid rgba(45,212,191,.42);border-radius:999px;background:rgba(15,23,42,.78);color:#99f6e4;font-size:.78rem;font-weight:900}.image-composite-carousel-slide canvas{width:100%;max-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)) - 7rem);opacity:.78;cursor:pointer}.image-composite-carousel-slide.is-active{flex-basis:min(38%,440px)}.image-composite-carousel-slide.is-active>span{background:rgba(45,212,191,.2);color:var(--text-color)}.image-composite-carousel-slide.is-active canvas{opacity:1;outline:2px solid rgba(45,212,191,.66);outline-offset:4px;cursor:-webkit-grab;cursor:grab}.image-composite-carousel-slide.is-active canvas.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.light-mode .image-composite-carousel-slide>span{background:hsla(0,0%,100%,.9);color:#0f766e}.image-composite-empty{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.65rem .95rem;border:1px solid rgba(251,191,36,.42);border-radius:8px;background:rgba(15,23,42,.78);color:#fde68a;font:inherit;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.light-mode .image-composite-empty{background:hsla(0,0%,100%,.84);color:#92400e}.image-composite-panel{min-height:calc(100svh - var(--navbar-current-height, var(--navbar-height)));padding:clamp(1rem,2vw,1.35rem);border-left:1px solid rgba(226,232,240,.16);background:rgba(9,14,28,.92);box-shadow:-20px 0 48px rgba(2,6,23,.3);overflow-y:auto}.light-mode .image-composite-panel{border-left-color:rgba(15,23,42,.14);background:hsla(0,0%,100%,.9);box-shadow:-20px 0 42px rgba(15,23,42,.08)}.image-composite-heading{margin-bottom:1rem}.image-composite-kicker{display:inline-flex;min-height:26px;align-items:center;padding:.22rem .52rem;border-radius:6px;background:rgba(45,212,191,.14);color:#5eead4;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.light-mode .image-composite-kicker{background:rgba(13,148,136,.12);color:#0f766e}.image-composite-heading h1{margin:.6rem 0 0;font-size:2rem;line-height:1.05;letter-spacing:0}.image-composite-file-input{display:none}.image-composite-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.35rem;gap:.35rem;margin-bottom:.85rem;padding:.28rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.26)}.image-composite-tabs button{min-width:0;min-height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-color-secondary);padding:0 .35rem;font:inherit;font-size:.7rem;font-weight:850;cursor:pointer}.image-composite-tabs button.is-active,.image-composite-tabs button:hover{border-color:rgba(45,212,191,.42);background:rgba(45,212,191,.14);color:var(--text-color)}.light-mode .image-composite-tabs{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.72)}.light-mode .image-composite-tabs button.is-active,.light-mode .image-composite-tabs button:hover{background:rgba(20,184,166,.11)}.image-composite-tab-panel[hidden]{display:none}.image-composite-tab-panel{min-width:0}.image-composite-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.8rem}.image-composite-icon-row button,.image-composite-toolbar button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(148,163,184,.14);color:var(--text-color);font:inherit;font-size:.84rem;font-weight:800;cursor:pointer}.image-composite-icon-row button:hover,.image-composite-toolbar button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.16)}.image-composite-controls input:disabled,.image-composite-controls select:disabled,.image-composite-icon-row button:disabled,.image-composite-slide-actions button:disabled,.image-composite-toolbar button:disabled{opacity:.48;cursor:not-allowed}.light-mode .image-composite-icon-row button,.light-mode .image-composite-slide-actions button,.light-mode .image-composite-toolbar button{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.7)}.image-composite-slide-section{margin-bottom:.95rem;padding:.75rem;border:1px solid rgba(45,212,191,.24);border-radius:8px;background:rgba(15,23,42,.22)}.light-mode .image-composite-slide-section{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.7)}.image-composite-slide-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;margin-bottom:.65rem}.image-composite-slide-actions button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(148,163,184,.14);color:var(--text-color);padding:0 .45rem;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.image-composite-slide-actions button:hover:not(:disabled){border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.16)}.image-composite-slide-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.38rem;gap:.38rem}.image-composite-slide-strip button{min-width:0;min-height:44px;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.35rem;gap:.35rem;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(2,6,23,.28);color:var(--text-color-secondary);padding:.35rem .42rem;font:inherit;cursor:pointer}.image-composite-slide-strip button.is-active,.image-composite-slide-strip button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.14);color:var(--text-color)}.image-composite-slide-strip span{min-width:22px;min-height:22px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(45,212,191,.14);color:var(--text-color);font-size:.72rem;font-weight:900}.image-composite-slide-strip strong{min-width:0;color:inherit;font-size:.7rem;font-weight:850}.image-composite-slide-strip strong:after{content:" layers";color:var(--text-color-secondary);font-weight:750}.light-mode .image-composite-slide-strip button{border-color:rgba(15,23,42,.12);background:hsla(0,0%,100%,.72)}.image-composite-media-bin{margin-bottom:.95rem}.image-composite-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.55rem}.image-composite-section-heading>div{min-width:0;display:grid;grid-gap:.18rem;gap:.18rem}.image-composite-section-heading .image-composite-panel-label{margin-bottom:0}.image-composite-section-heading strong{color:var(--text-color);font-size:.86rem;font-weight:850}.image-composite-section-heading small{color:var(--text-color-secondary);font-size:.72rem;font-weight:800;line-height:1.35;text-align:right}.image-composite-apply-template,.image-composite-section-heading button{min-height:34px;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(148,163,184,.14);color:var(--text-color);padding:0 .7rem;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}.image-composite-apply-template:hover,.image-composite-section-heading button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.16)}.image-composite-section-heading button:disabled{opacity:.46;cursor:not-allowed}.image-composite-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.2rem}.image-composite-media-item{min-width:0;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(15,23,42,.24);overflow:hidden}.image-composite-media-item button{width:100%;display:grid;grid-template-rows:74px auto;border:0;background:transparent;color:var(--text-color);padding:0;text-align:left;font:inherit;cursor:pointer}.image-composite-media-item button:hover{background:rgba(45,212,191,.11)}.image-composite-media-item img{width:100%;height:74px;object-fit:cover;background:rgba(2,6,23,.4)}.image-composite-media-item span{min-width:0;padding:.45rem .5rem .1rem;overflow:hidden;color:var(--text-color);font-size:.74rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.image-composite-media-item small{display:block;padding:0 .5rem .48rem;color:var(--text-color-secondary);font-size:.68rem;font-weight:800}.light-mode .image-composite-media-item{border-color:rgba(15,23,42,.12);background:hsla(0,0%,100%,.7)}.light-mode .image-composite-apply-template,.light-mode .image-composite-section-heading button{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.72)}.image-composite-template-section{margin-bottom:.85rem}.image-composite-panel-label{margin-bottom:.45rem;color:var(--text-color-secondary);font-size:.78rem;font-weight:850}.image-composite-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.image-composite-template-grid button{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:.6rem;gap:.6rem;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:rgba(15,23,42,.28);color:var(--text-color);padding:.55rem;text-align:left;font:inherit;cursor:pointer}.image-composite-template-grid button.is-active,.image-composite-template-grid button:hover{border-color:rgba(45,212,191,.52);background:rgba(45,212,191,.13)}.image-composite-template-preview{width:42px;height:42px;display:grid;grid-gap:3px;gap:3px;padding:4px;border-radius:7px;border:1px solid rgba(148,163,184,.26);background:rgba(2,6,23,.32)}.image-composite-template-preview i{display:block;min-width:0;min-height:0;border-radius:3px;background:linear-gradient(135deg,#bae6fd,#5eead4)}.image-composite-template-copy{min-width:0;display:grid;grid-gap:.12rem;gap:.12rem}.image-composite-template-copy small,.image-composite-template-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-composite-template-copy strong{font-size:.8rem;font-weight:850}.image-composite-template-copy small{color:var(--text-color-secondary);font-size:.72rem;font-weight:750}.light-mode .image-composite-template-grid button{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.72)}.light-mode .image-composite-template-grid button.is-active,.light-mode .image-composite-template-grid button:hover{background:rgba(20,184,166,.11)}.light-mode .image-composite-template-preview{background:rgba(241,245,249,.86)}.image-composite-template-picker{margin-bottom:.9rem;padding:.72rem;border:1px solid rgba(45,212,191,.24);border-radius:8px;background:rgba(13,148,136,.1)}.image-composite-picker-row{display:grid;grid-gap:.4rem;gap:.4rem;margin-bottom:.7rem}.image-composite-picker-row>span{color:var(--text-color-secondary);font-size:.74rem;font-weight:850}.image-composite-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.45rem;gap:.45rem}.image-composite-picker-item{position:relative;min-width:0;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(15,23,42,.24);overflow:hidden}.image-composite-picker-select{width:100%;min-width:0;display:grid;grid-template-rows:58px auto;border:0;background:transparent;color:var(--text-color);padding:0;text-align:left;font:inherit;cursor:pointer}.image-composite-picker-item.is-selected,.image-composite-picker-item:hover{border-color:rgba(45,212,191,.58);background:rgba(45,212,191,.15)}.image-composite-picker-item.is-selected{box-shadow:inset 0 0 0 1px rgba(45,212,191,.55)}.image-composite-picker-item.is-used .image-composite-picker-select{opacity:.38;cursor:not-allowed}.image-composite-picker-select img{width:100%;height:58px;object-fit:cover;background:rgba(2,6,23,.4)}.image-composite-picker-select span{min-width:0;padding:.36rem .4rem;overflow:hidden;font-size:.68rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.image-composite-picker-inspect{position:absolute;top:.3rem;right:.3rem;width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:1px solid hsla(0,0%,100%,.24);border-radius:6px;color:#fff;background:rgba(2,6,23,.76);cursor:zoom-in}.image-composite-picker-inspect:hover{background:rgba(13,148,136,.92)}.image-composite-apply-template{width:100%;margin-top:.1rem}.light-mode .image-composite-template-picker{border-color:rgba(13,148,136,.22);background:rgba(240,253,250,.72)}.light-mode .image-composite-picker-item{border-color:rgba(15,23,42,.12);background:hsla(0,0%,100%,.72)}.image-composite-inspect-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:rgba(2,6,23,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-composite-inspect-dialog{width:min(92vw,920px);max-height:90svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(148,163,184,.3);border-radius:14px;background:#0b1118;box-shadow:0 28px 90px rgba(0,0,0,.58)}.image-composite-inspect-dialog footer,.image-composite-inspect-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.image-composite-inspect-dialog header{border-bottom:1px solid rgba(148,163,184,.18)}.image-composite-inspect-dialog footer{border-top:1px solid rgba(148,163,184,.18)}.image-composite-inspect-dialog header span{color:var(--text-color-secondary);font-size:.68rem;font-weight:850;text-transform:uppercase}.image-composite-inspect-dialog h2{margin:.15rem 0 0;font-size:1rem}.image-composite-inspect-dialog header button{width:34px;height:34px;border:1px solid rgba(148,163,184,.24);border-radius:7px;color:#fff;background:hsla(0,0%,100%,.06);cursor:pointer;font-size:1.35rem}.image-composite-inspect-stage{min-height:0;display:grid;place-items:center;padding:1rem;overflow:auto;background:#05080c}.image-composite-inspect-stage img{display:block;max-width:100%;max-height:68svh;width:auto;height:auto;object-fit:contain}.image-composite-inspect-dialog footer span{color:#a8b2bd;font-size:.78rem}.image-composite-inspect-dialog footer button{padding:.62rem .85rem;border:1px solid rgba(45,212,191,.38);border-radius:7px;color:#d7fffa;background:rgba(13,148,136,.28);cursor:pointer;font-weight:800}.image-composite-inspect-dialog footer button:disabled{opacity:.45;cursor:not-allowed}.light-mode .image-composite-inspect-dialog{background:#fff}.light-mode .image-composite-inspect-stage{background:#eef2f5}.light-mode .image-composite-inspect-dialog header button{color:#111827}.image-composite-error{margin:0 0 .75rem;padding:.55rem .7rem;border:1px solid hsla(0,91%,71%,.35);border-radius:8px;background:rgba(127,29,29,.22);color:#fecaca;font-size:.82rem}.light-mode .image-composite-error{background:hsla(0,93%,94%,.75);color:#991b1b}.image-composite-empty-state{margin:0 0 .95rem;padding:.75rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.24);color:var(--text-color-secondary);font-size:.84rem;font-weight:800;text-align:center}.light-mode .image-composite-empty-state{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.72)}.image-composite-color-control,.image-composite-control-row{display:grid;grid-template-columns:94px minmax(0,1fr);grid-gap:.7rem;gap:.7rem;align-items:center;margin-bottom:.72rem}.image-composite-color-control span,.image-composite-control-row span{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-color-secondary);font-size:.78rem;font-weight:800}.image-composite-color-control input{width:100%;height:38px;padding:0;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:transparent;cursor:pointer}.image-composite-size-controls{margin-bottom:.85rem}.image-composite-guide-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.72rem}.image-composite-guide-controls label{min-height:38px;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(15,23,42,.28);color:var(--text-color);font-size:.78rem;font-weight:800;cursor:pointer}.image-composite-guide-controls input{width:15px;height:15px;margin:0;accent-color:#2dd4bf}.image-composite-guide-controls label:has(input:checked){border-color:rgba(45,212,191,.48);background:rgba(45,212,191,.14)}.image-composite-guide-controls label:has(input:disabled){opacity:.48;cursor:not-allowed}.light-mode .image-composite-guide-controls label{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.72)}.light-mode .image-composite-guide-controls label:has(input:checked){background:rgba(20,184,166,.11)}.image-composite-dimension-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.72rem}.image-composite-dimension-row label{display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:.45rem;gap:.45rem;align-items:center}.image-composite-dimension-row span{color:var(--text-color-secondary);font-size:.78rem;font-weight:800}.image-composite-dimension-row input{min-width:0;min-height:38px;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(15,23,42,.38);color:var(--text-color);padding:0 .55rem;font:inherit;font-size:.84rem}.light-mode .image-composite-dimension-row input{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.78)}.image-composite-selected-status{display:grid;grid-gap:.45rem;gap:.45rem;margin:0 0 .85rem;padding:.65rem .75rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.26)}.light-mode .image-composite-selected-status{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.72)}.image-composite-selected-status>span{color:var(--text-color-secondary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.image-composite-selected-status div{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:.55rem;gap:.55rem;align-items:center}.image-composite-selected-status img{width:38px;height:34px;object-fit:cover;border-radius:6px;background:#111827}.image-composite-selected-status strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.image-composite-selected-status p{margin:0;color:var(--text-color-secondary);font-size:.84rem;font-weight:750}.image-composite-layer-list{display:grid;grid-gap:.5rem;gap:.5rem;margin:0 0 .95rem}.image-composite-layer{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;grid-gap:.45rem;gap:.45rem;align-items:center;padding:.42rem .55rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.34);color:var(--text-color)}.image-composite-layer.is-selected,.image-composite-layer:hover{border-color:rgba(245,158,11,.62);background:rgba(245,158,11,.12)}.light-mode .image-composite-layer{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.78)}.image-composite-layer-select{min-width:0;min-height:42px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-gap:.65rem;gap:.65rem;align-items:center;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}.image-composite-layer img{width:42px;height:38px;object-fit:cover;border-radius:6px;background:#111827}.image-composite-layer-select>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:750}.image-composite-layer-status{min-width:22px;display:inline-flex;align-items:center;justify-content:flex-end;gap:.28rem}.image-composite-layer-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;max-width:54px;padding:0 .34rem;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:rgba(148,163,184,.12);color:var(--text-color-secondary);font-size:.62rem;font-weight:900;line-height:1;white-space:nowrap}.image-composite-layer-badge.is-rip{border-color:rgba(251,191,36,.42);background:rgba(251,191,36,.14);color:#fde68a}.image-composite-layer-badge.is-selected{border-color:rgba(245,158,11,.46);background:rgba(245,158,11,.16);color:#fed7aa}.image-composite-layer-badge.is-fuse{border-color:rgba(168,85,247,.38);background:rgba(168,85,247,.13);color:#e9d5ff}.image-composite-layer-badge.is-crop{border-color:rgba(45,212,191,.38);background:rgba(45,212,191,.13);color:#99f6e4}.image-composite-layer-badge.is-touch{border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.1);color:#bbf7d0}.light-mode .image-composite-layer-badge.is-rip{color:#92400e}.light-mode .image-composite-layer-badge.is-selected{color:#9a3412}.light-mode .image-composite-layer-badge.is-fuse{color:#6b21a8}.light-mode .image-composite-layer-badge.is-crop{color:#0f766e}.light-mode .image-composite-layer-badge.is-touch{color:#166534}.image-composite-layer-remove,.image-composite-layer-snap{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(45,212,191,.1);color:var(--text-color);cursor:pointer}.image-composite-layer-snap:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.18)}.image-composite-layer-remove{border-color:hsla(0,91%,71%,.25);background:hsla(0,91%,71%,.1)}.image-composite-layer-remove:hover{border-color:hsla(0,91%,71%,.5);background:hsla(0,91%,71%,.18)}.light-mode .image-composite-layer-remove,.light-mode .image-composite-layer-snap{border-color:rgba(15,23,42,.13)}.light-mode .image-composite-layer-snap{background:rgba(20,184,166,.1)}.light-mode .image-composite-layer-remove{background:rgba(239,68,68,.08)}.image-composite-touch-status{margin:0 0 .95rem;padding:.65rem .75rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.26)}.image-composite-touch-status.has-touching{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.1)}.light-mode .image-composite-touch-status{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.72)}.light-mode .image-composite-touch-status.has-touching{border-color:rgba(22,163,74,.34);background:rgba(220,252,231,.72)}.image-composite-touch-status>span{display:block;margin-bottom:.38rem;color:var(--text-color-secondary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.image-composite-touch-status p,.image-composite-touch-status ul{margin:0}.image-composite-touch-status li,.image-composite-touch-status p{color:var(--text-color);font-size:.82rem;font-weight:750}.image-composite-touch-status ul{display:grid;grid-gap:.3rem;gap:.3rem;padding-left:1rem}.image-composite-transition-control{margin-bottom:.95rem}.image-composite-page-rip-settings{display:grid;grid-gap:.1rem;gap:.1rem;margin:0 0 .95rem;padding:.75rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.26)}.light-mode .image-composite-page-rip-settings{border-color:rgba(15,23,42,.12);background:rgba(248,250,252,.72)}.image-composite-settings-heading{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:.55rem}.image-composite-settings-heading>span{color:var(--text-color-secondary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.image-composite-preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.4rem;gap:.4rem}.image-composite-preset-row button{min-height:32px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(45,212,191,.1);color:var(--text-color);font:inherit;font-size:.72rem;font-weight:800;text-transform:capitalize;cursor:pointer}.image-composite-preset-row button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.18)}.image-composite-edge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.4rem;gap:.4rem}.image-composite-edge-grid button{min-height:34px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(148,163,184,.1);color:var(--text-color-secondary);font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.image-composite-edge-grid button.is-active,.image-composite-edge-grid button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.16);color:var(--text-color)}.light-mode .image-composite-edge-grid button{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.66)}.light-mode .image-composite-edge-grid button.is-active,.light-mode .image-composite-edge-grid button:hover{background:rgba(20,184,166,.12)}.light-mode .image-composite-preset-row button{border-color:rgba(15,23,42,.13);background:rgba(20,184,166,.1)}.image-composite-rip-assignment{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:.65rem;padding:.62rem;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(2,6,23,.22)}.light-mode .image-composite-rip-assignment{border-color:rgba(15,23,42,.1);background:hsla(0,0%,100%,.58)}.image-composite-rip-assignment>div:first-child{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:.5rem;gap:.5rem;align-items:center}.image-composite-rip-assignment span{color:var(--text-color-secondary);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.image-composite-rip-assignment strong{min-width:0;overflow:hidden;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:850;text-align:right}.image-composite-rip-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);grid-gap:.4rem;gap:.4rem}.image-composite-rip-actions button{min-width:0;min-height:32px;border:1px solid rgba(251,191,36,.3);border-radius:8px;background:rgba(251,191,36,.1);color:var(--text-color);font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.image-composite-rip-actions button:hover:not(:disabled){border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.18)}.image-composite-rip-actions button:disabled{cursor:not-allowed;opacity:.48}.light-mode .image-composite-rip-actions button{border-color:rgba(146,64,14,.18);background:rgba(251,191,36,.12)}.image-composite-page-rip-settings input[type=number]{min-width:0;min-height:38px;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(15,23,42,.38);color:var(--text-color);padding:0 .55rem;font:inherit;font-size:.84rem}.light-mode .image-composite-page-rip-settings input[type=number]{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.78)}.image-composite-controls{padding-top:.2rem}.image-composite-icon-row{grid-template-columns:repeat(4,minmax(0,1fr))}.image-composite-scale-row{align-items:stretch}.image-composite-crop-controls{display:grid;grid-gap:.05rem;gap:.05rem;margin:0 0 .8rem;padding:.72rem;border:1px solid rgba(45,212,191,.22);border-radius:8px;background:rgba(15,23,42,.24)}.image-composite-crop-heading{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.5rem}.image-composite-crop-heading span{color:var(--text-color-secondary);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.image-composite-crop-heading button{min-height:30px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:rgba(148,163,184,.12);color:var(--text-color);padding:0 .62rem;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.image-composite-crop-heading button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.16)}.image-composite-crop-controls .image-composite-control-row{grid-template-columns:72px minmax(0,1fr)}.image-composite-crop-controls .image-composite-range-with-value{grid-template-columns:minmax(0,1fr) 72px}.light-mode .image-composite-crop-controls{border-color:rgba(13,148,136,.18);background:rgba(240,253,250,.62)}.light-mode .image-composite-crop-heading button{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.72)}.image-composite-range-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.5rem;gap:.5rem;align-items:center}.image-composite-range-with-value{display:grid;grid-template-columns:minmax(0,1fr) 58px;grid-gap:.5rem;gap:.5rem;align-items:center}.image-composite-range-with-value input[type=number],.image-composite-range-with-value output{min-height:32px;min-width:0;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(15,23,42,.24);color:var(--text-color-secondary);text-align:center;font-size:.74rem;font-weight:850;font-family:inherit}.image-composite-range-with-value output{display:inline-flex;align-items:center;justify-content:center}.image-composite-range-with-value input[type=number]{padding:0 .25rem}.light-mode .image-composite-range-with-value input[type=number],.light-mode .image-composite-range-with-value output{border-color:rgba(15,23,42,.12);background:hsla(0,0%,100%,.7)}.image-composite-range-with-action button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(45,212,191,.12);color:var(--text-color);padding:0 .65rem;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.image-composite-range-with-action button:hover{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.18)}.image-composite-range-with-action button:disabled{opacity:.48;cursor:not-allowed}.light-mode .image-composite-range-with-action button{border-color:rgba(15,23,42,.13);background:rgba(20,184,166,.1)}.image-composite-controls input[type=range]{width:100%;accent-color:#2dd4bf}.image-composite-control-row select,.image-composite-controls select{width:100%;min-height:38px;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(15,23,42,.38);color:var(--text-color);padding:0 .55rem;font:inherit;font-size:.84rem}.image-composite-control-row select:disabled{opacity:.48;cursor:not-allowed}.light-mode .image-composite-control-row select,.light-mode .image-composite-controls select{border-color:rgba(15,23,42,.13);background:hsla(0,0%,100%,.78)}@media (max-width:940px){.image-composite-page{grid-template-columns:1fr}.image-composite-stage{min-height:auto;padding:.8rem}.image-composite-carousel-preview,.image-composite-stage canvas{width:100%;max-height:none}.image-composite-carousel-slide,.image-composite-carousel-slide.is-active{flex-basis:min(78vw,360px)}.image-composite-carousel-slide canvas{max-height:none}.image-composite-panel{min-height:auto;border-left:0;border-top:1px solid rgba(226,232,240,.16)}}