.image-composite-media-bin{position:relative;margin-bottom:.95rem;border-radius:10px;outline:2px dashed transparent;outline-offset:5px;transition:background-color .16s ease,outline-color .16s ease}.image-composite-media-bin.is-drag-over{background:rgba(56,149,208,.08);outline-color:rgba(56,149,208,.78)}.image-composite-media-bin.is-drag-over:after{content:"Drop images to add them";position:absolute;z-index:4;inset:-.35rem;display:grid;place-items:center;border:2px dashed rgba(94,234,212,.9);border-radius:12px;background:rgba(9,18,30,.9);color:#ccfbf1;font-size:.86rem;font-weight:900;letter-spacing:.01em;pointer-events:none}.light-mode .image-composite-media-bin.is-drag-over{background:rgba(56,149,208,.08);outline-color:rgba(13,148,136,.7)}.light-mode .image-composite-media-bin.is-drag-over:after{border-color:rgba(13,148,136,.75);background:rgba(240,253,250,.94);color:#115e59}.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(56,149,208,.5);background:rgba(56,149,208,.16)}.image-composite-section-heading button:disabled{opacity:.46;cursor:not-allowed}.image-composite-media-grid{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:.2rem}.image-composite-media-item{border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(15,23,42,.24);overflow:hidden}.image-composite-media-item button{grid-template-rows:74px auto;border:0;background:transparent;color:var(--text-color);padding:0;font:inherit;cursor:pointer}.image-composite-media-item button:hover{background:rgba(56,149,208,.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-gap:.55rem;gap:.55rem}.image-composite-template-grid button{min-height:62px;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(56,149,208,.52);background:rgba(56,149,208,.13)}.image-composite-template-preview-frame{width:42px;height:42px;display:grid;place-items:center}.image-composite-template-preview{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 0,var(--editor-accent) 100%)}.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(56,149,208,.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(56,149,208,.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;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(15,23,42,.24);overflow:hidden}.image-composite-picker-select{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(56,149,208,.58);background:rgba(56,149,208,.15)}.image-composite-picker-item.is-selected{box-shadow:inset 0 0 0 1px rgba(56,149,208,.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(56,149,208,.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{border:1px solid hsla(0,91%,71%,.35);border-radius:8px;background:rgba(127,29,29,.22);color:#fecaca}.image-composite-error,.image-composite-export-status{margin:0 0 .75rem;padding:.55rem .7rem;font-size:.82rem}.image-composite-export-status{border:1px solid rgba(56,149,208,.34);border-radius:8px;background:rgba(13,148,136,.16);color:var(--editor-accent);font-weight:750}.light-mode .image-composite-error{background:hsla(0,93%,94%,.75);color:#991b1b}.light-mode .image-composite-export-status{background:rgba(204,251,241,.72);color:#0f766e}.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(56,149,208,.48);background:rgba(56,149,208,.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(56,149,208,.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-morph{border-color:rgba(34,211,238,.42);background:rgba(6,182,212,.15);color:#a5f3fc}.image-composite-layer-badge.is-crop{border-color:rgba(56,149,208,.38);background:rgba(56,149,208,.13);color:var(--editor-accent)}.image-composite-layer-badge.is-touch{border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.1);color:#bbf7d0}.image-composite-layer-badge.is-filter{border-color:rgba(192,132,252,.42);background:rgba(147,51,234,.17);color:#e9d5ff}.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-morph{border-color:rgba(8,145,178,.28);background:rgba(103,232,249,.2);color:#0e7490}.light-mode .image-composite-layer-badge.is-crop{color:#0f766e}.light-mode .image-composite-layer-badge.is-touch{color:#166534}.light-mode .image-composite-layer-badge.is-filter{border-color:rgba(126,34,206,.24);background:rgba(192,132,252,.14);color:#7e22ce}.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(56,149,208,.1);color:var(--text-color);cursor:pointer}.image-composite-layer-snap:hover{border-color:rgba(56,149,208,.5);background:rgba(56,149,208,.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(56,149,208,.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-photo-effects{margin-bottom:1rem;padding:.72rem;border:1px solid rgba(192,132,252,.24);border-radius:9px;background:rgba(88,28,135,.1)}.image-composite-photo-effects-heading{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.7rem}.image-composite-photo-effects-heading>div{min-width:0;display:grid;grid-gap:.12rem;gap:.12rem}.image-composite-adjustment-group>span,.image-composite-effects-divider span,.image-composite-photo-effects-heading span{color:var(--text-color-secondary);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.image-composite-photo-effects-heading strong{min-width:0;overflow:hidden;color:var(--text-color);font-size:.8rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.image-composite-photo-effects-heading button{min-height:32px;border:1px solid rgba(192,132,252,.32);border-radius:8px;background:rgba(168,85,247,.12);color:var(--text-color);padding:0 .65rem;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.image-composite-photo-effects-heading button:hover:not(:disabled){border-color:rgba(216,180,254,.55);background:rgba(168,85,247,.2)}.image-composite-photo-effects-heading button:disabled{opacity:.45;cursor:not-allowed}.image-composite-filter-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.42rem;gap:.42rem;margin-bottom:.8rem}.image-composite-filter-presets button{min-width:0;display:grid;grid-template-rows:52px auto;grid-gap:0;gap:0;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:rgba(15,23,42,.32);color:var(--text-color-secondary);padding:0;font:inherit;cursor:pointer}.image-composite-filter-presets button.is-active,.image-composite-filter-presets button:hover{border-color:rgba(216,180,254,.64);background:rgba(168,85,247,.18);color:var(--text-color)}.image-composite-filter-presets button.is-active{box-shadow:inset 0 0 0 1px rgba(216,180,254,.44)}.image-composite-filter-presets img{width:100%;height:52px;display:block;object-fit:cover;background:rgba(2,6,23,.42)}.image-composite-filter-presets button>span{min-width:0;overflow:hidden;padding:.34rem .2rem;font-size:.65rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.image-composite-adjustment-groups{display:grid;grid-gap:.72rem;gap:.72rem}.image-composite-adjustment-group{display:grid;grid-gap:.05rem;gap:.05rem;padding-top:.7rem;border-top:1px solid rgba(192,132,252,.16)}.image-composite-adjustment-group>span{margin-bottom:.45rem}.image-composite-adjustment-group .image-composite-control-row{grid-template-columns:82px minmax(0,1fr);gap:.55rem;margin-bottom:.58rem}.image-composite-adjustment-group .image-composite-range-with-value{grid-template-columns:minmax(0,1fr) 58px}.image-composite-photo-effects input[type=range]{width:100%;accent-color:#c084fc}.image-composite-effects-divider{display:flex;align-items:center;gap:.6rem;margin:.1rem 0 .8rem}.image-composite-effects-divider:after{content:"";height:1px;flex:1 1;background:rgba(148,163,184,.2)}.light-mode .image-composite-photo-effects{border-color:rgba(126,34,206,.16);background:rgba(250,245,255,.82)}.light-mode .image-composite-filter-presets button,.light-mode .image-composite-photo-effects-heading button{border-color:rgba(88,28,135,.14);background:hsla(0,0%,100%,.78)}.light-mode .image-composite-filter-presets button.is-active,.light-mode .image-composite-filter-presets button:hover{border-color:rgba(126,34,206,.38);background:rgba(243,232,255,.8)}.light-mode .image-composite-adjustment-group{border-top-color:rgba(88,28,135,.1)}.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(56,149,208,.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(56,149,208,.5);background:rgba(56,149,208,.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(56,149,208,.5);background:rgba(56,149,208,.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(56,149,208,.12)}.light-mode .image-composite-preset-row button{border-color:rgba(15,23,42,.13);background:rgba(56,149,208,.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(56,149,208,.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(56,149,208,.5);background:rgba(56,149,208,.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-action>.image-composite-range-with-value{min-width:0}.image-composite-range-with-value{display:grid;grid-template-columns:minmax(0,1fr) 78px;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}.image-composite-number-with-unit{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.2rem;gap:.2rem;align-items:center}.image-composite-number-with-unit input[type=number]{width:100%}.image-composite-number-with-unit>span{color:var(--text-color-secondary);font-size:.68rem;font-weight:850}.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(56,149,208,.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(56,149,208,.5);background:rgba(56,149,208,.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(56,149,208,.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)}.image-composite-photo-splitter{display:grid;grid-gap:12px;gap:12px;margin-bottom:16px;padding:14px;border:1px solid rgba(20,184,166,.35);border-radius:10px;background:rgba(20,184,166,.05)}.image-composite-panorama-status,.image-composite-photo-splitter p{margin:0;font-size:.8rem;line-height:1.55}.image-composite-photo-splitter small{font-size:.72rem;line-height:1.5;color:var(--text-color-secondary)}.image-composite-split-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px}.image-composite-split-options label{display:grid;grid-gap:6px;gap:6px;min-width:0;font-size:.78rem}.image-composite-split-options select{width:100%;min-width:0;min-height:40px;border:1px solid rgba(148,163,184,.4);border-radius:6px;padding:6px;background:var(--background-color,#fff);color:var(--text-color);font:inherit}.image-composite-photo-splitter>button{min-height:44px;padding:8px 12px;border:1px solid rgba(20,184,166,.5);border-radius:8px;background:rgba(20,184,166,.14);color:inherit;font:inherit;cursor:pointer}.image-composite-photo-splitter :focus-visible{outline:2px solid #14b8a6;outline-offset:3px}.image-composite-split-preview{position:relative;width:100%;overflow:hidden;border-radius:6px}.image-composite-split-preview>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-composite-split-preview>div{position:absolute;inset:0;display:flex}.image-composite-split-preview span{flex:1 1;min-width:0;padding:4px;border-left:1px dashed #fff}.image-composite-split-preview span:first-child{border-left:0}.image-composite-split-preview b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0f172abb;color:#fff;font-size:.65rem}.image-composite-panorama-status{padding:12px;border:1px solid rgba(20,184,166,.35);border-radius:8px;background:rgba(20,184,166,.08)}.image-composite-template-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px;font-size:.8rem}.image-composite-template-scope select{min-height:40px;padding:6px 12px;border:1px solid rgba(148,163,184,.4);border-radius:6px;background:var(--background-color,#fff);color:var(--text-color);font:inherit}.image-composite-template-hint{margin:0 0 12px;font-size:.78rem;color:var(--text-color-secondary)}.composite-export-dialog,.image-composite-page{--editor-bg:var(--background-color);--editor-stage:color-mix(in srgb,var(--background-color) 94%,var(--text-color));--editor-panel:var(--card-background-color);--editor-raised:color-mix(in srgb,var(--card-background-color) 92%,var(--text-color));--editor-ink:var(--text-color);--editor-muted:var(--text-color-secondary);--editor-line:var(--border-color);--editor-accent:var(--link-color);--editor-selection:rgba(var(--primary-color-rgb),.14);--editor-button-border:var(--glass-border);--editor-button-shadow:var(--glass-raised-shadow);--editor-button-hover:var(--glass-raised-shadow);--editor-button-pressed:inset 0 2px 4px var(--glass-shadow);color:var(--editor-ink);background:var(--editor-bg);font-size:.875rem;line-height:1.5;color-scheme:dark}.light-mode .composite-export-dialog,.light-mode .image-composite-page{color-scheme:light}.image-composite-page{display:grid;grid-template-columns:72px minmax(0,1fr) 340px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"command command command" "notice notice notice" "tools stage panel";height:calc(100dvh - var(--navbar-current-height, 70px));min-height:300px;overflow:hidden;isolation:isolate}.composite-export-dialog *,.image-composite-page *{box-sizing:border-box}.composite-export-dialog [hidden],.image-composite-page [hidden]{display:none!important}.composite-export-dialog button,.image-composite-page button{font:inherit;color:inherit;min-height:44px;border:1px solid var(--editor-button-border);border-radius:10px;background:var(--glass-sheen),rgba(var(--primary-color-rgb),.08);box-shadow:var(--editor-button-shadow);font-weight:700;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;touch-action:manipulation}.composite-export-dialog button:hover:not(:disabled),.image-composite-page button:hover:not(:disabled){background:rgba(var(--primary-color-rgb),.14);border-color:var(--editor-line);box-shadow:var(--editor-button-hover);transform:translateY(-1px)}.composite-export-dialog button:active:not(:disabled),.image-composite-page button:active:not(:disabled){transform:translateY(1px);box-shadow:var(--editor-button-pressed)}.composite-export-dialog button:disabled,.image-composite-page button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.composite-export-dialog :focus-visible,.image-composite-page :focus-visible{outline:2px solid var(--editor-accent);outline-offset:3px}.composite-export-dialog ::selection,.image-composite-page ::selection{background:var(--editor-selection);color:var(--editor-ink)}.composite-export-dialog input,.image-composite-page input{accent-color:var(--editor-accent);caret-color:var(--editor-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.composite-export-dialog input:not([type=range]):not([type=checkbox]),.composite-export-dialog select,.image-composite-page input:not([type=range]):not([type=checkbox]):not([type=color]):not([type=file]),.image-composite-page select{min-width:0;min-height:44px;color:var(--editor-ink);background:var(--editor-raised);border:1px solid var(--editor-line);border-radius:8px;box-shadow:inset 0 2px 4px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);padding:8px;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.composite-export-dialog input[type=range],.image-composite-page input[type=range]{min-height:44px;width:100%}.image-composite-page input[type=checkbox]{width:18px;height:18px}.composite-commandbar{grid-area:command;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--editor-line);background:var(--glass-sheen),var(--editor-panel);min-width:0}.composite-title{margin-right:auto;min-width:0}.composite-title h1{margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.composite-title>span{font-size:.75rem;color:var(--editor-muted)}.composite-history{display:flex;gap:4px}.composite-history button{width:44px;padding:0}.composite-export-dialog .composite-export-png,.image-composite-page .composite-primary{background:linear-gradient(180deg,hsla(0,0%,100%,.08),rgba(0,0,0,.08)),rgba(var(--primary-color-rgb),.16);color:var(--editor-ink);border-color:var(--editor-button-border);border-radius:999px}.light-mode .composite-export-dialog .composite-export-png,.light-mode .image-composite-page .composite-primary{background:linear-gradient(180deg,rgba(15,23,42,.08),hsla(0,0%,100%,.78)),rgba(var(--primary-color-rgb),.1)}.composite-export-dialog .composite-export-png:hover:not(:disabled),.image-composite-page .composite-primary:hover:not(:disabled){filter:none;border-color:var(--editor-accent)}.composite-notice{grid-area:notice;border-bottom:1px solid var(--editor-line);padding:5px 18px;background:var(--editor-panel);font-size:.75rem}.composite-notice p{margin:0}.image-composite-error{color:#ffb4ab}.light-mode .image-composite-error{color:#a42624}.image-composite-tabs{grid-area:tools;display:flex;flex-direction:column;gap:6px;padding:12px 7px;border-right:1px solid var(--editor-line);background:var(--editor-panel);min-height:0;overflow-y:auto}.image-composite-tabs button{display:flex;flex-direction:column;gap:4px;min-height:64px;flex:0 0 auto;font-size:.6875rem;border:0;padding:8px 2px;color:var(--editor-muted)}.image-composite-tabs button>.anticon{font-size:20px}.image-composite-tabs button.is-active{color:var(--editor-ink);background:var(--editor-selection);box-shadow:var(--editor-button-pressed)}.image-composite-panel{grid-area:panel;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:var(--editor-panel);border-left:1px solid var(--editor-line)}.composite-inspector-heading{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 18px;border-bottom:1px solid var(--editor-line);gap:8px}.composite-inspector-heading h2{font-size:1rem;line-height:1.3;margin:0}.composite-inspector-heading>div{min-width:0}.composite-inspector-heading span{display:block;font-size:.75rem;color:var(--editor-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-composite-page .composite-collapse{display:none}.composite-inspector-scroll{overflow:auto;overscroll-behavior:contain;padding:18px;min-height:0;scrollbar-color:var(--editor-line) var(--editor-panel);scrollbar-width:thin}.image-composite-file-input,.image-composite-library-input{display:none}.image-composite-tab-panel{min-width:0}.image-composite-stage{grid-area:stage;position:relative;display:grid;grid-template-rows:44px minmax(0,1fr) auto auto;min-width:0;min-height:0;background:var(--editor-stage);overflow:hidden}.composite-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;font-size:.75rem;color:var(--editor-muted);z-index:1;min-width:0}.composite-stage-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.composite-stage-bar>div{display:flex;flex-shrink:0}.composite-stage-bar button{min-height:32px;padding:4px 9px;font-size:.75rem;background:transparent}.composite-stage-bar button[aria-pressed=true]{color:var(--editor-accent);background:var(--editor-selection)}.composite-viewport-shell{grid-row:2;position:relative;min-width:0;min-height:0}.composite-viewport{width:100%;height:100%;overflow:hidden;position:relative;touch-action:none}.composite-canvas-transform{position:absolute;left:50%;top:50%;transform-origin:center;box-shadow:0 8px 26px #0003}.composite-canvas-transform>canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;background:#fff;cursor:-webkit-grab;cursor:grab;touch-action:none}.composite-canvas-transform>canvas.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.composite-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.composite-empty-wrap{position:absolute;top:44px;bottom:100px;left:0;right:0;display:grid;place-items:center;pointer-events:none}.composite-empty-wrap .image-composite-empty-state{max-width:min(310px,calc(100% - 32px));padding:24px;background:var(--editor-panel);color:var(--editor-ink);box-shadow:0 8px 30px #0002;border:0;border-radius:12px;text-align:center;pointer-events:auto}.composite-empty-wrap .anticon{font-size:26px;color:var(--editor-accent)}.composite-empty-wrap h2{font-size:1.125rem;margin:12px 0 6px}.composite-empty-wrap p{font-size:.8125rem;color:var(--editor-muted);margin:0 0 16px}.composite-empty-wrap small{display:block;font-size:.6875rem;margin-top:10px;color:var(--editor-muted)}.composite-empty-wrap button .anticon{font-size:16px;color:inherit}.image-composite-slide-section{grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;margin:0;padding:8px 14px;border-top:1px solid var(--editor-line);background:var(--editor-panel);min-width:0}.image-composite-slide-section .image-composite-section-heading{margin:0;min-width:0}.image-composite-slide-section .image-composite-panel-label,.image-composite-slide-section .image-composite-section-heading>small{display:none}.image-composite-slide-actions{display:flex;gap:6px}.image-composite-slide-actions button{font-size:.75rem;padding:6px 9px}.image-composite-slide-strip{grid-column:1/-1;display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px}.image-composite-slide-strip:has(>button:only-child){display:none}.image-composite-slide-strip button{position:relative;flex:0 0 54px;padding:5px;height:64px}.image-composite-slide-strip button.is-active{border:2px solid var(--editor-accent);background:var(--editor-selection)}.image-composite-slide-strip canvas{display:block;width:auto;height:auto;max-height:48px;max-width:42px}.image-composite-slide-strip button>span{position:absolute;left:1px;top:1px;min-width:17px;background:var(--editor-panel);color:var(--editor-ink);font-size:.625rem;border-radius:3px}.composite-playback{grid-row:3;display:flex;align-items:center;gap:12px;padding:4px 14px;border-top:1px solid var(--editor-line);background:var(--editor-panel)}.composite-playback label{display:flex;gap:10px;align-items:center;flex:1 1;font-size:.75rem;min-width:0}.composite-playback button{white-space:nowrap;font-size:.75rem}.composite-playback input{min-width:0}.composite-auto-layout,.composite-library-import{width:100%;margin-bottom:12px}.image-composite-template-hint{color:var(--editor-muted);font-size:.8125rem;line-height:1.5}.image-composite-media-bin{padding:0;margin:18px 0 0;border:0;background:transparent}.image-composite-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-composite-media-item{border:0;background:transparent;min-width:0}.image-composite-media-item button{display:grid;width:100%;text-align:left;padding:6px}.image-composite-media-item img{height:92px;background:var(--editor-stage)}.image-composite-media-item span{width:100%;color:var(--editor-ink)}.image-composite-media-item small{color:var(--editor-muted)}.image-composite-section-heading{gap:8px}.image-composite-section-heading strong{color:var(--editor-ink)}.image-composite-panel-label,.image-composite-section-heading small{color:var(--editor-muted)}.image-composite-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-composite-template-grid button{padding:8px;font-size:.75rem;display:grid}.image-composite-template-preview-frame{width:100%;height:62px}.image-composite-template-copy strong{font-size:.75rem}.image-composite-template-copy small{font-size:.625rem;color:var(--editor-muted);line-height:1.4}.image-composite-picker-item.is-selected,.image-composite-template-grid button.is-active{border-color:var(--editor-accent);background:var(--editor-selection)}.composite-split-details{border-bottom:1px solid var(--editor-line);margin-bottom:18px;padding-bottom:12px}.composite-split-details summary,.image-composite-page details>summary{min-height:44px;padding-block:10px;cursor:pointer}.image-composite-photo-splitter{margin:8px 0 0;padding:0;border:0;background:transparent}.image-composite-template-picker h3{margin:0 0 8px;font-size:1rem}.composite-slot-strip{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 12px}.composite-slot-strip button{flex:0 0 70px;display:grid;padding:5px;font-size:.6875rem}.composite-slot-strip button[aria-pressed=true]{border-color:var(--editor-accent);background:var(--editor-selection)}.composite-slot-strip img{width:58px;height:52px;object-fit:cover;border-radius:3px}.image-composite-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-composite-picker-item{min-width:0}.image-composite-picker-select{display:grid!important;width:100%;padding:4px!important}.image-composite-picker-select img{height:86px}.image-composite-page .image-composite-picker-inspect{min-width:44px;min-height:44px;background:var(--editor-panel)}.composite-picker-actions{display:flex;gap:8px;position:-webkit-sticky;position:sticky;bottom:-18px;margin:14px -18px -18px;padding:12px 18px;background:var(--editor-panel);border-top:1px solid var(--editor-line)}.composite-picker-actions button{flex:1 1}.image-composite-control-row{color:var(--editor-ink)}.image-composite-controls input[type=range],.image-composite-range-with-value{min-width:0}.image-composite-dimension-row{gap:10px}.image-composite-control-row select,.image-composite-dimension-row input{width:100%}.image-composite-crop-controls,.image-composite-page-rip-settings,.image-composite-selected-status,.image-composite-touch-status{background:var(--editor-raised);border-color:var(--editor-line);box-shadow:none}.image-composite-layer-list{gap:8px}.image-composite-layer{background:var(--editor-panel);border-color:var(--editor-line)}.image-composite-layer.is-selected{background:var(--editor-selection);border-color:var(--editor-accent)}.image-composite-page .image-composite-layer-select{background:transparent;min-width:0}.image-composite-page .image-composite-layer-remove,.image-composite-page .image-composite-layer-snap{min-width:44px}.image-composite-layer-status{flex-wrap:wrap}.image-composite-icon-row{display:grid;grid-gap:8px;gap:8px}.image-composite-icon-row button{min-width:44px}.image-composite-page .color-grading-panel{color:var(--editor-ink)}.image-composite-page .grade-control input[type=number]{width:64px}.image-composite-page .grade-toolbar button{padding:6px 8px}.image-composite-page .grade-toolbar{flex-wrap:wrap}.image-composite-page .grade-tabs{overflow-x:auto}.image-composite-page .grade-tabs button{flex:0 0 auto}.image-composite-carousel-preview{grid-row:2;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;gap:16px;padding:20px;min-height:0;scroll-snap-type:x proximity}.image-composite-page .image-composite-carousel-slide{flex:0 0 auto;display:grid;width:auto;min-width:80px;padding:0;border:0;background:transparent;scroll-snap-align:center}.image-composite-carousel-slide>span{font-size:.75rem;margin-bottom:8px}.image-composite-carousel-slide canvas{width:auto;height:auto;max-height:min(60dvh,520px);max-width:280px}.image-composite-carousel-preview.has-panorama{gap:0}.image-composite-carousel-preview.has-panorama .image-composite-carousel-slide{margin-left:16px}.image-composite-carousel-preview.has-panorama .image-composite-carousel-slide:first-child,.image-composite-carousel-preview.has-panorama .is-connected-left{margin-left:0}.image-composite-carousel-preview.has-panorama canvas{width:min(280px,calc(55dvh * var(--carousel-ratio)));height:auto;max-width:none;max-height:none}.composite-export-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--editor-line);border-radius:12px;box-shadow:0 18px 70px #0005}.composite-export-dialog::-webkit-backdrop{background:#0c131caa}.composite-export-dialog::backdrop{background:#0c131caa}.composite-export-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:12px;border-bottom:1px solid var(--editor-line)}.composite-export-dialog h2{margin:0;font-size:1.25rem}.composite-export-dialog header p{margin:3px 0 0;color:var(--editor-muted);font-size:.75rem}.composite-export-scroll{padding:22px;overflow:auto;max-height:calc(100dvh - 150px)}.composite-export-scroll>button{width:100%;margin-bottom:10px}.image-composite-video-controls{display:grid;grid-gap:14px;gap:14px;margin-top:18px;border-top:1px solid var(--editor-line);padding-top:18px}.image-composite-video-controls p{margin:0;font-size:.8125rem;color:var(--editor-muted)}.image-composite-video-controls label{display:grid;grid-gap:6px;gap:6px;font-size:.8125rem}.image-composite-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.image-composite-video-controls input,.image-composite-video-controls select{width:100%}.image-composite-export-overlay{position:fixed;inset:0;z-index:10000;background:#101820ed;display:grid;place-content:center;grid-gap:20px;gap:20px;padding:24px;color:#fff;text-align:center}.image-composite-export-overlay button{min-height:44px;padding:10px 18px;font:inherit;cursor:pointer}@media (max-width:1023px) and (min-height:501px),(max-width:567px){.image-composite-page{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) 0 64px;grid-template-areas:"command" "notice" "stage" "panel" "tools"}.image-composite-page.inspector-open{grid-template-rows:auto auto minmax(140px,1fr) min(34dvh,300px) 64px}.composite-commandbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:4px 8px;gap:4px 8px;padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))}.composite-title h1{font-size:.9375rem}.composite-title>span{display:none}.composite-history{gap:0}.composite-history button{border:0}.composite-commandbar>.composite-primary{grid-column:3;grid-row:1;padding-inline:10px}.composite-canvas-settings{grid-column:1;grid-row:2;justify-content:flex-start!important;border:0!important;padding:3px 0!important;font-size:.75rem!important}.composite-add-media{grid-column:2/4;grid-row:2}.image-composite-tabs{flex-direction:row;justify-content:space-around;gap:2px;padding:3px max(4px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border:0;border-top:1px solid var(--editor-line);overflow:visible}.image-composite-tabs button{flex:1 1;min-height:54px;gap:2px;padding:4px;font-size:.6875rem}.image-composite-tabs button>.anticon{font-size:18px}.image-composite-panel{display:none;border:0;border-top:1px solid var(--editor-line)}.inspector-open .image-composite-panel{display:grid}.composite-inspector-heading{min-height:48px;padding:4px 14px}.image-composite-page .composite-collapse{display:inline-flex;width:44px;border:0}.composite-inspector-scroll{padding:14px}.image-composite-page input:not([type=range]):not([type=checkbox]):not([type=color]):not([type=file]),.image-composite-page select{font-size:16px}.composite-stage-bar{padding-inline:10px}.composite-stage-bar button{min-height:44px}.image-composite-slide-section{padding:4px 10px;gap:4px}.image-composite-slide-actions button{font-size:.6875rem;padding-inline:7px}.image-composite-slide-strip button{height:54px}.image-composite-slide-strip canvas{max-height:40px}.composite-notice{padding:4px 10px;max-height:44px;overflow-y:auto}.composite-empty-wrap{bottom:105px}.composite-empty-wrap .image-composite-empty-state{padding:16px}.image-composite-carousel-slide canvas{max-height:36dvh}.image-composite-carousel-preview.has-panorama canvas{width:min(200px,calc(32dvh * var(--carousel-ratio)))}.composite-picker-actions{bottom:-14px;margin:12px -14px -14px;padding:8px 14px}}@media (min-width:568px) and (max-height:500px){.image-composite-page{grid-template-columns:58px minmax(0,1fr) 270px}.composite-commandbar{padding:4px 10px;gap:6px}.composite-title h1{font-size:.9375rem}.composite-add-media>span:not(.anticon),.composite-canvas-settings>span:not(.anticon),.composite-title>span{display:none}.composite-commandbar>button{padding-inline:10px}.image-composite-tabs{padding:4px;gap:2px}.image-composite-tabs button{min-height:44px;padding:4px 0;gap:0;font-size:.625rem}.image-composite-tabs button>.anticon{font-size:16px}.composite-inspector-heading{min-height:44px;padding:6px 12px}.composite-inspector-scroll{padding:12px}.composite-stage-bar{padding-inline:8px}.composite-stage-bar>span{display:none}.composite-stage-bar{justify-content:center}.composite-selection-edit{display:none!important}.image-composite-slide-section{padding:2px 6px}.image-composite-slide-section .image-composite-section-heading{display:none}.image-composite-slide-actions{justify-content:center;grid-column:1/-1}.image-composite-slide-actions button{min-height:44px;padding:4px 6px;font-size:.6875rem}.image-composite-slide-strip button{height:44px}.image-composite-slide-strip canvas{max-height:34px}.composite-empty-wrap{bottom:80px}.composite-empty-wrap .image-composite-empty-state{padding:10px}.composite-empty-wrap h2{margin:0 0 8px;font-size:.875rem}.composite-empty-wrap p,.composite-empty-wrap small,.composite-empty-wrap>div>.anticon{display:none}.image-composite-carousel-slide canvas{max-height:140px}.image-composite-carousel-preview.has-panorama canvas{width:calc(140px * var(--carousel-ratio))}}@media (prefers-reduced-motion:reduce){.composite-export-dialog *,.image-composite-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.image-composite-export-overlay{margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0}.image-composite-export-overlay:not([open]){display:none}.image-composite-export-overlay::-webkit-backdrop{background:#101820}.image-composite-export-overlay::backdrop{background:#101820}.composite-advanced-effects{margin-top:20px;border-top:1px solid var(--editor-line)}.image-composite-page .color-grading-panel{--grade-bg:var(--editor-panel);--grade-surface:var(--editor-raised);--grade-line:var(--editor-line);--grade-text:var(--editor-ink);--grade-muted:var(--editor-muted);--grade-accent:var(--editor-accent)}.image-composite-page .color-grading-panel button{min-width:44px;min-height:44px;border-color:var(--editor-button-border);border-radius:10px;background:var(--glass-sheen),rgba(var(--primary-color-rgb),.08);box-shadow:var(--editor-button-shadow);font-size:.75rem;font-weight:700}.image-composite-page .grade-checkbox,.image-composite-page .grade-control>label,.image-composite-page .grade-hint,.image-composite-page .grade-look-categories button,.image-composite-page .grade-looks button>span,.image-composite-page .grade-section-heading,.image-composite-page .grade-tabs button{font-size:.75rem}.image-composite-page .grade-toolbar>button:nth-child(-n+2){width:44px;min-width:44px}.image-composite-page .grade-tabs{display:flex;gap:6px;padding:4px 3px 12px}.image-composite-page .grade-tabs button{min-width:52px}.image-composite-page .grade-section-heading button{font-size:.6875rem}.image-composite-page .grade-preview-tools{gap:8px}.image-composite-page .grade-preview-tools button{font-size:.75rem}.image-composite-page .grade-looks button{display:block}.image-composite-page .grade-look-categories,.image-composite-page .grade-toolbar{gap:8px;padding-bottom:5px}.image-composite-page .composite-collapse,.image-composite-page .composite-stage-bar button,.image-composite-page .image-composite-carousel-slide{box-shadow:none}.image-composite-layer{grid-template-columns:minmax(0,1fr) 44px 44px}.image-composite-inspect-backdrop{margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;color:var(--text-color)}.image-composite-inspect-backdrop::-webkit-backdrop{background:#101820aa}.image-composite-inspect-backdrop::backdrop{background:#101820aa}.composite-export-dialog summary{min-height:44px;padding:10px 0;cursor:pointer}.image-composite-page input[type=range]{accent-color:var(--editor-accent)}.composite-stage-bar button,.image-composite-guide-controls label,.image-composite-page input[type=color]{min-height:44px}.image-composite-color-control,.image-composite-control-row{grid-template-columns:70px minmax(0,1fr);gap:10px}.image-composite-icon-row{grid-template-columns:repeat(4,1fr)}.image-composite-page .grade-hsl-bands{grid-template-columns:repeat(4,minmax(44px,1fr))}.image-composite-page .grade-section-heading button{min-width:44px}.image-composite-page .grade-control{grid-template-columns:82px minmax(30px,1fr) 64px}@media (max-width:1023px) and (min-height:501px),(max-width:567px){.image-composite-page.inspector-open{grid-template-rows:auto auto minmax(140px,1fr) min(30dvh,270px) 64px}}.composite-export-dialog{position:fixed;inset:0;margin:auto;height:-moz-fit-content;height:fit-content}.composite-commandbar>button{min-width:44px}@media (min-width:568px) and (max-height:500px){.image-composite-stage[data-multi=false]{grid-template-rows:0 minmax(0,1fr) auto auto}.image-composite-stage[data-multi=false] .composite-stage-bar{visibility:hidden}}.image-composite-tabs{align-self:start;height:auto;margin:12px 6px;padding:6px;gap:4px;border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:32px;background:var(--glass-sheen),var(--glass-surface);box-shadow:inset 0 2px 2px var(--glass-highlight),inset 0 -3px 5px var(--glass-shadow),0 5px 2px -1px var(--glass-shadow),0 12px 20px -8px var(--glass-shadow)}.image-composite-tabs button{border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:var(--editor-ink)}.image-composite-tabs button.is-active,.image-composite-tabs button:hover:not(:disabled){border-color:var(--glass-border);background:var(--glass-sheen),rgba(var(--primary-color-rgb),.18);box-shadow:var(--glass-raised-shadow);color:var(--editor-ink)}.image-composite-tabs button:active:not(:disabled){box-shadow:inset 0 2px 4px var(--glass-shadow)}.composite-viewport-shell{container-type:inline-size}.composite-zoom{position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:3px;max-width:calc(100% - 8px);padding:.36rem;border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);border-radius:999px;background:var(--glass-sheen),var(--editor-panel);box-shadow:inset 0 2px 2px var(--glass-highlight),inset 0 -3px 5px var(--glass-shadow),0 5px 2px -1px var(--glass-shadow),0 12px 20px -8px var(--glass-shadow);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.image-composite-page .composite-zoom button{flex:0 0 auto;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;font-size:.8125rem;white-space:nowrap}.image-composite-page .composite-zoom button:hover:not(:disabled),.image-composite-page .composite-zoom button[aria-pressed=true]{border-color:var(--glass-border);background:var(--glass-sheen),rgba(var(--primary-color-rgb),.18);box-shadow:var(--glass-raised-shadow)}.image-composite-page .composite-zoom button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px var(--glass-shadow)}.composite-zoom label{display:flex;align-items:center;justify-content:center;flex:0 1 62px;min-width:44px;color:var(--editor-ink);font-size:.8125rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.image-composite-page .composite-zoom input:not([type=range]):not([type=checkbox]):not([type=color]):not([type=file]){width:4ch;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;text-align:center;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.composite-zoom input::-webkit-inner-spin-button,.composite-zoom input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}@container (max-width: 300px){.composite-zoom{gap:0;padding:4px}.image-composite-page .composite-zoom button{padding-inline:4px;font-size:.75rem}.composite-zoom button:first-child .anticon{display:none}.composite-zoom label{flex-basis:44px;font-size:.75rem}}@media (max-width:1023px) and (min-height:501px),(max-width:567px){.image-composite-tabs{align-self:center;height:56px;margin:4px 8px;padding:4px;border-radius:999px;gap:2px}.image-composite-tabs button{min-height:44px;padding:2px 4px}.composite-zoom{bottom:10px}.composite-zoom label{font-size:1rem}.composite-zoom button:first-child .anticon{display:none}}@media (min-width:568px) and (max-height:500px){.image-composite-tabs{max-height:calc(100% - 16px);margin:8px 3px;padding:3px;gap:2px;border-radius:28px}.image-composite-tabs button{padding:3px 0}}.color-grading-panel{--grade-accent:#9ddbc8;--grade-accent-fill:rgba(130,205,181,.12);--grade-line:rgba(156,174,192,.2);--grade-surface:rgba(11,17,24,.42);--grade-muted:var(--text-color-secondary,#a6b0bc);min-width:0;margin-bottom:24px;padding:16px 12px 12px;border:1px solid var(--grade-line);border-radius:12px;color:var(--text-color,#e8edf1);background:var(--grade-surface);font-size:12px}.color-grading-panel *,.color-grading-panel :after,.color-grading-panel :before{box-sizing:border-box}.grade-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.grade-eyebrow{color:var(--grade-accent);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.grade-header h3{margin:4px 0 0;font-size:19px;font-weight:600;letter-spacing:-.04em;line-height:1.25}.grade-space-badge{padding:4px 7px;border:1px solid var(--grade-line);border-radius:5px;color:var(--grade-muted);font:10px ui-monospace,monospace}.grade-layer-name{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom:12px;color:var(--grade-muted);font-size:11px}.grade-status-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--grade-accent)}.grade-fieldset{min-width:0;margin:0;padding:0;border:0}.color-grading-panel button{min-width:0;min-height:28px;padding:4px 8px;border:1px solid var(--grade-line);border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:550;cursor:pointer;transition:background .12s,border-color .12s}.color-grading-panel button:hover:not(:disabled){background:var(--grade-accent-fill);border-color:var(--grade-accent)}.color-grading-panel button:disabled{opacity:.35;cursor:not-allowed}.color-grading-panel button[aria-pressed=true],.color-grading-panel button[aria-selected=true]{background:var(--grade-accent-fill);color:var(--grade-accent);border-color:var(--grade-accent)}.color-grading-panel :is(button,input,select,summary,circle):focus-visible{outline:2px solid var(--grade-accent);outline-offset:3px}.grade-toolbar{display:flex;gap:5px;padding:10px 0;border-top:1px solid var(--grade-line)}.grade-toolbar>button:nth-child(-n+2){width:29px;padding:0;font-size:20px;line-height:1}.grade-toolbar-spacer{flex:1 1}.grade-preview-tools{display:flex;gap:4px;margin:0 0 7px}.grade-preview-tools button{min-height:25px;font-size:10px;padding:2px 7px;border-color:transparent;color:var(--grade-muted)}.grade-preview-tools button:last-child{margin-left:auto}.grade-preview{position:relative;display:grid;place-items:center;height:178px;overflow:hidden;border:1px solid var(--grade-line);border-radius:5px;background:repeating-conic-gradient(#1a2027 0 25%,#202830 0 50%) 50% /12px 12px}.grade-preview canvas{grid-area:1/1;max-width:100%;max-height:176px;width:auto;height:auto;display:block}.grade-preview-image{display:grid;position:relative;max-width:100%;max-height:100%}.grade-preview-before{z-index:1}.grade-preview-label{position:absolute;z-index:2;top:8px;padding:3px 5px;color:#fff;border-radius:3px;background:#10141bcc;font-size:9px;pointer-events:none}.grade-preview-label.is-before{left:8px}.grade-preview-label.is-after{right:8px}.grade-preview-divider{position:absolute;top:0;bottom:0;width:1px;z-index:2;background:#ffffffa0;pointer-events:none}.grade-preview.is-sampling{cursor:crosshair;outline:2px solid var(--grade-accent)}.color-grading-panel input[type=range]{width:100%;min-width:0;height:20px;margin:0;accent-color:var(--grade-accent);cursor:pointer}.grade-compare-slider{display:block;margin:5px 0 8px!important}.grade-bypass-notice{margin:8px 0;padding:7px;border-radius:4px;color:#edc286;background:#ad77241a;font-size:10px}.grade-control{display:grid;grid-template-columns:91px minmax(30px,1fr) 53px;align-items:center;grid-gap:8px;gap:8px;min-height:35px}.grade-control>label{font-size:10px;line-height:1.25;color:var(--grade-muted)}.grade-control small{margin-left:4px;font:9px ui-monospace,monospace;opacity:.65}.color-grading-panel input[type=number],.color-grading-panel input[type=text]{width:100%;min-width:0;border:1px solid var(--grade-line);border-radius:4px;background:var(--grade-surface);color:inherit;padding:5px;font:10px ui-monospace,monospace;line-height:1.4}.color-grading-panel input[type=number]{text-align:right;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.color-grading-panel input[type=number]::-webkit-inner-spin-button,.color-grading-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grade-control--temperature input[type=range]{accent-color:#e6bd86}.grade-control--tint input[type=range]{accent-color:#ce99c3}.grade-tabs{display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;grid-gap:2px;gap:2px;margin:12px -3px 0;padding-bottom:10px;border-bottom:1px solid var(--grade-line)}.grade-tabs button{min-height:32px;padding:4px 2px;border-color:transparent;font-size:10px;white-space:nowrap}.grade-tool-content{padding-top:14px}.grade-control-group+.grade-control-group{padding-top:14px;margin-top:10px;border-top:1px solid var(--grade-line)}.grade-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;margin-bottom:8px}.grade-section-heading>span{font-size:10px;letter-spacing:.06em;font-weight:650}.grade-section-heading small{color:var(--grade-muted);font-size:9px;font-weight:400}.grade-section-heading button{min-height:24px;font-size:9px;padding:3px 6px;border-color:transparent;color:var(--grade-muted)}.grade-hint{margin:10px 0 4px;line-height:1.65}.grade-checkbox,.grade-hint{color:var(--grade-muted);font-size:10px}.grade-checkbox{display:flex;align-items:flex-start;gap:7px;margin-top:8px;line-height:1.6}.grade-checkbox input{accent-color:var(--grade-accent);margin:2px 0 0}.grade-segmented{display:flex;gap:4px;margin-bottom:10px}.grade-segmented button{flex:1 1;padding:4px;font-size:10px}.grade-channel-master{--curve-color:#dce6ed}.grade-channel-red{--curve-color:#e57d85}.grade-channel-green{--curve-color:#88cf9c}.grade-channel-blue{--curve-color:#85a9f1}.grade-segmented .grade-channel-red{color:#e57d85}.grade-segmented .grade-channel-green{color:#88cf9c}.grade-segmented .grade-channel-blue{color:#85a9f1}.grade-curve-graph{display:block;width:100%;aspect-ratio:1;background:#11151b;border:1px solid var(--grade-line);border-radius:5px;overflow:visible;touch-action:none;cursor:crosshair}.grade-graph-grid{fill:none;stroke:#2d3540;stroke-width:.7}.grade-graph-diagonal{fill:none;stroke:#607080;stroke-dasharray:3 4;stroke-width:.8}.grade-curve-line{fill:none;stroke:var(--curve-color);stroke-width:1.8}.grade-curve-graph circle{fill:#172129;stroke:var(--curve-color);stroke-width:1.5;cursor:-webkit-grab;cursor:grab}.grade-curve-graph circle.is-selected{fill:var(--curve-color);stroke:#11151b;stroke-width:2}.grade-graph-labels{display:flex;justify-content:space-between;margin-top:6px;color:var(--grade-muted);font:9px ui-monospace,monospace}.grade-curve-values{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;align-items:end;margin:12px 0 5px}.grade-curve-values label{display:grid;grid-gap:5px;gap:5px;font-size:10px;color:var(--grade-muted)}.grade-text-button{padding:3px 0!important;border:0!important;color:var(--grade-accent)!important}.grade-wheels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.grade-wheel-card{min-width:0;border:1px solid var(--grade-line);border-radius:8px;padding:8px}.grade-wheel-card .grade-section-heading{margin-bottom:5px}.grade-wheel-card .grade-section-heading button{font-size:16px}.grade-wheel{position:relative;width:min(100%,130px);aspect-ratio:1;margin:0 auto 12px;border-radius:50%;border:5px solid #20262f;background:radial-gradient(circle,#b9c2c5,#b9c2c500 69%),conic-gradient(from 90deg,#ef7886,#d389dc,#7d94e9,#7ad4d3,#83c994,#e1d38a,#ef7886);touch-action:none;cursor:crosshair;box-shadow:0 0 0 1px var(--grade-line)}.grade-wheel-cross:after,.grade-wheel-cross:before{content:"";position:absolute;background:#1d253a75}.grade-wheel-cross:before{width:1px;height:10px;top:calc(50% - 5px);left:50%}.grade-wheel-cross:after{height:1px;width:10px;left:calc(50% - 5px);top:50%}.grade-wheel-puck{position:absolute;width:10px;height:10px;border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #122139a0,0 1px 4px #122139;transform:translate(-50%,-50%);pointer-events:none}.grade-wheel-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:3px;gap:3px}.grade-wheel-numbers label{display:grid;grid-gap:5px;gap:5px;color:var(--grade-muted);font-size:8px;text-align:center}.grade-wheel-numbers input{padding:4px 2px!important;text-align:center!important;font-size:9px!important}.grade-wheel-card>input[type=range]{margin-top:8px}.grade-hsl-bands{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:3px;gap:3px}.grade-hsl-bands button{display:grid;place-items:center;min-height:31px;padding:3px;border-color:transparent}.grade-hsl-bands span{width:15px;height:15px;border-radius:50%;background:var(--band-color)}.grade-hsl-bands button[aria-pressed=true]{border-color:var(--band-color)}.grade-hsl-name{font-size:11px;font-weight:600;margin:14px 0 8px}.grade-look-search{width:100%;min-width:0;margin-bottom:10px;padding:8px 9px;border:1px solid var(--grade-line);border-radius:5px;background:var(--grade-surface);color:inherit;font:inherit;font-size:11px}.grade-look-search::placeholder{color:var(--grade-muted);opacity:.8}.grade-look-categories{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.grade-look-categories button{min-height:25px;padding:3px 7px;font-size:9px}.grade-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px;margin-bottom:12px}.grade-looks button{padding:0;overflow:hidden}.grade-looks canvas{display:block;width:100%;height:auto;aspect-ratio:120/76;object-fit:cover;background:#171d25}.grade-looks button>span{display:block;padding:7px 2px 2px;font-size:10px}.grade-looks button>small{display:block;padding:0 2px 7px;color:var(--grade-muted);font-size:8px;font-weight:400}.grade-show-looks{display:block;width:100%;margin:0 0 12px}.grade-look-description{padding:10px;border:1px solid var(--grade-line);border-radius:5px;background:var(--grade-accent-fill)}.grade-look-description strong{font-size:11px;font-weight:600}.grade-look-description p{margin:4px 0 0;color:var(--grade-muted);font-size:10px;line-height:1.6}.grade-look-note{margin-bottom:18px}.grade-lut-name{display:flex;align-items:center;gap:6px;padding:8px;background:var(--grade-accent-fill);border-radius:5px;margin-bottom:7px}.grade-lut-name>span{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.grade-lut-name small{color:var(--grade-muted);font-size:9px}.grade-file-input{display:none}.grade-file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;margin:15px 0 6px}.grade-file-actions button{padding:5px 2px}.grade-scopes{margin-top:18px;border-top:1px solid var(--grade-line);padding-top:14px}.grade-scopes summary{cursor:pointer;font-size:11px;font-weight:600;margin-bottom:12px}.grade-scopes summary>span{float:right;color:var(--grade-muted);font-size:9px;font-weight:400}.grade-scope-canvas{display:block;width:100%;height:auto;border:1px solid var(--grade-line);border-radius:4px}.grade-scope-readout{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:var(--grade-muted);font:9px ui-monospace,monospace}.grade-scope-readout i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%}.grade-scope-readout .is-shadow{background:#619be2}.grade-scope-readout .is-highlight{background:#e48484}.grade-apply-all{width:100%;margin-top:16px}.grade-message{padding:8px 10px;margin:12px 0 0;border:1px solid var(--grade-line);border-radius:5px;background:var(--grade-accent-fill);font-size:10px;line-height:1.6}.grade-empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center;padding:28px 12px 22px}.grade-empty-icon{color:var(--grade-accent);font-size:38px;line-height:1}.grade-empty strong{font-size:13px;font-weight:500}.grade-empty p{margin:0;max-width:245px;color:var(--grade-muted);line-height:1.7}.grade-empty>span:last-child{margin-top:8px;font-size:10px;color:var(--grade-muted)}.light-mode .color-grading-panel{--grade-accent:#24785f;--grade-accent-fill:rgba(46,131,105,.08);--grade-line:rgba(42,61,78,.17);--grade-surface:hsla(0,0%,100%,.7)}.light-mode .grade-bypass-notice{color:#805510}@media (max-width:600px){.color-grading-panel button{min-height:34px}.color-grading-panel input[type=range]{height:28px}.color-grading-panel input[type=number]{min-height:32px;font-size:12px}.grade-control{min-height:40px}.grade-wheel-numbers label{font-size:9px}}@media (prefers-reduced-motion:reduce){.color-grading-panel button{transition:none}}