*{box-sizing:border-box;margin:0;padding:0}:root{--ai-bg:#535353;--ai-panel:#3c3c3c;--ai-panel-dark:#323232;--ai-panel-darker:#282828;--ai-input:#1e1e1e;--ai-border:#2a2a2a;--ai-border-light:#4a4a4a;--ai-text:#ccc;--ai-text-dim:#999;--ai-text-bright:#e0e0e0;--ai-accent:#2196f3;--ai-accent-dim:#1976d2;--ai-highlight:#4a4a4a;--ai-hover:#555;--ai-active:#505050;--ai-btn:#484848;--ai-btn-hover:#5a5a5a;--ai-menu-bg:#2c2c2c;--ai-menu-hover:#404040;--ai-white:#fff;--ai-black:#000;--ai-danger:#f44336;--toolbar-w:40px;--ruler-size:20px;--panel-w:260px;--menubar-h:24px;--controlbar-h:32px;--statusbar-h:22px}html,body{background:var(--ai-bg);height:100%;color:var(--ai-text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:system-ui,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;overflow:hidden}input,select,button{font-family:inherit;font-size:12px}#app{flex-direction:column;height:100vh;display:flex}#menu-bar{height:var(--menubar-h);background:var(--ai-panel-darker);border-bottom:1px solid var(--ai-border);z-index:100;flex-shrink:0;align-items:center;padding:0 4px;display:flex}.menu-items{gap:0;display:flex}.project-name{color:var(--ai-text-dim);text-overflow:ellipsis;white-space:nowrap;margin-left:12px;font-size:12px;overflow:hidden}.menu-dropdown{position:relative}.menu-trigger{cursor:default;color:var(--ai-text);border-radius:2px;padding:2px 10px}.menu-trigger:hover,.menu-dropdown.open .menu-trigger{background:var(--ai-menu-hover);color:var(--ai-text-bright)}.menu-panel{background:var(--ai-menu-bg);border:1px solid var(--ai-border);z-index:200;min-width:220px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0006}.menu-dropdown.open .menu-panel{display:block}.menu-panel button{width:100%;color:var(--ai-text);cursor:default;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:4px 20px;display:flex;position:relative}.menu-panel button:hover{background:var(--ai-accent);color:#fff}.menu-panel button .shortcut{color:var(--ai-text-dim);margin-left:30px;font-size:11px}.menu-panel button:hover .shortcut{color:#ffffffb3}.menu-panel button.disabled{opacity:.35;pointer-events:none}.menu-panel button.checked:before{content:"✓";font-size:12px;position:absolute;left:7px}.cmdk-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.cmdk-overlay[hidden]{display:none}.cmdk-panel{background:var(--ai-menu-bg);border:1px solid var(--ai-border);border-radius:6px;flex-direction:column;width:540px;max-width:90vw;margin-top:12vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000080}.cmdk-input{border:none;border-bottom:1px solid var(--ai-border);color:var(--ai-text-bright);background:0 0;outline:none;padding:12px 14px;font-size:15px}.cmdk-list{max-height:50vh;margin:0;padding:4px;list-style:none;overflow-y:auto}.cmdk-item{cursor:default;color:var(--ai-text);border-radius:4px;align-items:center;gap:10px;padding:6px 10px;display:flex}.cmdk-item.active{background:var(--ai-accent);color:#fff}.cmdk-item.disabled{opacity:.4}.cmdk-cat{text-transform:uppercase;letter-spacing:.5px;min-width:46px;color:var(--ai-text-dim);font-size:10px}.cmdk-item.active .cmdk-cat{color:#ffffffb3}.cmdk-label{flex:1}.cmdk-accel{color:var(--ai-text-dim);font-size:11px}.cmdk-item.active .cmdk-accel{color:#ffffffb3}.about-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-dialog{box-sizing:border-box;text-align:center;background:var(--ai-panel);border:1px solid var(--ai-border-light);width:420px;max-width:90vw;max-height:85vh;color:var(--ai-text);border-radius:8px;padding:32px 32px 26px;font-size:13px;position:relative;overflow-y:auto;box-shadow:0 16px 48px #0000008c}.about-close{color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;position:absolute;top:10px;right:12px}.about-close:hover{color:var(--ai-text-bright)}.about-logo{border-radius:14px;box-shadow:0 4px 14px #0006}.about-title{letter-spacing:.5px;color:var(--ai-text-bright);margin:14px 0 2px;font-size:22px;font-weight:600}.about-version{letter-spacing:.5px;color:var(--ai-text-dim);font-size:11px}.about-tagline{color:var(--ai-text-bright);margin:14px 0 8px}.about-desc{color:var(--ai-text);margin:0 0 16px;line-height:1.55}.about-meta{color:var(--ai-text-dim);margin-bottom:14px;font-size:11px}.about-copyright{letter-spacing:.3px;color:var(--ai-text-dim);font-size:11px}#account-area{margin-left:auto;margin-right:6px;position:relative}#account-btn{color:var(--ai-text);border:1px solid var(--ai-border-light);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:3px;max-width:200px;padding:3px 12px;font-size:12px;overflow:hidden}#account-btn:hover{background:var(--ai-menu-hover);color:var(--ai-text-bright)}.account-popover{background:var(--ai-menu-bg);border:1px solid var(--ai-border);z-index:300;border-radius:4px;min-width:180px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0006}.account-popover-email{color:var(--ai-text-dim);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--ai-border-light);margin-bottom:4px;padding:4px 14px 6px;font-size:11px;overflow:hidden}.account-popover-item{text-align:left;width:100%;color:var(--ai-text);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-size:12px;display:block}.account-popover-item:hover{background:var(--ai-menu-hover);color:var(--ai-text-bright)}.signin-providers{flex-direction:column;gap:10px;margin:22px 0 6px;display:flex}.signin-provider{color:var(--ai-text-bright);background:var(--ai-panel-darker);border:1px solid var(--ai-border-light);cursor:pointer;border-radius:5px;padding:10px 16px;font-size:13px}.signin-provider:hover:not(:disabled){background:var(--ai-menu-hover)}.signin-provider:disabled{opacity:.5;cursor:default}.signin-error{color:#ff6b6b;margin-top:14px;font-size:12px;line-height:1.4}.menu-divider{background:var(--ai-border-light);height:1px;margin:3px 8px}.menu-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--ai-text-dim);padding:2px 20px;font-size:10px;font-weight:700}.menu-recent button{text-overflow:ellipsis;white-space:nowrap;padding:3px 20px;font-size:12px;display:block;overflow:hidden}.menu-recent button:disabled{color:var(--ai-text-dim);cursor:default;font-style:italic}.menu-recent button:disabled:hover{color:var(--ai-text-dim);background:0 0}#control-bar{height:var(--controlbar-h);background:var(--ai-panel);border-bottom:1px solid var(--ai-border);flex-shrink:0;align-items:center;padding:0 8px;display:flex;overflow:hidden}#control-bar-content{align-items:center;gap:2px;display:flex}.ctrl-group{align-items:center;gap:3px;display:flex}.ctrl-group label{color:var(--ai-text-dim);min-width:12px;font-size:11px}.ctrl-group input[type=number],.ctrl-group input[type=text]{background:var(--ai-input);width:54px;height:20px;color:var(--ai-text);border:1px solid var(--ai-border-light);text-align:center;border-radius:2px;padding:0 4px}.ctrl-group input:focus{border-color:var(--ai-accent);outline:none}.ctrl-color-swatch{align-items:center;gap:2px;display:flex}.ctrl-color-swatch input[type=color]{border:1px solid var(--ai-border-light);cursor:pointer;background:0 0;border-radius:2px;width:20px;height:20px;padding:1px}.ctrl-none-btn{background:var(--ai-btn);width:18px;height:18px;color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:13px;transition:background .1s;display:flex}.ctrl-none-btn:hover{background:var(--ai-btn-hover);color:var(--ai-text)}.ctrl-none-btn.active{background:var(--ai-danger);color:#fff}.ctrl-sep{background:var(--ai-border-light);width:1px;height:18px;margin:0 6px}.ctrl-unit{color:var(--ai-text-dim);font-size:11px}#workspace{grid-template-columns:var(--toolbar-w) var(--ruler-size) 1fr var(--panel-w);grid-template-rows:var(--ruler-size) 1fr;flex:1;display:grid;overflow:hidden}#toolbar{background:var(--ai-panel);border-right:1px solid var(--ai-border);flex-direction:column;flex-shrink:0;grid-area:1/1/-1;align-items:center;padding:4px 0;display:flex;overflow:hidden auto}.tool-section{flex-direction:column;align-items:center;gap:1px;display:flex}.tool-btn{width:28px;height:28px;color:var(--ai-text);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:3px;transition:background .1s;display:flex}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{background:var(--ai-btn-hover)}.tool-btn.active{background:var(--ai-btn)}@keyframes tool-pulse{0%{color:#fff;transform:scale(1);box-shadow:0 0 0 2px #fff}18%{color:#fff;transform:scale(1.32);box-shadow:0 0 0 2px #fff}to{color:#fff;transform:scale(1);box-shadow:0 0 0 2px #fff0}}.tool-btn.pulse{z-index:1;animation:.42s ease-out tool-pulse;position:relative}.tool-divider{background:var(--ai-border-light);width:24px;height:1px;margin:3px 0}.tool-spacer{flex:1}.toolbar-swatches{align-items:center;gap:4px;padding:4px 0;display:flex}.swatch-stack{width:28px;height:28px;position:relative}.swatch-fill{border:1px solid var(--ai-text-dim);cursor:pointer;z-index:2;width:20px;height:20px;position:absolute;top:0;left:0}.swatch-fill .swatch-inner{background:#fff;width:100%;height:100%}.swatch-stroke{border:1px solid var(--ai-text-dim);cursor:pointer;z-index:1;width:20px;height:20px;position:absolute;bottom:0;right:0}.swatch-stroke .swatch-inner{box-sizing:border-box;background:0 0;border:3px solid #000;width:100%;height:100%}.swatch-controls{flex-direction:column;gap:1px;display:flex}.swatch-swap,.swatch-default{background:var(--ai-btn);width:14px;height:14px;color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:10px;transition:background .1s;display:flex}.swatch-swap:hover,.swatch-default:hover{background:var(--ai-btn-hover);color:var(--ai-text)}#ruler-corner{background:var(--ai-panel);border-right:1px solid var(--ai-border);border-bottom:1px solid var(--ai-border);grid-area:1/2}#ruler-h{background:var(--ai-panel);border-bottom:1px solid var(--ai-border);width:100%;height:var(--ruler-size);grid-area:1/3;display:block}#ruler-v{background:var(--ai-panel);border-right:1px solid var(--ai-border);width:var(--ruler-size);grid-area:2/2;height:100%;display:block}#canvas-area{background:var(--ai-bg);grid-area:2/3;position:relative;overflow:hidden}#svg-canvas{cursor:default;width:100%;height:100%;display:block}#panels{background:var(--ai-panel-darker);border-left:1px solid var(--ai-border);flex-direction:column;grid-area:1/4/-1;gap:8px;padding:8px;display:flex;overflow:hidden auto}#panel-layers{flex-direction:column;flex:auto;min-height:160px;display:flex}#panel-layers.collapsed{flex:none;min-height:0}#panel-layers .panel-body-layers{flex:auto;max-height:none}.panel{background:var(--ai-panel);border-radius:6px;flex-shrink:0;box-shadow:0 1px 2px #00000040}.panel-header{cursor:default;background:0 0;border-bottom:1px solid #0000002e;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.panel-header span{color:var(--ai-text);text-transform:uppercase;letter-spacing:.6px;margin-right:auto;font-size:11px;font-weight:600}.panel-add{color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.panel-add:hover{color:var(--ai-accent)}.panel-collapse{color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;padding:2px;font-size:9px}.panel-header:hover .panel-collapse{color:var(--ai-text)}.panel.collapsed .panel-body,.panel.collapsed .panel-footer{display:none}.panel.collapsed .panel-collapse{transform:rotate(-90deg)}.panel-body{padding:8px 10px}.panel-row{align-items:center;gap:8px;margin-bottom:5px;display:flex}.panel-field{flex:1;align-items:center;gap:4px;display:flex}.panel-field.full{flex:2}.panel-field label{color:var(--ai-text-dim);flex-shrink:0;min-width:14px;font-size:11px}.panel-field input[type=number],.panel-field input[type=text],.panel-field select{background:var(--ai-input);height:20px;color:var(--ai-text);border:1px solid var(--ai-border-light);border-radius:2px;flex:1;min-width:0;padding:0 4px}.panel-hint{color:var(--ai-text-dim);font-size:10px}.panel-field input:focus,.panel-field select:focus{border-color:var(--ai-accent);outline:none}.appearance-group{margin-bottom:0}.appearance-divider{background:var(--ai-border);height:1px;margin:8px 0}.appearance-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.appearance-label{color:var(--ai-text-dim);min-width:44px;font-size:11px}.stroke-expand-btn{width:18px;height:18px;color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0;font-size:8px;transition:transform .15s}.stroke-expand-btn:hover{color:var(--ai-text)}.stroke-expand-btn.collapsed{transform:rotate(-90deg)}.stroke-details{opacity:1;max-height:200px;padding:6px 0 2px;transition:max-height .2s,opacity .15s;overflow:hidden}.stroke-details.collapsed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.stroke-detail-row{align-items:center;gap:6px;margin-bottom:5px;display:flex}.stroke-detail-row label{color:var(--ai-text-dim);flex-shrink:0;min-width:34px;font-size:11px}.stroke-detail-row input[type=number],.stroke-detail-row input[type=text]{background:var(--ai-input);height:20px;color:var(--ai-text);border:1px solid var(--ai-border-light);border-radius:2px;flex:1;min-width:0;padding:0 4px;font-size:11px}.stroke-detail-row input[type=text]{font-family:SF Mono,Fira Code,monospace}.stroke-detail-row input:focus{border-color:var(--ai-accent);outline:none}.appearance-color-btn{border:1px solid var(--ai-border-light);cursor:pointer;border-radius:2px;flex-shrink:0;width:32px;height:32px;padding:2px}.appearance-color-btn:hover{border-color:var(--ai-accent)}.appearance-color-inner{border-radius:1px;width:100%;height:100%}.appearance-toggle{background:var(--ai-btn);width:44px;height:24px;color:var(--ai-text);cursor:pointer;text-align:center;border:none;border-radius:3px;flex-shrink:0;padding:0;font-size:11px;font-weight:600;transition:background .1s;position:relative;overflow:hidden}.appearance-toggle:hover{background:var(--ai-btn-hover);color:var(--ai-text-bright)}.appearance-toggle.active{color:var(--ai-text-dim);background:var(--ai-panel-dark)}.appearance-toggle.active:after{content:"";background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--ai-danger) calc(50% - 1px), var(--ai-danger) calc(50% + 1px), transparent calc(50% + 1px));pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.appearance-weight{background:var(--ai-input);width:42px;height:18px;color:var(--ai-text);border:1px solid var(--ai-border-light);text-align:center;border-radius:2px;padding:0 3px}.appearance-weight:focus{border-color:var(--ai-accent);outline:none}.appearance-unit{color:var(--ai-text-dim);font-size:11px}.appearance-slider{height:3px;accent-color:var(--ai-accent);flex:1;min-width:60px}.appearance-pct{color:var(--ai-text-dim);text-align:right;min-width:28px;font-size:11px}.btn-group{gap:1px;display:flex}.btn-group button{background:var(--ai-btn);width:28px;height:22px;color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;transition:background .1s;display:flex}.btn-group button svg{width:18px;height:12px}.btn-group button:hover{background:var(--ai-btn-hover);color:var(--ai-text)}.btn-group button.active{background:var(--ai-accent-dim);color:var(--ai-text-bright)}.panel-field input[type=text]{font-family:SF Mono,Fira Code,monospace;font-size:11px}.color-sliders{flex-direction:column;gap:4px;display:flex}.color-slider-row{align-items:center;gap:4px;display:flex}.color-slider-row label{color:var(--ai-text-dim);width:12px;font-size:11px;font-weight:600}.color-slider-row input[type=range]{height:3px;accent-color:var(--ai-accent);flex:1}.color-slider-row input[type=number]{background:var(--ai-input);width:38px;height:18px;color:var(--ai-text);border:1px solid var(--ai-border-light);text-align:center;border-radius:2px;padding:0 3px}.color-hex-row{align-items:center;gap:4px;margin-top:4px;display:flex}.color-hex-row label{color:var(--ai-text-dim);font-size:11px}.color-hex-row input{background:var(--ai-input);width:64px;height:18px;color:var(--ai-text);border:1px solid var(--ai-border-light);text-transform:uppercase;border-radius:2px;padding:0 4px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.color-swatches-divider{background:var(--ai-border-light);height:1px;margin:8px 0}.swatches-grid{grid-template-columns:repeat(auto-fill,16px);gap:2px;padding:2px;display:grid}.swatch-cell{border:1px solid var(--ai-border);cursor:pointer;border-radius:1px;width:16px;height:16px}.swatch-cell:hover{border-color:var(--ai-text);transform:scale(1.2)}.swatch-cell.none-swatch{background:#fff;position:relative}.swatch-cell.none-swatch:after{content:"";background:linear-gradient(to bottom right,#0000 45%,red 45% 55%,#0000 55%);position:absolute;inset:0}.align-buttons{flex-wrap:wrap;gap:2px;display:flex}.align-buttons button{background:var(--ai-panel-dark);border:1px solid var(--ai-border-light);width:28px;height:24px;color:var(--ai-text-dim);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:3px;transition:background .1s,border-color .1s;display:flex}.align-buttons button svg{width:18px;height:18px}.align-buttons button:hover{background:var(--ai-hover);border-color:var(--ai-accent);color:var(--ai-text)}.text-style-group{gap:4px;display:flex}.text-style-btn{background:var(--ai-btn);width:26px;height:22px;color:var(--ai-text);cursor:pointer;border:none;border-radius:3px;font-family:serif;transition:background .1s}.text-style-btn:hover{background:var(--ai-btn-hover)}.text-style-btn.active{background:var(--ai-accent);color:#fff}.panel-body-layers{max-height:200px;padding:0;overflow-y:auto}#layers-list{margin:0;padding:0;list-style:none}.layer-item{cursor:default;border-bottom:1px solid var(--ai-border);align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:flex}.layer-item:hover{background:var(--ai-hover)}.layer-item.selected{background:var(--ai-accent-dim);color:#fff}.layer-dims{color:var(--ai-text-dim);flex-shrink:0;margin-left:auto;font-size:10px}.ab-export-btn{width:20px;height:20px;color:var(--ai-text-dim);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.layer-item:hover .ab-export-btn{opacity:1}.ab-export-btn:hover{color:var(--ai-accent);background:var(--ai-hover)}.layer-item.dragging{opacity:.4}.layer-item.drop-before{box-shadow:inset 0 2px 0 0 var(--ai-accent)}.layer-item.drop-after{box-shadow:inset 0 -2px 0 0 var(--ai-accent)}.layer-item.drop-inside{background:var(--ai-accent-dim);box-shadow:inset 0 0 0 1px var(--ai-accent)}.layer-vis,.layer-lock{cursor:pointer;width:20px;height:20px;color:var(--ai-text-dim);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.layer-vis:hover,.layer-lock:hover{color:var(--ai-text)}.layer-lock.unlocked{opacity:.3}.layer-item:hover .layer-lock.unlocked{opacity:.55}.layer-lock.unlocked:hover{opacity:1}.layer-color{background:var(--ai-accent);border-radius:1px;flex-shrink:0;width:6px;height:16px}.layer-icon{color:var(--ai-text-dim);flex-shrink:0;align-items:center;display:flex}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;padding:1px 2px;overflow:hidden}.layer-rename{background:var(--ai-input);color:var(--ai-text);border:1px solid var(--ai-accent);border-radius:2px;outline:none;flex:1;padding:1px 4px;font-size:12px}.ab-props{background:0 0;border-top:1px solid #0000002e;grid-template-columns:1fr 1fr;gap:4px 8px;padding:6px 8px;display:grid}.ab-prop{align-items:center;gap:3px;display:flex}.ab-prop label{color:var(--ai-text-dim);flex-shrink:0;width:10px;font-size:11px}.ab-prop input{background:var(--ai-input);width:100%;min-width:0;color:var(--ai-text);border:1px solid var(--ai-border);-moz-appearance:textfield;border-radius:2px;outline:none;padding:2px 3px;font-size:11px}.ab-prop input:hover{border-color:var(--ai-text-dim)}.ab-prop input:focus{border-color:var(--ai-accent)}.ab-prop input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ab-prop input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.context-menu{z-index:1000;background:var(--ai-panel);border:1px solid var(--ai-border-light);border-radius:4px;flex-direction:column;min-width:130px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 16px #0006}.context-menu-item{color:var(--ai-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:5px 10px;font-size:12px}.context-menu-item:hover{background:var(--ai-accent);color:#fff}.context-menu-item.danger:hover{background:#c0392b}.panel-footer{background:0 0;border-top:1px solid #0000002e;gap:2px;padding:6px 8px;display:flex}.panel-footer button{background:var(--ai-btn);height:22px;color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:2px;flex:1;font-size:13px;transition:background .1s}.panel-footer button:hover{background:var(--ai-btn-hover);color:var(--ai-text)}#status-bar{height:var(--statusbar-h);background:var(--ai-panel-darker);border-top:1px solid var(--ai-border);color:var(--ai-text-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;display:flex}.status-left,.status-center,.status-right{align-items:center;gap:6px;display:flex}.status-left{min-width:180px}.status-right{justify-content:flex-end;min-width:200px}#zoom-select{background:var(--ai-input);height:16px;color:var(--ai-text);border:1px solid var(--ai-border-light);border-radius:2px;padding:0 2px;font-size:11px}.status-btn{background:var(--ai-btn);width:18px;height:16px;color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:12px;transition:background .1s;display:flex}.status-btn:hover{background:var(--ai-btn-hover);color:var(--ai-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ai-panel-dark)}::-webkit-scrollbar-thumb{background:var(--ai-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ai-text-dim)}#svg-canvas[data-tool=select],#svg-canvas[data-tool=directSelect]{cursor:default}#svg-canvas[data-tool=rect],#svg-canvas[data-tool=roundedRect],#svg-canvas[data-tool=ellipse],#svg-canvas[data-tool=line],#svg-canvas[data-tool=polyline],#svg-canvas[data-tool=polygon],#svg-canvas[data-tool=star],#svg-canvas[data-tool=path]{cursor:crosshair}#svg-canvas[data-tool=text]{cursor:text}#svg-canvas[data-tool=hand]{cursor:grab}#svg-canvas[data-tool=zoom]{cursor:zoom-in}#svg-canvas[data-tool=eyedropper],#svg-canvas[data-tool=artboard]{cursor:crosshair}.cpicker-overlay{z-index:500;position:fixed;inset:0}.cpicker-panel{background:var(--ai-panel);border:1px solid var(--ai-border-light);z-index:501;border-radius:4px;width:240px;padding:10px;position:fixed;box-shadow:0 6px 24px #00000080}.cpicker-header{color:var(--ai-text-bright);margin-bottom:8px;font-size:12px;font-weight:600}.cpicker-preview-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cpicker-preview{border:1px solid var(--ai-border-light);border-radius:3px;flex-shrink:0;width:40px;height:40px}.cpicker-preview.cpicker-none{position:relative;background:#fff!important}.cpicker-preview.cpicker-none:after{content:"";background:linear-gradient(to bottom right,#0000 45%,red 45% 55%,#0000 55%);position:absolute;inset:0}.cpicker-hex-wrap{align-items:center;gap:2px;display:flex}.cpicker-hash{color:var(--ai-text-dim);font-size:12px}.cpicker-hex{background:var(--ai-input);width:70px;height:22px;color:var(--ai-text);border:1px solid var(--ai-border-light);text-transform:uppercase;border-radius:2px;padding:0 6px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.cpicker-hex:focus{border-color:var(--ai-accent);outline:none}.cpicker-slider-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.cpicker-slider-label{color:var(--ai-text-dim);flex-shrink:0;width:10px;font-size:11px;font-weight:600}.cpicker-slider{height:3px;accent-color:var(--ai-accent);flex:1}.cpicker-slider-val{background:var(--ai-input);width:36px;height:20px;color:var(--ai-text);border:1px solid var(--ai-border-light);text-align:center;border-radius:2px;flex-shrink:0;padding:0 3px;font-size:11px}.cpicker-slider-val:focus{border-color:var(--ai-accent);outline:none}.cpicker-divider{background:var(--ai-border-light);height:1px;margin:8px 0}.cpicker-swatches{grid-template-columns:repeat(auto-fill,16px);gap:2px;display:grid}.cpicker-tabs{border-radius:3px;gap:2px;margin-bottom:8px;display:flex;overflow:hidden}.cpicker-tab{background:var(--ai-btn);color:var(--ai-text-dim);cursor:pointer;border:none;flex:1;padding:4px 0;font-size:11px;transition:background .1s}.cpicker-tab.active{background:var(--ai-accent);color:#fff}.cpicker-tab:hover:not(.active){background:var(--ai-btn-hover)}.cpicker-content{min-height:80px}.cpicker-grad-preview{border:1px solid var(--ai-border-light);border-radius:3px;height:28px;margin-bottom:6px}.cpicker-stop-bar{background:var(--ai-input);border:1px solid var(--ai-border-light);cursor:pointer;border-radius:2px;height:18px;margin-bottom:6px;position:relative}.cpicker-stop-handle{border:2px solid var(--ai-border-light);cursor:ew-resize;box-sizing:border-box;border-radius:2px;width:10px;height:20px;margin-left:-5px;position:absolute;top:-2px}.cpicker-stop-handle.active{border-color:var(--ai-accent);z-index:1}.cpicker-stop-editor{margin-bottom:6px}.cpicker-stop-edit-row{color:var(--ai-text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.cpicker-stop-color{border:1px solid var(--ai-border-light);cursor:pointer;background:0 0;border-radius:2px;width:28px;height:20px;padding:0}.cpicker-stop-rm{background:var(--ai-btn);color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:2px;margin-left:auto;padding:2px 5px;font-size:11px;transition:background .1s}.cpicker-stop-rm:hover{color:#fff;background:#c00}.cpicker-dir-row{color:var(--ai-text-dim);align-items:center;gap:4px;margin-bottom:4px;font-size:11px;display:flex}.cpicker-dir-row label{flex-shrink:0;min-width:40px}.cpicker-select{background:var(--ai-input);height:22px;color:var(--ai-text);border:1px solid var(--ai-border-light);border-radius:2px;flex:1;padding:0 4px;font-size:11px}.cpicker-pat-preview{border:1px solid var(--ai-border-light);border-radius:3px;height:48px;margin-bottom:6px;overflow:hidden}.cpicker-upload-btn{background:var(--ai-btn);width:100%;color:var(--ai-text);cursor:pointer;border:none;border-radius:3px;margin-bottom:6px;padding:6px;font-size:12px;transition:background .1s}.cpicker-upload-btn:hover{background:var(--ai-btn-hover);color:var(--ai-accent)}.layer-indent{flex-shrink:0;height:100%;display:inline-flex;position:relative}.layer-indent-guide{background:var(--ai-border-light);width:1px;position:absolute;top:0;bottom:0}.layer-child{background:#ffffff04}.layer-child:hover{background:var(--ai-hover)}.layer-group{font-weight:500}.layer-color-group{background:#e0a030}.layer-tree-connector{border-left:1px solid var(--ai-border-light);border-bottom:1px solid var(--ai-border-light);border-radius:0 0 0 2px;flex-shrink:0;width:10px;height:10px;margin-bottom:4px}.layer-group-toggle{cursor:pointer;text-align:center;opacity:.6;flex-shrink:0;width:12px;font-size:9px;line-height:1}.layer-group-toggle:hover{opacity:1}.symbol-place-btn{background:var(--ai-btn);color:var(--ai-text);cursor:pointer;border:none;border-radius:3px;margin-left:auto;padding:0 5px;font-size:12px;line-height:16px;transition:background .1s}.symbol-place-btn:hover{background:var(--ai-btn-hover);color:#fff}.panel-unit{color:var(--ai-text-dim);margin-left:2px;font-size:11px}.ctrl-unit{color:var(--ai-text-dim);margin-left:1px;margin-right:4px;font-size:11px}#ctrl-rotation,#prop-rotation{width:52px}.hidden{display:none!important}g[data-boolean]>[data-bool-operand]{display:none}g[data-boolean][data-bool-editing]>[data-bool-operand]{fill:#2d7ff90d;stroke:#2d7ff9;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:4 3;display:inline}g[data-boolean][data-bool-editing]>[data-bool-result]{opacity:.45}.pathfinder-buttons button:disabled{opacity:.35;cursor:default;pointer-events:none}.pathfinder-row{gap:6px;margin-top:8px;display:flex}.pf-text-btn{border:1px solid var(--ai-border,#3a3a3a);color:var(--ai-text,#ddd);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:4px 6px;font-size:11px}.pf-text-btn:hover{background:var(--ai-hover,#ffffff0f)}.pf-text-btn.active{color:#fff;background:#2d7ff9;border-color:#2d7ff9}.pathfinder-hint{color:var(--ai-text-dim,#888);text-align:center;margin-top:6px;font-size:10px}.pathfinder-popover{z-index:1000;background:var(--ai-panel,#2a2a2a);border:1px solid var(--ai-border,#444);border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 16px #0006}.pathfinder-popover[hidden]{display:none}.pathfinder-popover button{width:30px;height:26px;color:var(--ai-text,#ddd);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;display:flex}.pathfinder-popover button:hover{background:var(--ai-hover,#ffffff14);color:#fff}.pathfinder-popover button svg{width:22px;height:14px}.pathfinder-popover .pf-pop-sep{background:var(--ai-border,#444);align-self:stretch;width:1px;margin:2px 3px}.pathfinder-popover .pf-pop-swap.active{color:#fff;background:#2d7ff9}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(./roboto-latin-400-normal-BqEyEoaF.woff2)format("woff2"),url(./roboto-latin-400-normal-DyYNIH4P.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./open-sans-latin-400-normal-Bk63H6sG.woff2)format("woff2"),url(./open-sans-latin-400-normal-DKniycaP.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(./montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(./montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(./lato-latin-400-normal-BEhtfm5r.woff2)format("woff2"),url(./lato-latin-400-normal-B11PyLys.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(./poppins-latin-400-normal-BOb3E3N0.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Raleway;font-style:normal;font-display:swap;font-weight:400;src:url(./raleway-latin-400-normal-C5eIEfLm.woff2)format("woff2"),url(./raleway-latin-400-normal-sMcq1OIP.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(./roboto-condensed-latin-400-normal-BICmKrXV.woff2)format("woff2"),url(./roboto-condensed-latin-400-normal-D2e7XwB1.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(./source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(./source-sans-3-latin-400-normal-AFMiCETP.woff)format("woff")}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./work-sans-latin-400-normal-jUejSri3.woff2)format("woff2"),url(./work-sans-latin-400-normal-DE1_0GuN.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:400;src:url(./quicksand-latin-400-normal-BSDtH9U0.woff2)format("woff2"),url(./quicksand-latin-400-normal-BqXBKzPR.woff)format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./josefin-sans-latin-400-normal-Bw73c5y2.woff2)format("woff2"),url(./josefin-sans-latin-400-normal-OLNf33Pm.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(./archivo-latin-400-normal-Bl602Mgc.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(./space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(./playfair-display-latin-400-normal-CFtfchNt.woff2)format("woff2"),url(./playfair-display-latin-400-normal-DHYHbkg3.woff)format("woff")}@font-face{font-family:Merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(./merriweather-latin-400-normal-G4kZaoXi.woff2)format("woff2"),url(./merriweather-latin-400-normal-CvqO63Ah.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(./libre-baskerville-latin-400-normal-C42RasBZ.woff2)format("woff2"),url(./libre-baskerville-latin-400-normal-B6A5kCEq.woff)format("woff")}@font-face{font-family:PT Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./pt-serif-latin-400-normal-Cx0mQj7e.woff2)format("woff2"),url(./pt-serif-latin-400-normal-DIu_lRW0.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:400;src:url(./oswald-latin-400-normal-BAFo8sP8.woff2)format("woff2"),url(./oswald-latin-400-normal-D1wpMXgf.woff)format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(./bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(./anton-latin-400-normal-AUNGEG_V.woff)format("woff")}@font-face{font-family:Lobster;font-style:normal;font-display:swap;font-weight:400;src:url(./lobster-latin-400-normal-VmWungf4.woff2)format("woff2"),url(./lobster-latin-400-normal-Cc8ENR_t.woff)format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(./dancing-script-latin-400-normal--YrtvvVF.woff2)format("woff2"),url(./dancing-script-latin-400-normal-BY5FxJb0.woff)format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-400-normal-7HIToT7q.woff2)format("woff2"),url(./pacifico-latin-400-normal-DArfF-vd.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(./caveat-latin-400-normal-D6LQsQ_v.woff2)format("woff2"),url(./caveat-latin-400-normal-BzhAQZkN.woff)format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./roboto-mono-latin-400-normal-GekRknry.woff2)format("woff2"),url(./roboto-mono-latin-400-normal-CbJMAmM6.woff)format("woff")}