*{box-sizing:border-box}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}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr) 280px;height:100vh;overflow:hidden}.sidebar{min-width:0;min-height:0;overflow:auto;border-right:1px solid #d7dde3;background:#fbfcfd}.inspector{height:100vh;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}.control-section{padding:18px;border-bottom:1px solid #e3e7eb}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;padding:9px 10px;outline:none}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}.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}.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}.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}.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}.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}.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:auto minmax(0,1fr)}.panel-library{max-height:42vh}.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}}