*{box-sizing:border-box}html,body,#root{height:100%;min-height:0;overflow:hidden}body{margin:0;background:#eef1f4;color:#182026;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0;font-size:12px;font-weight:700}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr) 280px;height:100dvh;min-height:0;overflow:hidden}.sidebar{height:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:28px;border-right:1px solid #d7dde3;background:#fbfcfd;scrollbar-gutter:stable}.inspector{height:100dvh;border-right:0;border-left:1px solid #d7dde3;overflow-y:auto;overscroll-behavior:contain}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}.control-section{padding:18px;border-bottom:1px solid #e3e7eb}.collapsible-section.is-collapsed{padding-bottom:14px}.collapsible-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;min-height:28px;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.collapsible-section-heading h2{margin:0}.collapsible-section-heading span{color:#6a7784;font-size:11px;font-weight:800}.collapsible-section-heading svg{color:#7a8794;transition:transform .14s ease}.collapsible-section-heading:hover h2,.collapsible-section-heading:hover svg{color:#1f5fb7}.collapsible-section.is-collapsed .collapsible-section-heading svg{transform:rotate(-90deg)}.collapsible-section-body{margin-top:14px}h1,h2{margin:0 0 14px;letter-spacing:0}h1{font-size:19px;line-height:1.2}.brand-logo{display:inline-flex;width:min(172px,100%);margin:0 0 16px;color:inherit;text-decoration:none}.brand-logo img{display:block;width:100%;height:auto}h2{font-size:13px;color:#5e6873;font-weight:700;text-transform:uppercase}label{display:grid;gap:7px;margin-bottom:12px;font-size:12px;color:#56616c;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd7df;border-radius:6px;background:#fff;color:#111820;font-size:13px;padding:9px 10px;outline:none}input[type=color]{min-height:37px;padding:4px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}input:focus,select:focus,textarea:focus{border-color:#2e6fce;box-shadow:0 0 0 3px #2e6fce29}textarea{min-height:118px;resize:vertical;line-height:1.35}.upload-target{display:flex;min-height:84px;align-items:center;justify-content:center;gap:10px;margin:0;border:1px dashed #9eabb8;border-radius:8px;background:#f4f7fa;color:#26313b;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease}.upload-target:hover,.upload-target.drag-active{border-color:#2e6fce;background:#eaf2ff;color:#194f9d}.upload-target.drag-active{box-shadow:inset 0 0 0 1px #2e6fce3d,0 8px 22px #1f5fb71f}.upload-target input{display:none}.upload-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-card{display:grid;gap:7px}.upload-card .upload-target{min-height:76px;flex-direction:column;gap:7px;padding:10px 8px;text-align:center}.upload-card .upload-target span{font-size:12px;font-weight:800;line-height:1.25}.upload-guide{min-height:34px;margin:0;color:#687684;font-size:11px;line-height:1.35}.panel-ready-notice{display:grid;gap:4px;margin-top:12px;padding:10px 11px;border:1px solid #bad7bd;border-radius:8px;background:#eef8ef;color:#244b2a;font-size:12px;line-height:1.35}.panel-ready-notice strong{color:#153c1b;font-size:12px;line-height:1.25}.panel-ready-notice span{color:#3e5d43}.meta-line{margin:12px 0 0;color:#607080;font-size:12px;line-height:1.45}.inspector-meta{margin:-6px 0 14px;overflow-wrap:anywhere}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-block{display:grid;gap:10px;margin:16px 0;padding-top:14px;border-top:1px solid #e3e7eb}.field-block.compact{gap:8px;margin-top:10px}.visually-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-thumb-card{position:relative}.panel-thumb{display:grid;width:100%;gap:7px;padding:8px;border:1px solid #d8dfe6;border-radius:8px;background:#fff;color:#384450;cursor:grab;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}.panel-thumb:hover{border-color:#a8b6c5;box-shadow:0 5px 14px #1e2a3614}.panel-thumb.dragging{border-color:#2e6fce;box-shadow:0 0 0 3px #2e6fce24;opacity:.62;transform:scale(.98)}.panel-thumb:active{cursor:grabbing}.panel-thumb img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain;background:linear-gradient(45deg,#edf0f3 25%,transparent 25%),linear-gradient(-45deg,#edf0f3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f3 75%),linear-gradient(-45deg,transparent 75%,#edf0f3 75%);background-color:#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.panel-thumb span{font-size:11px;color:#64717d}.panel-download-button{position:absolute;top:6px;right:6px;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid rgba(203,213,224,.95);border-radius:999px;background:#fffffff0;color:#28415a;cursor:pointer;opacity:0;box-shadow:0 6px 16px #19243029;transition:opacity .14s ease,transform .14s ease,background .14s ease}.panel-thumb-card:hover .panel-download-button,.panel-download-button:focus-visible{opacity:1}.panel-download-button:hover{background:#eaf2ff;transform:translateY(-1px)}@media(hover:none){.panel-download-button{opacity:1}}.source-panel-group{display:grid;gap:8px}.source-panel-group+.source-panel-group{margin-top:16px;padding-top:14px;border-top:1px solid #e3e7eb}.source-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#33414f;font-size:12px;font-weight:800}.source-panel-title span:last-child{color:#6a7784;font-size:11px;font-weight:700}.source-panel-name{margin:-2px 0 0;overflow-wrap:anywhere;color:#687684;font-size:11px;line-height:1.35}.frame-current-label{margin:-4px 0 14px;font-weight:700}.frame-page-section .wide-button{margin-top:8px}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading-row h2{margin-bottom:0}.section-heading-row span{color:#6a7784;font-size:11px;font-weight:800}.saved-frame-list{display:grid;gap:8px;margin-top:12px}.saved-frame-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;width:100%;align-items:center;padding:8px;border:1px solid #d8dfe6;border-radius:8px;background:#fff;color:#28323b;cursor:pointer;text-align:left}.saved-frame-item:hover,.saved-frame-item.active{border-color:#2e6fce;background:#eaf2ff}.saved-frame-thumb{display:grid;width:46px;height:58px;place-items:center;overflow:hidden;border:1px solid #d7dde3;border-radius:5px;background:#f4f7fa}.saved-frame-thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain}.saved-frame-copy{display:grid;min-width:0;gap:3px}.saved-frame-copy strong{overflow:hidden;color:#17212b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.saved-frame-copy span{color:#64717d;font-size:11px;line-height:1.35}.layer-panel{display:grid;gap:10px}.layer-list{display:grid;gap:8px}.layer-item{display:grid;grid-template-columns:minmax(0,1fr) 50px;align-items:center;gap:6px;min-height:58px;padding:7px;border:1px solid #d8dfe6;border-radius:8px;background:#fff;color:#1d2833;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease}.layer-item:hover{border-color:#a8b6c5;background:#f8fafc}.layer-item.active{border-color:#79a7e3;background:#f0f6ff;box-shadow:0 0 0 3px #2e6fce1a}.layer-item.muted{opacity:.62}.layer-select-button{display:grid;grid-template-columns:30px minmax(0,1fr);width:100%;min-width:0;align-items:center;gap:9px;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.layer-kind{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:7px;background:#e9eef3;color:#50606f}.layer-item.active .layer-kind{background:#d8e9ff;color:#1f5fb7}.layer-copy{display:grid;min-width:0;gap:3px}.layer-copy strong{overflow:hidden;color:#17212b;font-size:12px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.layer-copy span{color:#64717d;font-size:11px;line-height:1.3}.layer-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:end;gap:4px}.mini-icon-button{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid #d5dde5;border-radius:6px;background:#fff;color:#52606d;cursor:pointer}.mini-icon-button:hover{border-color:#cfd7df;background:#fff;color:#1f5fb7}.mini-icon-button:disabled{cursor:not-allowed;opacity:.35}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #d7dde3;background:#fff}.tool-group{display:flex;align-items:center;gap:8px}.toolbar .icon-button,.toolbar .primary-button{min-width:34px;min-height:34px;border-radius:6px}.toolbar .primary-button{padding:0 11px}.toolbar-preferences{display:inline-flex;align-items:center;gap:5px;padding-left:2px}.toolbar-preference-button{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid #d4dce4;border-radius:7px;background:#f8fafc;color:#34404b;cursor:pointer;font-size:11px;font-weight:800;line-height:1}.toolbar-preference-button:hover{border-color:#b9c7d4;background:#eef4fb;color:#1f5fb7}.toolbar-preference-button.language{min-width:48px}.toolbar-menu{position:relative}.toolbar-menu-trigger{list-style:none;-webkit-user-select:none;user-select:none}.toolbar-menu-trigger::-webkit-details-marker{display:none}.toolbar-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:grid;min-width:196px;gap:4px;padding:6px;border:1px solid #d5dde5;border-radius:8px;background:#fff;box-shadow:0 14px 34px #151f2a2e}.toolbar-menu-panel button{display:grid;grid-template-columns:18px minmax(0,1fr);min-height:32px;align-items:center;gap:8px;padding:0 8px;border-radius:6px;background:transparent;color:#28323b;cursor:pointer;font-size:12px;font-weight:700;line-height:1.2;text-align:left}.toolbar-menu-panel button:hover{background:#f4f7fa;color:#1f5fb7}.toolbar-menu-panel button:disabled{cursor:not-allowed;opacity:.45}.toolbar-menu-panel button.selected{background:#eaf2ff;color:#1f5fb7}.toolbar-menu-section{padding:4px 8px 2px;color:#6a7784;font-size:11px;font-weight:800;text-transform:uppercase}.toolbar-menu-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.toolbar-menu-choice-row button{display:flex;grid-template-columns:none;justify-content:center;min-height:30px}.toolbar-menu-choice-row.compact button{font-weight:800}.toolbar-menu-separator{height:1px;margin:3px 0;background:#e3e7eb}.icon-button,.primary-button,.wide-button{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid #cfd7df;border-radius:7px;background:#fff;color:#28323b;cursor:pointer;font-size:12px;font-weight:700;line-height:1.2}.icon-button.active{border-color:#2e6fce;background:#e9f1ff;color:#194f9d}.icon-button:disabled{cursor:not-allowed;opacity:.45}.primary-button{padding:0 14px;border-color:#1f5fb7;background:#1f5fb7;color:#fff;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.48}.wide-button{width:100%;justify-content:flex-start;padding:0 12px}.wide-button:disabled{cursor:not-allowed;opacity:.48}.wide-button.secondary{background:#fff;color:#28323b}.inspector-toggle-list{display:grid;gap:10px;margin-top:6px}.crop-mode-control{display:grid;gap:8px;margin-top:-4px;padding:10px;border:1px solid #d5dde5;border-radius:8px;background:#f8fafc}.crop-mode-control>span{color:#667381;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.crop-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border:1px solid #d8e0e8;border-radius:7px;background:#edf2f7}.crop-mode-row button{min-height:28px;border:0;border-radius:5px;background:transparent;color:#52606d;cursor:pointer;font-size:12px;font-weight:800}.crop-mode-row button:hover{color:#1f5fb7}.crop-mode-row button.selected{background:#fff;color:#1f5fb7;box-shadow:0 1px 3px #1b2b3b1f}.crop-mode-control p{margin:0;color:#6a7784;font-size:11px;line-height:1.35}.setting-toggle{display:grid;grid-template-columns:34px minmax(0,1fr) auto;width:100%;min-height:72px;align-items:center;gap:11px;padding:11px;border:1px solid #d5dde5;border-radius:8px;background:#fff;color:#1d2833;cursor:pointer;text-align:left}.setting-toggle:hover{border-color:#a8b6c5;background:#f8fafc}.setting-toggle:focus-visible{outline:none;border-color:#2e6fce;box-shadow:0 0 0 3px #2e6fce29}.setting-toggle.enabled{border-color:#79a7e3;background:#f0f6ff}.setting-toggle-icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:7px;background:#e9eef3;color:#50606f}.setting-toggle.enabled .setting-toggle-icon{background:#d8e9ff;color:#1f5fb7}.setting-toggle-copy{display:grid;min-width:0;gap:3px}.setting-toggle-title{color:#17212b;font-size:13px;font-weight:800;line-height:1.2}.setting-toggle-description{color:#64717d;font-size:12px;line-height:1.35}.setting-toggle-state{display:inline-flex;min-width:38px;min-height:24px;align-items:center;justify-content:center;border-radius:999px;background:#edf1f5;color:#52606d;font-size:11px;font-weight:800}.setting-toggle.enabled .setting-toggle-state{background:#1f5fb7;color:#fff}.range-value{color:#26313b;font-size:12px;font-weight:700}.canvas-scroll{min-width:0;min-height:0;overflow:auto;padding:32px;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;background:linear-gradient(90deg,rgba(20,31,43,.06) 1px,transparent 1px),linear-gradient(rgba(20,31,43,.06) 1px,transparent 1px);background-size:28px 28px}.canvas-scroll.pan-ready,.canvas-scroll.pan-ready .stage-wrap,.canvas-scroll.pan-ready canvas{cursor:grab}.canvas-scroll.panning,.canvas-scroll.panning .stage-wrap,.canvas-scroll.panning canvas{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-scroll.panning canvas{pointer-events:none}.stage-wrap{position:relative;margin:0 auto;box-shadow:0 18px 46px #151f2a38;background:#fff;will-change:transform;transition:box-shadow .14s ease,outline-color .14s ease}.stage-wrap.drop-ready{outline:2px solid rgba(46,111,206,.36);outline-offset:8px}.stage-wrap.drop-active{box-shadow:0 20px 52px #151f2a3d,0 0 0 5px #2e6fce2e}.canvas-drop-hint{position:absolute;inset:12px;z-index:10;display:grid;place-items:center;border:1px dashed rgba(46,111,206,.7);border-radius:8px;background:#e9f1ff57;color:#194f9d;font-size:13px;font-weight:800;pointer-events:none}.canvas-drop-hint span{padding:7px 10px;border-radius:999px;background:#ffffffe6;box-shadow:0 6px 20px #1a2f481f}.drop-marker{position:absolute;z-index:11;width:18px;height:18px;border:2px solid #1f5fb7;border-radius:999px;background:#ffffffe6;box-shadow:0 5px 14px #1f5fb73d;pointer-events:none;transform:translate(-50%,-50%)}.support-widget{position:fixed;right:304px;bottom:24px;z-index:50;display:grid;justify-items:end;gap:10px}.support-actions{display:flex;align-items:center;gap:5px}.support-button,.support-dismiss,.support-close{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(207,215,223,.9);background:#fff;color:#28323b;cursor:pointer;box-shadow:0 10px 28px #151f2a29}.support-button{min-height:32px;gap:5px;padding:0 10px;border-color:#e2b16d;border-radius:999px;background:#fff8ef;color:#7a4a12;font-size:11px;font-weight:800}.support-button:hover{background:#ffefd8}.support-dismiss,.support-close{width:24px;height:24px;border-radius:999px}.support-dismiss{color:#7a4a12}.support-popover{position:relative;display:grid;width:248px;gap:14px;padding:18px;border:1px solid #ead7bd;border-radius:14px;background:#fffaf3;box-shadow:0 18px 46px #151f2a33}.support-close{position:absolute;top:10px;right:10px;width:24px;height:24px;box-shadow:none}.support-qr{width:164px;height:164px;margin:6px auto 0;padding:12px;border:1px solid #ead7bd;border-radius:12px;background:#fff}.support-qr img{display:block;width:100%;height:100%;border-radius:6px;object-fit:contain}.support-copy{display:grid;gap:5px;padding:0 4px 2px;text-align:center}.support-copy strong{color:#432b13;font-size:14px}.support-copy span{color:#7a6044;font-size:12px;line-height:1.45}.manual-crop-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#10192275}.manual-crop-modal{display:grid;max-width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 48px);gap:16px;overflow:auto;padding:18px;border:1px solid #d8e0e8;border-radius:12px;background:#fbfcfd;box-shadow:0 22px 70px #0d161f57}.manual-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.manual-crop-header h2{margin-bottom:5px}.manual-crop-header p{margin:0;color:#65727e;font-size:12px;overflow-wrap:anywhere}.manual-crop-preview{position:relative;overflow:hidden;border:1px solid #cbd5df;border-radius:10px;background:#fff;-webkit-user-select:none;user-select:none}.manual-crop-preview img{display:block;width:100%;height:100%;pointer-events:none}.manual-crop-dim{display:none}.manual-crop-box{position:absolute;border:2px solid #1f5fb7;background:#ffffff08;box-shadow:0 0 0 9999px #08121c6b;cursor:move;touch-action:none}.manual-crop-box:before,.manual-crop-box:after{position:absolute;inset:33.333% 0;border-top:1px solid rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.72);content:"";pointer-events:none}.manual-crop-box:after{inset:0 33.333%;border:0;border-right:1px solid rgba(255,255,255,.72);border-left:1px solid rgba(255,255,255,.72)}.manual-crop-handle{position:absolute;width:14px;height:14px;border:2px solid #1f5fb7;border-radius:999px;background:#fff;box-shadow:0 3px 9px #151f2a33}.handle-nw{top:-8px;left:-8px;cursor:nwse-resize}.handle-n{top:-8px;left:50%;cursor:ns-resize;transform:translate(-50%)}.handle-ne{top:-8px;right:-8px;cursor:nesw-resize}.handle-e{top:50%;right:-8px;cursor:ew-resize;transform:translateY(-50%)}.handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}.handle-s{bottom:-8px;left:50%;cursor:ns-resize;transform:translate(-50%)}.handle-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.handle-w{top:50%;left:-8px;cursor:ew-resize;transform:translateY(-50%)}.manual-crop-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#5c6874;font-size:12px}.manual-crop-readout{flex:0 0 260px;width:260px;overflow:hidden;font-variant-numeric:tabular-nums;white-space:nowrap}.manual-crop-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.manual-crop-actions .wide-button{width:auto}.stage-wrap.tool-mask-rect,.stage-wrap.tool-mask-brush{cursor:crosshair}.status-bar{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-top:1px solid #d7dde3;background:#fff;color:#5c6874;font-size:12px}.empty-inspector p,.inspector p{margin:0;color:#65727e;font-size:13px;line-height:1.5}@media(max-width:1050px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.inspector{display:none}.support-widget{right:22px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,42dvh) minmax(0,1fr)}.panel-library{height:auto;max-height:none}.toolbar{align-items:flex-start;flex-direction:column}.manual-crop-footer,.manual-crop-actions{align-items:stretch;flex-direction:column}.manual-crop-readout{width:100%;flex-basis:auto}}:root[data-theme=dark] body{background:#101820;color:#d8e1ea}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .toolbar,:root[data-theme=dark] .status-bar,:root[data-theme=dark] .toolbar-menu-panel,:root[data-theme=dark] .manual-crop-modal{border-color:#2c3946;background:#151f29;color:#d8e1ea}:root[data-theme=dark] .control-section,:root[data-theme=dark] .field-block,:root[data-theme=dark] .source-panel-group+.source-panel-group,:root[data-theme=dark] .toolbar-menu-separator{border-color:#2c3946}:root[data-theme=dark] h2,:root[data-theme=dark] label,:root[data-theme=dark] .meta-line,:root[data-theme=dark] .upload-guide,:root[data-theme=dark] .collapsible-section-heading span,:root[data-theme=dark] .source-panel-name,:root[data-theme=dark] .saved-frame-copy span,:root[data-theme=dark] .layer-copy span,:root[data-theme=dark] .setting-toggle-description,:root[data-theme=dark] .toolbar-menu-section,:root[data-theme=dark] .empty-inspector p,:root[data-theme=dark] .inspector p,:root[data-theme=dark] .manual-crop-header p{color:#8fa0b0}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .panel-thumb,:root[data-theme=dark] .saved-frame-item,:root[data-theme=dark] .layer-item,:root[data-theme=dark] .setting-toggle,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .wide-button,:root[data-theme=dark] .wide-button.secondary,:root[data-theme=dark] .crop-mode-control,:root[data-theme=dark] .mini-icon-button,:root[data-theme=dark] .manual-crop-preview{border-color:#344453;background:#1b2834;color:#d8e1ea}:root[data-theme=dark] .upload-target,:root[data-theme=dark] .saved-frame-thumb,:root[data-theme=dark] .layer-kind,:root[data-theme=dark] .setting-toggle-icon{border-color:#465765;background:#202f3c;color:#d8e1ea}:root[data-theme=dark] .panel-ready-notice{border-color:#315b3a;background:#16281c;color:#b7ddbe}:root[data-theme=dark] .panel-ready-notice strong{color:#d8f2dc}:root[data-theme=dark] .panel-ready-notice span{color:#a7cdb0}:root[data-theme=dark] .upload-target:hover,:root[data-theme=dark] .upload-target.drag-active,:root[data-theme=dark] .saved-frame-item:hover,:root[data-theme=dark] .saved-frame-item.active,:root[data-theme=dark] .layer-item:hover,:root[data-theme=dark] .layer-item.active,:root[data-theme=dark] .setting-toggle:hover,:root[data-theme=dark] .setting-toggle.enabled,:root[data-theme=dark] .icon-button.active,:root[data-theme=dark] .toolbar-menu-panel button:hover,:root[data-theme=dark] .toolbar-menu-panel button.selected,:root[data-theme=dark] .crop-mode-row button.selected{border-color:#5b8fd3;background:#203a56;color:#dcecff}:root[data-theme=dark] .crop-mode-row{border-color:#344453;background:#121b24}:root[data-theme=dark] .crop-mode-row button{color:#8fa0b0}:root[data-theme=dark] .crop-mode-row button:hover{color:#dcecff}:root[data-theme=dark] .crop-mode-row button.selected{box-shadow:none}:root[data-theme=dark] .crop-mode-control>span,:root[data-theme=dark] .crop-mode-control p{color:#8fa0b0}:root[data-theme=dark] .layer-item.active .layer-kind,:root[data-theme=dark] .setting-toggle.enabled .setting-toggle-icon{background:#284b70;color:#dcecff}:root[data-theme=dark] .setting-toggle-state{background:#263441;color:#a9b8c6}:root[data-theme=dark] .setting-toggle.enabled .setting-toggle-state{background:#2e6fce;color:#fff}:root[data-theme=dark] .primary-button{border-color:#3f7ed1;background:#2e6fce;color:#fff}:root[data-theme=dark] .toolbar-preference-button{border-color:#344453;background:#1b2834;color:#d8e1ea}:root[data-theme=dark] .toolbar-preference-button:hover{border-color:#5b8fd3;background:#203a56;color:#dcecff}:root[data-theme=dark] .collapsible-section-heading svg{color:#8fa0b0}:root[data-theme=dark] .collapsible-section-heading:hover h2,:root[data-theme=dark] .collapsible-section-heading:hover svg{color:#dcecff}:root[data-theme=dark] .toolbar-menu-panel button{color:#d8e1ea}:root[data-theme=dark] .canvas-scroll{background:linear-gradient(90deg,rgba(222,232,242,.08) 1px,transparent 1px),linear-gradient(rgba(222,232,242,.08) 1px,transparent 1px);background-color:#101820;background-size:28px 28px}:root[data-theme=dark] .stage-wrap{box-shadow:0 18px 46px #0000007a}:root[data-theme=dark] .panel-thumb img{background:linear-gradient(45deg,#263440 25%,transparent 25%),linear-gradient(-45deg,#263440 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#263440 75%),linear-gradient(-45deg,transparent 75%,#263440 75%);background-color:#1b2834;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}:root[data-theme=dark] .saved-frame-copy strong,:root[data-theme=dark] .layer-copy strong,:root[data-theme=dark] .setting-toggle-title,:root[data-theme=dark] .source-panel-title,:root[data-theme=dark] .support-copy strong{color:#e8eef5}:root[data-theme=dark] .support-button,:root[data-theme=dark] .support-dismiss,:root[data-theme=dark] .support-close,:root[data-theme=dark] .support-popover,:root[data-theme=dark] .support-qr{border-color:#665033;background:#2c261d;color:#f2c98f}:root[data-theme=dark] .support-copy span{color:#cbb899}:root[data-theme=dark] .manual-crop-backdrop{background:#04090ea8}