:root{color-scheme:dark;--bg:#1d1e21;--panel:#292a2e;--panel-dark:#242529;--field:#202125;--line:#3b3c41;--line-soft:#333439;--text:#dedfe5;--muted:#96979f;--dim:#747680;--accent:#b6a6fc;--accent-fill:#8571dd;--selected:#494156;--radius:5px;font:12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;white-space:nowrap;user-select:none}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){background:#ffffff0b}button:active:not(:disabled){background:#ffffff15}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input,select,textarea{border:1px solid #414249;border-radius:4px;background:var(--field);min-width:0}input:not([type=checkbox]):not([type=range]):not([type=color]),select{height:27px;padding:3px 7px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:0}input:hover::-webkit-inner-spin-button{opacity:1}input[type=range]{appearance:none;background:transparent;height:16px;border:0;margin:0;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:#55545e}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#c2b4ff;box-shadow:0 0 0 2px var(--panel);margin-top:-3.5px}input[type=checkbox]{accent-color:var(--accent-fill);width:12px;height:12px;margin:0 6px 0 0;vertical-align:middle}select{cursor:pointer;padding-right:16px}svg{vertical-align:middle;flex:none}input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;padding:4px;color:#bcbec7}.icon-button.selected,.icon-button.active{color:var(--accent);background:#b6a6fc18}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px;min-height:30px;border:1px solid #47484f;border-radius:5px;background:#33343a;font-weight:500}.button.primary{color:#fff;background:#806bd2;border-color:#9682e5}.button.primary:hover{background:#917cde}.button.danger{color:#ffb6b6;border-color:#854951}.text-button{color:var(--muted);font-size:11px;padding:4px 6px;border-radius:4px}[hidden]{display:none!important}.muted{color:var(--muted)}
#app{height:100%;display:flex;flex-direction:column}.menubar{height:45px;flex-shrink:0;display:flex;align-items:center;gap:4px;background:#26272b;border-bottom:1px solid #15161a;padding:0 12px 0 14px}.brand{display:flex;gap:10px;align-items:center;margin-right:20px;padding:0}.brand-mark{display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;font-size:17px;letter-spacing:-1px;width:29px;height:29px;background:#2e293b;border:1px solid #8671bd;border-radius:7px;color:#c9b7ff}.brand-mark span{position:absolute;right:-4px;top:-9px;color:#d5baff;font-size:15px}.brand-name{font-size:13px;font-weight:650;letter-spacing:-.25px}.menubar nav{display:flex;align-items:center;gap:0}.menu-button{padding:6px 8px;border-radius:4px;font-size:12px;color:#c9c9d2}.menu-button.open{background:#414047;color:#fff}.header-spacer{flex:1}.header-divider{height:16px;width:1px;background:var(--line);margin:0 8px}.engine-badge{font-size:10px;color:#9c9ea8;display:flex;align-items:center;gap:6px;padding:0 12px 0 4px;white-space:nowrap}.engine-badge i{width:5px;height:5px;background:#9ba1af;border-radius:50%}.engine-badge.gpu i{background:#a4d3b0;box-shadow:0 0 8px #a4d3b029}.save-button{font-size:11px;margin-right:4px;background:transparent;border-color:#42434b}.export-button{font-size:11px;gap:7px;padding:5px 11px}.export-button svg:last-child{width:12px}.options-bar{height:43px;flex-shrink:0;display:flex;align-items:center;gap:13px;border-bottom:1px solid #15161a;background:#2d2e33;padding:0 16px;font-size:11px;overflow:auto;scrollbar-width:none}.options-bar>svg{color:#cac6df}.options-bar .tool-title{font-weight:600;color:#dad9e3;min-width:76px}.option-sep{width:1px;min-width:1px;height:21px;background:#44444c}.option-field{display:flex;align-items:center;gap:6px;color:#aaaab5;white-space:nowrap}.option-field input[type=number]{width:50px;font-size:11px;height:25px}.options-bar select{height:25px;font-size:11px;min-width:88px}.option-check{display:flex;align-items:center;white-space:nowrap;color:#c5c5cf;font-size:11px}.option-spacer{flex:1}.options-bar .option-help{color:#82838e;font-size:10px;white-space:nowrap}.options-bar .icon-button{height:25px;width:25px}.brush-sample{border-radius:50%;width:18px;height:18px;background:#e0dce8;display:block;box-shadow:0 0 0 2px #ffffff17}
.main-grid{flex:1;min-height:0;display:grid;grid-template-columns:47px minmax(260px,1fr) 286px}.tools{background:#2b2c30;border-right:1px solid #15161a;display:flex;align-items:center;flex-direction:column;padding:11px 5px 7px;gap:3px;overflow-y:auto;scrollbar-width:none}.tool-button{height:32px;min-height:32px;width:35px;border-radius:5px;position:relative;color:#bdbec6;display:flex;align-items:center;justify-content:center}.tool-button.active{background:#514763;color:#e3d9ff;box-shadow:inset 0 0 0 1px #75648f}.tool-button.subtool:after{content:'';position:absolute;bottom:4px;right:3px;border-left:4px solid transparent;border-bottom:4px solid #9a97a5}.tool-divider{height:1px;min-height:1px;width:27px;background:var(--line);margin:5px 0}.tool-spacer{flex:1;min-height:14px}.tool-colors{position:relative;height:43px;min-height:43px;width:35px;margin:6px 0}.tool-fg,.tool-bg{position:absolute;width:23px;height:23px;border:2px solid #2b2c30;outline:1px solid #81828e;border-radius:2px;left:1px;top:0}.tool-bg{left:10px;top:10px;background:#fff}.tool-fg{background:#f4b183}.swap-tool{position:absolute;right:-2px;top:-12px;font-size:12px;padding:0;color:#afadbb}.reset-tool{position:absolute;left:-2px;bottom:0;padding:0;font-size:11px}.center-workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.document-tabs{height:34px;flex-shrink:0;display:flex;align-items:center;background:#222327;border-bottom:1px solid #131418;padding-right:8px}.document-tab{height:34px;display:flex;align-items:center;gap:8px;background:#323338;padding:0 16px 0 13px;border-right:1px solid #191a1e;font-size:11px;max-width:80%}.document-tab>svg{width:13px;color:#a7a4b5}.document-tab #document-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modified-dot{width:4px;height:4px;border-radius:50%;background:#d4c2ff;flex:none;display:none}.modified-dot.visible{display:inline-block}.tab-detail{color:#9999a4;font-size:10px;white-space:nowrap}.new-tab{margin:0 3px}.new-tab svg{width:14px}.tab-space{flex:1}.editing-label{font-size:8px;letter-spacing:1.5px;color:#6e707d;margin-right:10px;white-space:nowrap}.stage{position:relative;flex:1;min-height:0;background:#1c1d20}.ruler-x{position:absolute;top:0;left:20px;height:20px;width:calc(100% - 20px);background:#26272b;border-bottom:1px solid #121316;z-index:4}.ruler-y{position:absolute;top:20px;left:0;bottom:0;width:20px;height:calc(100% - 20px);background:#26272b;border-right:1px solid #121316;z-index:4}.ruler-corner{position:absolute;top:0;left:0;width:20px;height:20px;background:#303137;border:1px solid #3d3e44;border-top:0;border-left:0;z-index:5;cursor:pointer}.viewport{position:absolute;inset:20px 0 0 20px;overflow:hidden;outline:none!important;touch-action:none;user-select:none;background:radial-gradient(ellipse at 50% 45%,#252629 0,#202124 70%,#1d1e21 100%)}.no-rulers .ruler-x,.no-rulers .ruler-y,.no-rulers .ruler-corner{display:none}.no-rulers .viewport{inset:0}.artboard{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:0 8px 50px #0006,0 1px 4px #0008;background-color:#b7b7b7;background-image:linear-gradient(45deg,#d5d5d5 25%,transparent 25%),linear-gradient(-45deg,#d5d5d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d5d5 75%),linear-gradient(-45deg,transparent 75%,#d5d5d5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.artboard>canvas{display:block;width:100%;height:100%;pointer-events:none}.overlay{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.brush-cursor{pointer-events:none;position:absolute;border:1px solid #ffffffd0;border-radius:50%;box-shadow:0 0 0 1px #000a;display:none;transform:translate(-50%,-50%)}.brush-cursor:after{position:absolute;content:'';width:3px;height:3px;border-radius:50%;background:#fff9;left:calc(50% - 1.5px);top:calc(50% - 1.5px)}.context-bar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;border:1px solid #56505e;background:#333039ef;box-shadow:0 5px 25px #0005;padding:6px;border-radius:8px;z-index:8;white-space:nowrap}.context-bar .button{font-size:11px;padding:4px 10px;min-height:27px}.context-bar>span{font-size:10px;color:#aaa4b6;margin:0 8px}.workspace-bottom{height:33px;display:flex;align-items:center;padding:0 8px;background:#25262a;border-top:1px solid #16171b;gap:6px;flex-shrink:0}.zoom-control{display:flex;align-items:center;gap:4px}.zoom-control button{padding:2px;color:#aeb0b8;width:20px;height:22px;border-radius:4px}.zoom-control svg{width:12px}.zoom-control input{width:53px!important;border:0;background:transparent;text-align:center;font-size:10px;height:25px!important;padding:0!important}.bottom-divider{height:12px;background:var(--line);width:1px;margin:0 3px}.workspace-hint{flex:1;text-align:center;color:#767984;font-size:10px}.workspace-bottom>.icon-button{width:25px;height:25px}.workspace-bottom>.icon-button svg{width:16px}.statusbar{height:25px;min-height:25px;display:flex;align-items:center;gap:7px;background:#222327;border-top:1px solid #141518;padding:0 12px;color:#858793;font-size:10px;white-space:nowrap}.status-dot{height:4px;width:4px;background:#929099;border-radius:50%}.status-spacer{flex:1}.status-divider{width:1px;height:10px;background:#41424a;margin:0 5px}#performance-status{min-width:116px;text-align:right}
.right-panel{border-left:1px solid #111215;background:var(--panel);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel{border-bottom:1px solid #15161a;flex:none}.panel-tabs{height:34px;display:flex;align-items:stretch;background:#25262a;border-bottom:1px solid #16171b;gap:0}.panel-tabs>button:not(.icon-button){font-size:11px;color:#8d8f9a;padding:0 12px;border-right:1px solid transparent;position:relative}.panel-tabs>button.selected{color:#e0dfe9;background:#2c2d31;border-right-color:#1e1f23}.panel-tabs>button.selected:after{content:'';position:absolute;bottom:0;height:2px;left:11px;right:11px;background:#a89bc6}.panel-tabs>span{flex:1}.panel-tabs .icon-button{width:27px;height:33px;margin-right:4px}.panel-tabs .icon-button svg{width:14px;height:14px}.navigator-preview{height:151px;display:flex;align-items:center;justify-content:center;padding:9px 14px 1px;background:#2b2c30}.navigator-preview canvas{display:block;max-height:140px;max-width:100%;width:252px;cursor:crosshair}.navigator-controls{height:33px;display:flex;gap:14px;padding:0 14px 4px;align-items:center;font-size:10px;color:#a4a4af}.navigator-controls input{flex:1;width:100px}.navigator-controls span{width:34px;white-space:nowrap}.navigator-controls button{font-size:10px;width:25px}.color-panel{height:193px}.color-picker-row{padding:12px 12px 0;display:flex;gap:12px;height:104px}.color-samples{position:relative;width:35px;flex:none}.color-chip{display:block;position:absolute;outline:1px solid #696a75;border:3px solid var(--panel);width:27px;height:27px;cursor:pointer}.background-chip{left:8px;top:12px;background:#fff}.foreground-chip{left:0;top:0;background:#f4b183}.color-field-wrap{position:relative;flex:1;height:91px;overflow:hidden;border:1px solid #16171b}.color-field-wrap canvas{height:100%;width:100%;cursor:crosshair}.color-field-wrap i{width:9px;height:9px;border:1.5px solid #fff;border-radius:50%;position:absolute;left:35%;top:4%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0007;pointer-events:none}#hue-slider{margin:8px 12px 0;width:calc(100% - 24px);height:11px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:2px}#hue-slider::-webkit-slider-runnable-track{background:transparent;height:11px}#hue-slider::-webkit-slider-thumb{width:5px;height:15px;background:transparent;border:1px solid white;border-radius:1px;box-shadow:0 0 0 1px #0007;margin-top:-2px}.color-meta{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:10px;color:#8c8e98}.hex-field{display:flex;align-items:center;height:22px;border:1px solid #41424a;border-radius:3px;background:#242529;padding-left:6px;margin-left:auto;gap:1px}.hex-field input{border:0!important;background:transparent!important;width:58px;height:19px!important;font-size:10px;padding:0 3px!important;text-transform:uppercase;letter-spacing:.3px}.color-mode{border:1px solid #41424a;border-radius:3px;padding:3px 4px;font-size:9px}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:14px}.swatch-grid button{height:23px;border:1px solid #fff2;border-radius:3px}.swatch-grid button:hover{outline:2px solid #c5b4f5;outline-offset:2px}.properties-panel{height:213px}.properties-content{padding:10px 12px;overflow:auto;height:178px;scrollbar-width:thin}.property-section-label{font-size:10px;font-weight:600;color:#b4b4bf;display:flex;gap:7px;align-items:center;margin-bottom:8px}.property-section-label svg{width:13px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.prop-field{display:flex;gap:6px;align-items:center;color:#8f929d;font-size:10px}.prop-field>span{width:13px;flex:none}.prop-field input{width:100%;height:24px!important;font-size:10px}.prop-field .unit{margin-left:-26px;color:#737580;font-size:9px;pointer-events:none;padding-right:7px}.prop-field input.unit-input{padding-right:24px!important}.prop-actions{display:flex;align-items:center;gap:8px;margin-top:9px;border-top:1px solid #3b3c43;padding-top:8px}.prop-actions label{max-width:114px}.prop-actions .icon-button{height:24px;width:25px}.prop-actions .icon-button svg{width:16px}.prop-actions .spacer{flex:1}.type-summary{margin-top:8px;display:flex;gap:6px;align-items:center}.type-summary button{font-size:10px;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:178px;text-align:left;border:1px solid #43444b;background:#25262b;border-radius:3px;padding:4px 7px;color:#b8b7c2}.kind-badge{font-size:9px;letter-spacing:.4px;color:#9a8dad}.shape-fill-label{margin-top:8px;display:flex;align-items:center;gap:7px;color:#a3a3af;font-size:10px}.mini-color{width:23px;height:18px;position:relative;border:1px solid #707078;border-radius:3px;display:inline-block}.empty-props{font-size:11px;color:#818491;margin:10px 0}.adjustments-content{height:178px;overflow:auto;padding:10px 12px;scrollbar-width:thin}.adjust-row{display:grid;grid-template-columns:68px 1fr 31px;align-items:center;gap:8px;margin-bottom:8px;color:#a6a5b1;font-size:10px}.adjust-row input{width:100%}.adjust-value{text-align:right;color:#ccc6dc;font-variant-numeric:tabular-nums}.adjust-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.adjust-presets button{font-size:9px;color:#b9b1d0;border:1px solid #51475f;border-radius:4px;padding:3px 7px}
.layers-panel{display:flex;flex:1;min-height:160px;border-bottom:0;flex-direction:column}.layers-panel>.panel-tabs{flex-shrink:0}.count-pill{font-size:9px;padding:1px 4px;color:#ad9bce;background:#a18bc41c;border-radius:3px;margin-left:3px}.layers-content{display:flex;flex:1;min-height:0;flex-direction:column}.layer-search{display:flex;align-items:center;height:29px;padding:3px 12px;gap:6px;margin-top:6px}.layer-search svg{width:12px;color:#7e808c}.layer-search input{flex:1;width:100px;height:22px!important;font-size:10px;border:0;background:transparent;padding:0!important}.layer-search input::placeholder{color:#7d7f89}.layer-blend-controls{display:flex;align-items:center;padding:4px 12px;gap:9px;height:33px}.layer-blend-controls>select{flex:1;width:100px;font-size:10px;height:24px!important;background:#242529}.layer-blend-controls>label{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px;color:#999ba6}.layer-blend-controls input{width:32px;height:23px!important;padding:1px 2px!important;text-align:right;font-size:10px;background:transparent;border-color:transparent}.layer-lock-controls{height:27px;display:flex;align-items:center;gap:3px;padding:0 12px 5px;font-size:10px;color:#8e909b;border-bottom:1px solid #202125}.layer-lock-controls .icon-button{width:24px;height:22px}.layer-lock-controls svg{width:12px}.lock-spacer{flex:1}#layer-kind{font-size:9px;color:#777985}.layer-list{flex:1;overflow:auto;min-height:50px;scrollbar-width:thin;scrollbar-color:#4b4955 transparent}.layer-row{display:flex;align-items:center;gap:9px;height:45px;padding:0 10px 0 8px;border-bottom:1px solid #24252a;cursor:pointer;position:relative}.layer-row:hover{background:#ffffff06}.layer-row.selected{background:#4c435b}.layer-row.selected:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#bda3ed}.layer-row.drag-over{border-top:2px solid var(--accent)}.layer-row .visibility{display:flex;justify-content:center;align-items:center;width:18px;min-width:18px;height:25px;padding:0;color:#a2a0af}.layer-row .visibility svg{width:14px}.layer-row.is-hidden{opacity:.5}.layer-thumb,.mask-thumb{width:42px;height:29px;object-fit:contain;border:1px solid #73717e;background-color:#96969b;background-image:linear-gradient(45deg,#bcbcc1 25%,transparent 25%),linear-gradient(-45deg,#bcbcc1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bcbcc1 75%),linear-gradient(-45deg,transparent 75%,#bcbcc1 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;flex:none;display:block}.layer-row.selected .layer-thumb{border-color:#cabbe5}.mask-thumb{width:27px;height:29px;margin-left:-4px;border-color:#62616c}.mask-thumb.active{outline:2px solid #e8dbff}.layer-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:450}.layer-description{font-size:8px;color:#9d98a9;letter-spacing:.1px}.layer-trailing{width:12px;min-width:12px;display:flex;align-items:center;color:#9e98ad}.layer-trailing svg{width:11px}.layer-footer{height:34px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 10px;background:#28292d;border-top:1px solid #1a1b20}.layer-footer>span{flex:1}.layer-footer .icon-button{width:25px;height:26px}.layer-footer svg{width:15px}.history-content{flex:1;min-height:0;overflow:auto}.history-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;text-align:left;font-size:11px;border-bottom:1px solid #222328;color:#aaa6b7}.history-row.active{background:#4c435b;color:#e3d9f2}.history-row.future{opacity:.4}.history-row svg{width:14px}.history-row .history-number{color:#75707f;margin-left:auto;font-size:9px}.history-memory{font-size:10px;color:#8d889a;padding:12px 14px}.panel .tab-note{font-size:9px;color:#777381}
.menu-popover{position:fixed;z-index:70;min-width:245px;padding:5px;border:1px solid #53515c;border-radius:6px;background:#303037;box-shadow:0 12px 35px #0007;max-height:calc(100vh - 60px);overflow:auto}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;padding:7px 10px;border-radius:3px;text-align:left;color:#d5d2de;gap:22px}.menu-item:hover{background:#685580!important;color:#fff}.menu-item>span:first-child{display:flex;align-items:center;gap:10px}.menu-item svg{width:13px;color:#b9accf}.menu-item kbd{font:10px inherit;color:#a19aa9;white-space:nowrap}.menu-line{height:1px;background:#48444f;margin:5px 7px}.menu-heading{font-size:9px;letter-spacing:1px;color:#95879f;margin:8px 10px 5px;text-transform:uppercase}.toasts{position:fixed;bottom:53px;left:66px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{max-width:440px;padding:11px 15px;border-radius:6px;border:1px solid #625674;background:#35313dee;box-shadow:0 6px 24px #0005;color:#e3ddec;font-size:12px;animation:toast-in .2s ease}.toast.error{border-color:#a26d78;background:#422d35}.toast button{pointer-events:auto;color:#d8b8ff;margin-left:12px;font-weight:600}.toast .toast-title{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;color:#bda7d2}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}dialog{padding:0;background:#29282f;color:#e8e3ef;border:1px solid #5c526b;border-radius:11px;box-shadow:0 30px 100px #0008;width:520px;max-width:calc(100vw - 40px);max-height:calc(100vh - 50px);overflow:auto}dialog::backdrop{background:#111119b0;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 15px;border-bottom:1px solid #45404e}.modal-title{font-size:17px;letter-spacing:-.35px;font-weight:600;margin:0}.modal-subtitle{color:#96919f;font-size:11px;margin:5px 0 0}.modal-body{padding:22px 24px}.modal-footer{display:flex;align-items:center;gap:9px;padding:16px 24px;border-top:1px solid #45404e;justify-content:flex-end;background:#25242b}.modal-footer .button{padding:8px 18px;font-size:12px}.modal-footer .footer-note{margin-right:auto;font-size:10px;color:#96909f}.modal-field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:11px;color:#b7afc4}.modal-field input,.modal-field select{height:35px!important;font-size:13px}.modal-field textarea{min-height:120px;resize:vertical;padding:10px;font-size:14px;line-height:1.5}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-note{font-size:11px;color:#9b93a5;line-height:1.7}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid #4e455b;border-radius:7px;padding:13px 12px;background:#322c3c;color:#d1c6de;text-align:left}.preset:hover{border-color:var(--accent)}.preset svg{color:#b3a1d1}.preset strong{font-size:11px;font-weight:500}.preset small{font-size:9px;color:#9d90af}.export-preview{display:block;width:100%;height:190px;object-fit:contain;background:#19191e;border:1px solid #4a414f;border-radius:6px;margin-bottom:20px}.shortcut-table{width:100%;border-collapse:collapse;font-size:11px}.shortcut-table td{padding:8px 0;border-bottom:1px solid #443d4b}.shortcut-table td:last-child{text-align:right;color:#bda9d7}.command-search{width:100%;height:42px!important;font-size:15px!important;border:0;border-bottom:1px solid #52495d;border-radius:0;padding:14px 22px!important;background:#312a3b}.command-list{padding:8px;max-height:420px;overflow:auto}.command-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;border-radius:5px;text-align:left;font-size:12px}.command-list button:hover,.command-list button:focus{background:#574467}.command-list kbd{font-size:10px;color:#a492b6}.command-list .empty{padding:20px;color:#a396b2}.busy-content{padding:35px;text-align:center}.busy-content h3{font-size:16px;font-weight:500;margin:18px 0 8px}.busy-content p{font-size:11px;color:#a99cb8;margin-bottom:22px}.spinner{width:26px;height:26px;border:2px solid #655675;border-top-color:#c9a8f0;border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.drop-zone{position:absolute;inset:20px;background:#292036eb;border:2px dashed #b699dd;border-radius:10px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.drop-zone svg{width:48px;height:48px;color:#bc9fe6}.drop-zone h2{font-size:22px;font-weight:500;margin:16px 0 5px}.drop-zone p{color:#b4a4c5;font-size:12px}.about-brand{font-size:32px;font-weight:650;letter-spacing:-1.2px;margin:4px 0 10px;color:#d2b9ff}.about-brand span{font-size:10px;border:1px solid #6e527f;border-radius:4px;padding:3px 5px;vertical-align:middle;letter-spacing:1px;margin-left:8px}.about-copy{font-size:12px;line-height:1.85;color:#b5aabf}.about-stack{display:flex;gap:6px;margin:18px 0}.about-stack span{padding:4px 7px;border:1px solid #51435e;border-radius:4px;font-size:9px;color:#bda7d2}.no-panels .main-grid{grid-template-columns:47px minmax(260px,1fr)}.no-panels .right-panel{display:none}.compact-view .main-grid{grid-template-columns:minmax(260px,1fr)}.compact-view .tools{display:none}
@media(max-height:850px){.navigator-preview{height:110px}.navigator-preview canvas{max-height:100px;object-fit:contain}.navigator-panel .navigator-controls{height:28px}.color-panel{height:170px}.color-picker-row{height:84px}.color-field-wrap{height:71px}.properties-panel{height:188px}.properties-content,.adjustments-content{height:153px}.tool-button{height:29px;min-height:29px}.tools{gap:1px;padding-top:7px}.tool-divider{margin:3px 0}.layer-row{height:40px}.layer-thumb{height:27px;width:38px}}
@media(max-height:700px){.navigator-panel{display:none}.properties-panel{height:177px}.properties-content,.adjustments-content{height:142px}.tools{overflow-y:auto}.tool-spacer{min-height:0}.layer-search{display:none}.layer-row{height:38px}.workspace-hint{display:none}}
@media(max-width:1250px){.brand-name{display:none}.brand{margin-right:8px}.menu-button{padding:6px}.engine-badge{display:none}.main-grid{grid-template-columns:45px minmax(260px,1fr) 270px}.workspace-hint{font-size:9px}.editing-label{display:none}}
@media(max-width:950px){.main-grid{grid-template-columns:43px minmax(240px,1fr) 250px}.save-button>span:last-child{display:none}.header-divider{display:none}.header-search{display:none}.options-bar{gap:9px;padding-left:12px}.options-bar .option-help{display:none}.panel-tabs>button:not(.icon-button){padding:0 10px}.workspace-hint{display:none}.layer-row{gap:6px}.document-tab{padding-right:9px}.menubar{padding:0 8px}.brand{margin-right:4px}.menu-button{font-size:11px;padding:6px 5px}.navigator-preview{height:126px}.navigator-preview canvas{max-height:115px}.navigator-controls{height:26px}.statusbar{font-size:9px}.statusbar .status-divider{margin:0 1px}.property-section-label{font-size:9px}.color-picker-row{gap:8px}.layer-blend-controls{gap:4px}.layer-blend-controls>label{font-size:9px}}
@media(max-width:700px){.main-grid{grid-template-columns:43px minmax(240px,1fr)}.right-panel{display:none}.menu-button:nth-child(n+5){display:none}.options-bar .option-spacer{display:none}.menubar{height:43px}.brand-mark{width:26px;height:26px}.header-spacer{min-width:5px}.save-button{display:none}.statusbar #save-status{max-width:150px;overflow:hidden;text-overflow:ellipsis}.statusbar .status-divider,.statusbar #performance-status{display:none}.statusbar>span:nth-last-child(3){display:none}.document-tabs{font-size:10px}.export-button{padding:4px 8px}.export-button>span:last-child{display:none}.tool-spacer{min-height:8px}.toasts{left:55px;right:14px}.toast{font-size:11px}.presets{gap:6px}.preset{padding:10px 8px}.modal-body{padding:18px}.modal-header{padding:16px 18px}.modal-footer{padding:13px 18px}.tab-detail{display:none}}
/* Compact desktop panels keep the editable layer stack in view. */
@media(min-height:851px){.navigator-preview{height:117px}.navigator-preview canvas{max-height:108px;object-fit:contain}.navigator-controls{height:27px}.color-panel{height:174px}.color-picker-row{height:86px}.color-field-wrap{height:73px}.properties-panel{height:183px}.properties-content,.adjustments-content{height:148px}.layer-row{height:41px}.layer-thumb{width:39px;height:28px}}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}
.layer-blend-controls input{width:34px}