:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#1a1a1a;color:#f4f4f4;overflow:hidden}#root{height:100vh;width:100vw;overflow:hidden}.app-shell{display:grid;grid-template-rows:56px 1fr 32px;height:100vh;width:100vw}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#2d2d2d;border-bottom:1px solid #3a3a3a}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions button{padding:8px 10px;border:1px solid #4a4a4a;border-radius:8px;background:#343434;color:#f4f4f4;font-size:13px;cursor:pointer}.topbar-actions .inline-control{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#d7d7d7}.topbar-actions .inline-control select{padding:6px 8px;border-radius:8px;border:1px solid #4a4a4a;background:#252525;color:#f4f4f4}.topbar-actions button:disabled{cursor:not-allowed;opacity:.55}.topbar nav{display:flex;gap:14px;font-size:14px;opacity:.9}.status-pill{background:#4f98a3;color:#04151a;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.file-picker-button{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #4a4a4a;border-radius:8px;background:#343434;color:#f4f4f4;font-size:13px;cursor:pointer}.file-picker-button input{display:none}.workspace{display:grid;grid-template-columns:84px 1fr 320px;height:100%;overflow:hidden}.left-toolbar{display:flex;flex-direction:column;gap:8px;padding:12px;background:#252525;border-right:1px solid #3a3a3a;overflow-y:auto}.left-toolbar button,.panel-section button{padding:8px;border:1px solid #464646;border-radius:8px;background:#333;color:#fff;cursor:pointer}.panel-section input,.panel-section select{width:100%;margin-top:6px;padding:6px 8px;border:1px solid #4b4b4b;border-radius:8px;background:#1f1f1f;color:#efefef}.panel-section input[type=color]{min-height:38px;padding:4px}.document-form{display:flex;flex-direction:column;gap:10px}.document-form label{display:block;font-size:13px;color:#d8d8d8}.document-grid-fields,.document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.document-lifecycle-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.document-export-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.form-error{margin:-4px 0 0;color:#ff8080;font-size:12px}.panel-note{margin:8px 0 0;font-size:12px;color:#c3c3c3}.layers-list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.layers-list-item{border:1px solid #444;border-radius:8px;background:#272727}.layers-list-item-content{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.layers-list-item-active{border-color:#4f98a3;background:#243841}.layers-list-item-locked{border-color:#8a6a2f;background:#3a2f1e}.layers-list-item-button{width:100%;text-align:left;background:transparent;border:none;color:inherit;padding:8px;cursor:pointer}.layers-list-item-button:disabled{cursor:not-allowed;opacity:.85}.layers-list-item-actions{display:flex;flex-direction:column;gap:6px;margin:8px 8px 8px 0}.layers-list-item-reorder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.layers-list-item-reorder-actions button{min-width:64px;font-size:11px;padding:6px}.layers-list-item-visibility-button{min-width:76px}.layers-list-item-lock-button{min-width:92px}.layers-list-item-opacity{display:grid;gap:4px;font-size:11px;color:#d0d0d0}.layers-list-item-opacity input{width:120px}.adjustments-controls{display:grid;gap:8px;margin-top:10px}.layers-list-item-button:focus-visible{outline:2px solid #7bc8d6;outline-offset:-2px;border-radius:8px}.layers-list-item-title{margin:0;font-size:13px;color:#f4f4f4}.layers-list-item-meta{margin:4px 0 0;font-size:11px;color:#c3c3c3}.layers-list-item-meta span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.canvas-stage{display:flex;align-items:center;justify-content:center;background:#171717;padding:0;overflow:hidden;width:100%;height:100%}.canvas-shell{width:100%;height:100%;border-radius:8px;background:#202020;display:flex;flex-direction:column;overflow:hidden}.canvas-meta{display:flex;align-items:center;justify-content:space-between;padding:0 0 6px;color:#d9d9d9;font-size:12px;flex-shrink:0}.canvas-board{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:0;background:#0f0f0f;overflow:hidden;position:relative}.canvas-surface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.canvas-board canvas{display:block;border:1px solid #444}.canvas-container{box-shadow:0 0 50px #000c;border:1px solid #333;background-color:#1a1a1a;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.crop-overlay{position:absolute;border:2px dashed #7bc8d6;box-shadow:0 0 0 9999px #00000073;pointer-events:none}.lasso-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lasso-overlay-line,.lasso-overlay-preview,.lasso-overlay-close{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.lasso-overlay-line{stroke:#ffcf5a}.lasso-overlay-preview{stroke:#ffd984;stroke-dasharray:6 4}.lasso-overlay-close{stroke:#ffcf5ab3;stroke-dasharray:4 4}.lasso-overlay-point{fill:#ffcf5a;stroke:#3f3008;stroke-width:1}.magic-wand-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.magic-wand-overlay-seed{fill:#7bc8d640;stroke:#7bc8d6;stroke-width:2;vector-effect:non-scaling-stroke}.magic-wand-overlay-cross{stroke:#7bc8d6;stroke-width:2;vector-effect:non-scaling-stroke}.subject-mask-brush-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.subject-mask-brush-overlay-circle{fill:#7bc8d624;stroke-width:2;vector-effect:non-scaling-stroke}.subject-mask-brush-overlay-circle--reveal{stroke:#7bc8d6}.subject-mask-brush-overlay-circle--hide{stroke:#ff9f7a;fill:#ff9f7a1f}.smart-object-modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0009}.smart-object-modal{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #4f98a3;border-radius:12px;background:#21252d;box-shadow:0 20px 45px #00000073;padding:14px}.smart-object-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.smart-object-modal-header h3{margin:0}.smart-object-internal-canvas-shell{border:1px solid #334155;border-radius:10px;padding:10px;background:#161c25;display:flex;flex-direction:column;gap:8px}.smart-object-internal-canvas-frame{width:100%;max-height:320px;overflow:auto;border-radius:8px;border:1px solid #263549;background:#0f172a;padding:10px}.smart-object-internal-canvas-frame canvas{display:block;max-width:none}.right-panel{background:#252525;border-left:1px solid #3a3a3a;padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.panel-section{border:1px solid #3a3a3a;border-radius:10px;padding:10px;background:#2f2f2f}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#2d2d2d;border-top:1px solid #3a3a3a;font-size:12px;color:#c7c7c7}