*{box-sizing:border-box;margin:0;padding:0}:root{--ai-bg:#2c2f36;--ai-panel:#21242c;--ai-panel-dark:#1c1f26;--ai-panel-darker:#171a20;--ai-input:#14161b;--ai-border:#2d313b;--ai-border-light:#3b414f;--ai-text:#c9cdd6;--ai-text-dim:#868d9b;--ai-text-bright:#edf0f5;--ai-accent:#4d7cfe;--ai-accent-dim:#3a5ad4;--ai-highlight:#2a3040;--ai-hover:#2a3040;--ai-active:#313849;--ai-btn:#2a2f3b;--ai-btn-hover:#353b49;--ai-menu-bg:#1b1e25;--ai-menu-hover:#2a3040;--ai-white:#fff;--ai-black:#000;--ai-danger:#f2564d;--toolbar-w:40px;--left-panel-w:240px;--ruler-size:20px;--panel-w:260px;--menubar-h:24px;--statusbar-h:22px;--tabbar-h:34px;--z-hud:50;--z-chrome:100;--z-menu:200;--z-popover:300;--z-picker:500;--z-floating:1000;--z-modal:10000;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-xl: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}label.num-scrub,input[type=number]:not(:focus){cursor:ew-resize}body.num-scrubbing,body.num-scrubbing *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#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:var(--z-chrome);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);min-width:220px;z-index:var(--z-menu);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:var(--z-floating);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}.modal-overlay{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{box-sizing:border-box;background:var(--ai-panel);border:1px solid var(--ai-border-light);max-width:90vw;max-height:85vh;color:var(--ai-text);border-radius:8px;font-size:13px;position:relative;overflow-y:auto;box-shadow:0 16px 48px #0000008c}.modal-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}.modal-close:hover{color:var(--ai-text-bright)}.export-dialog{width:420px}.modal-header{border-bottom:1px solid var(--ai-border);padding:14px 18px 10px}.modal-title{font-size:var(--text-md);color:var(--ai-text-bright);font-weight:600}.modal-body{padding:14px 18px}.modal-footer{border-top:1px solid var(--ai-border);justify-content:flex-end;gap:var(--space-2);padding:10px 18px 14px;display:flex}.btn{background:var(--ai-btn);border:1px solid var(--ai-border-light);color:var(--ai-text);padding:6px var(--space-4);cursor:pointer;font-size:var(--text-sm);border-radius:3px}.btn:hover{background:var(--ai-btn-hover)}.btn--primary{background:var(--ai-accent);border-color:var(--ai-accent-dim);color:var(--ai-white);padding:6px 20px;font-weight:600}.btn--primary:hover{background:var(--ai-accent-dim)}.btn--sm{font-size:var(--text-xs);padding:3px 10px}.ui-select{box-sizing:border-box;background:var(--ai-input);width:100%;height:28px;color:var(--ai-text);border:1px solid var(--ai-border-light);padding:0 var(--space-2);border-radius:3px}.field{margin-bottom:14px}.field-label{margin-bottom:var(--space-1);color:var(--ai-text-dim);font-size:var(--text-xs);display:block}.field-actions{gap:var(--space-2);margin-bottom:6px;display:flex}.check-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);cursor:pointer;border-radius:3px;display:flex}.check-row:hover{background:var(--ai-highlight)}.check-row input{accent-color:var(--ai-accent)}.about-dialog{text-align:center;width:420px;padding:32px 32px 26px}.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-copyright{letter-spacing:.3px;color:var(--ai-text-dim);font-size:11px}#account-area{margin-left:auto;margin-right:6px;position:relative}#account-btn{cursor:pointer;border:1px solid #0000;align-items:center;max-width:220px;height:20px;font-size:12px;line-height:1;transition:background .15s,box-shadow .15s,color .15s,filter .1s,transform 60ms;display:inline-flex}#account-btn:active{transform:translateY(.5px)}#account-btn.account-cta{color:#fff;background:var(--ai-accent);border-radius:10px;gap:6px;padding:0 11px 0 9px;font-weight:600;box-shadow:0 1px 3px #0000004d}#account-btn.account-cta:hover{filter:brightness(1.08);box-shadow:0 2px 9px #2196f380}.account-cta-icon{width:14px;height:14px;display:flex}.account-cta-icon svg{width:100%;height:100%;display:block}#account-btn.account-chip{color:var(--ai-text);background:var(--ai-btn);border-color:var(--ai-border-light);border-radius:11px;gap:7px;padding:0 10px 0 3px}#account-btn.account-chip:hover{background:var(--ai-btn-hover);color:var(--ai-text-bright)}.account-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-popover{background:var(--ai-menu-bg);border:1px solid var(--ai-border);min-width:180px;z-index:var(--z-popover);border-radius:4px;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-dialog:focus{outline:none}.signin-providers{flex-direction:column;gap:10px;margin:24px 0 4px;display:flex}.signin-provider{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:11px;padding:11px 18px;font-size:14px;font-weight:500;transition:box-shadow .15s,filter .12s,transform 60ms;display:flex;position:relative}.signin-provider:active:not(:disabled){transform:translateY(1px)}.signin-provider:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px}.signin-provider-logo{flex-shrink:0;width:20px;height:20px;display:flex}.signin-provider-logo svg{width:100%;height:100%;display:block}.signin-provider--google{color:#1f1f1f;background:#fff}.signin-provider--google:hover:not(:disabled){filter:brightness(.97);box-shadow:0 2px 12px #00000059}.signin-provider--discord{color:#fff;background:#5865f2}.signin-provider--discord:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 4px 16px #5865f273}.signin-provider:disabled{cursor:default}.signin-provider:disabled:not(.is-loading){opacity:.45}.signin-spinner{opacity:.85;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite signin-spin;display:none;position:absolute;right:16px}.signin-provider.is-loading .signin-spinner{display:block}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-error{color:#ff6b6b;margin-top:14px;font-size:12px;line-height:1.4}.signin-fineprint{color:var(--ai-text-dim);margin-top:16px;font-size:11px}.signin-link{font:inherit;color:var(--ai-text);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.signin-link:hover{color:var(--ai-text-bright)}.legal-dialog{text-align:left;flex-direction:column;width:560px;max-height:82vh;padding:24px 0 0;display:flex}.legal-dialog:focus{outline:none}.legal-heading{text-align:center;margin:0 28px}.legal-tabs{justify-content:center;gap:8px;margin:14px 28px 0;display:flex}.legal-tab{color:var(--ai-text);background:var(--ai-panel-darker);border:1px solid var(--ai-border-light);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12px}.legal-tab:hover{background:var(--ai-menu-hover);color:var(--ai-text-bright)}.legal-body{color:var(--ai-text);margin-top:16px;padding:4px 28px 24px;font-size:13px;line-height:1.55;overflow-y:auto}.legal-body section+section{margin-top:26px}.legal-body h2{color:var(--ai-text-bright);margin-bottom:2px;font-size:16px}.legal-body h3{color:var(--ai-text-bright);margin:16px 0 2px;font-size:13px}.legal-body p{margin:6px 0}.legal-body .legal-date{color:var(--ai-text-dim);margin-top:0;font-size:11px}.legal-body a{color:var(--ai-accent)}.legal-contact-link{font:inherit;color:var(--ai-accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.contact-dialog{text-align:left;width:440px}.contact-dialog .about-title,.contact-dialog .about-tagline{text-align:center}.contact-dialog:focus{outline:none}.contact-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.contact-field{color:var(--ai-text);flex-direction:column;gap:5px;font-size:12px;display:flex}.contact-optional{color:var(--ai-text-dim);font-weight:400}.contact-field input,.contact-field textarea{width:100%;color:var(--ai-text-bright);background:var(--ai-input);border:1px solid var(--ai-border-light);resize:vertical;border-radius:6px;padding:8px 10px;font-size:13px}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--ai-accent);outline:none}.contact-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-submit{color:#fff;background:var(--ai-accent);cursor:pointer;border:1px solid #0000;border-radius:6px;margin-top:2px;padding:10px 16px;font-size:13px;font-weight:600;transition:filter .12s,box-shadow .15s}.contact-submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 2px 9px #2196f373}.contact-submit:disabled{opacity:.6;cursor:default}.contact-error{color:#ff6b6b;font-size:12px;line-height:1.4}.contact-thanks{text-align:center;color:var(--ai-text-bright);margin-top:22px;font-size:14px}.contact-unavailable{text-align:center;color:var(--ai-text-dim);margin-top:20px;font-size:13px}.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}#workspace{grid-template-columns:var(--left-panel-w) 1fr var(--panel-w);flex:1;grid-template-rows:1fr;display:grid;position:relative;overflow:hidden}#left-panel{background:var(--ai-panel-darker);border-right:1px solid var(--ai-border);flex-direction:column;grid-area:1/1/-1;padding:8px;display:flex;overflow:hidden}#toolbar{z-index:var(--z-hud);background:var(--ai-panel);border:1px solid var(--ai-border);border-radius:10px;flex-direction:row;align-items:center;gap:2px;max-width:calc(100vw - 40px);padding:5px 8px;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.tool-section{flex-direction:row;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:1px;height:22px;margin:0 3px}.tool-spacer{display:none}.toolbar-swatches{align-items:center;gap:4px;padding:0 2px 0 4px;display:flex}#tab-bar{height:var(--tabbar-h);min-height:var(--tabbar-h);background:var(--ai-panel-darker);border-bottom:1px solid var(--ai-border);align-items:stretch;gap:2px;padding:0 4px;display:flex;overflow-x:auto}#tab-list{align-items:stretch;gap:2px;display:flex}.doc-tab{max-width:200px;color:var(--ai-text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-top:2px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex}.doc-tab:hover{background:var(--ai-btn-hover);color:var(--ai-text)}.doc-tab.active{color:var(--ai-text);background:var(--ai-panel);border-top-color:var(--ai-accent,#2d7ff9)}.doc-tab .doc-tab-name{text-overflow:ellipsis;overflow:hidden}.doc-tab .doc-tab-dirty{color:var(--ai-accent,#2d7ff9);font-size:14px;line-height:1}.doc-tab .doc-tab-close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;width:16px;height:16px;line-height:1}.doc-tab .doc-tab-close:hover{opacity:1;background:var(--ai-btn)}#tab-new{width:24px;height:24px;color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-self:center;margin-left:2px;font-size:16px;line-height:1}#tab-new:hover{background:var(--ai-btn-hover);color:var(--ai-text)}.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)}#canvas-area{background:var(--ai-bg);grid-area:1/2;position:relative;overflow:hidden}#svg-canvas{cursor:default;width:100%;height:100%;display:block}#pasteboard{fill:var(--ai-bg)}.gesture-hud{border:1px solid var(--ai-border);color:var(--ai-text-dim);pointer-events:none;z-index:var(--z-hud);background:#282828eb;border-radius:7px;gap:8px;padding:6px 8px;font-size:11px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.gesture-hud[hidden]{display:none}.gesture-hud-chip{border-radius:5px;align-items:center;gap:5px;padding:2px 7px 2px 4px;transition:background .1s,color .1s;display:inline-flex}.gesture-hud-chip.active{background:var(--ai-accent);color:#fff}.gesture-hud-chip kbd{text-align:center;min-width:16px;color:var(--ai-text-bright);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:3px;padding:1px 4px;font-family:inherit;font-size:10px}.gesture-hud-chip.active kbd{color:#fff;background:#ffffff40;border-color:#fff6}.gesture-hud-label{white-space:nowrap}.group-hint{border:1px solid var(--ai-border);max-width:92%;color:var(--ai-text-dim);pointer-events:none;z-index:var(--z-hud);background:#282828eb;border-radius:7px;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 8px;font-size:11px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.group-hint[hidden]{display:none}#panels{background:var(--ai-panel-darker);border-left:1px solid var(--ai-border);flex-direction:column;grid-area:1/3/-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;min-width:0;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-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}.ap-actions{gap:4px;margin-left:auto;margin-right:6px;display:flex}.ap-add-btn{background:var(--ai-btn);color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:3px;padding:2px 6px;font-size:10px;line-height:1.4}.ap-add-btn:hover{background:var(--ai-accent);color:#fff}.ap-list{flex-direction:column;gap:3px;display:flex}.ap-row{background:var(--ai-btn);border-radius:3px;align-items:center;gap:5px;padding:3px 2px;display:flex}.ap-row.ap-hidden{opacity:.45}.ap-row .ap-kind{color:var(--ai-text-dim);min-width:38px;font-size:11px}.ap-row .ap-color{border:1px solid var(--ai-border);cursor:pointer;background:0 0;border-radius:3px;flex:none;width:22px;height:20px;padding:0}.ap-row .ap-width{flex:none;width:40px}.ap-row .ap-opacity{height:3px;accent-color:var(--ai-accent);flex:1;min-width:40px}.ap-row .ap-vis,.ap-row .ap-del,.ap-reorder button{color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:1px;display:flex}.ap-row .ap-vis:hover,.ap-row .ap-del:hover,.ap-reorder button:hover{color:var(--ai-text)}.ap-reorder{flex-direction:column;font-size:8px;line-height:.7;display:flex}.ap-reorder button{height:9px;font-size:7px}.ap-reorder button:disabled{opacity:.3;cursor:default}.ap-empty{color:var(--ai-text-dim);text-align:center;padding:6px 2px;font-size:11px}.fp-row,.fp-grid-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fp-grid-head .appearance-label{margin-right:auto}.fp-grid-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.fp-mini{color:var(--ai-text-dim);font-size:11px}.fp-grid-row .ap-color{border:1px solid var(--ai-border);cursor:pointer;background:0 0;border-radius:3px;flex:none;width:22px;height:20px;padding:0}.fp-toggle{cursor:pointer;background:var(--ai-btn);min-width:40px;color:var(--ai-text-dim);border:1px solid #0000;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:550}.fp-toggle.active{background:var(--ai-accent);color:#fff}.fp-vis{background:var(--ai-btn);width:24px;height:22px;color:var(--ai-text-dim);cursor:pointer;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.fp-vis.active{color:var(--ai-text-bright)}.fp-icon{width:22px;height:22px;color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.fp-icon:hover{background:var(--ai-danger);color:#fff}.width-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.width-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.width-preset{background:var(--ai-btn);color:var(--ai-text-dim);cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:6px 4px;display:flex}.width-preset svg{width:100%;height:18px}.width-preset:hover{border-color:var(--ai-accent);color:var(--ai-text)}.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}.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}.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}.context-menu{z-index:var(--z-floating);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:var(--z-picker);position:fixed;inset:0}.cpicker-panel{background:var(--ai-panel);border:1px solid var(--ai-border-light);width:240px;z-index:calc(var(--z-picker) + 1);border-radius:4px;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}#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:var(--z-floating);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}.fx-color{border:1px solid var(--ai-border,#444);cursor:pointer;background:0 0;border-radius:4px;width:24px;height:22px;padding:0}.appearance-select{border:1px solid var(--ai-border,#444);background:var(--ai-input,#1e1e1e);min-width:0;color:var(--ai-text,#ddd);border-radius:4px;flex:1;padding:3px 4px;font-size:11px}.cloud-status{color:var(--ai-text-dim);white-space:nowrap;opacity:0;pointer-events:none;margin-left:auto;margin-right:10px;font-size:11px;transition:opacity .2s}.cloud-status.show{opacity:1}.cloud-status.saved{color:#4caf50}.cloud-status.error{color:#ff6b6b}.cloud-dialog{text-align:left;flex-direction:column;width:880px;max-width:94vw;max-height:86vh;padding:0;display:flex;overflow:hidden}.cloud-head{border-bottom:1px solid var(--ai-border);align-items:center;gap:16px;padding:18px 22px 14px;display:flex}.cloud-title{letter-spacing:-.01em;color:var(--ai-text-bright);margin:0;font-size:17px;font-weight:650}.cloud-segmented{background:var(--ai-panel-darker);border-radius:9px;gap:2px;padding:3px;display:flex}.cloud-seg{color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 14px;font-size:12px;font-weight:500;transition:color .12s,background .12s}.cloud-seg:hover{color:var(--ai-text)}.cloud-seg.active{background:var(--ai-btn);color:var(--ai-text-bright);box-shadow:0 1px 2px #00000040}.cloud-x{width:30px;height:30px;color:var(--ai-text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;font-size:14px;transition:background .12s,color .12s;display:flex}.cloud-x:hover{background:var(--ai-hover);color:var(--ai-text-bright)}.cloud-cats{flex-wrap:wrap;gap:6px;padding:12px 22px 0;display:flex}.cloud-cats:empty{display:none}.cloud-chip{cursor:pointer;background:var(--ai-btn);color:var(--ai-text-dim);border:1px solid #0000;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:500;transition:color .12s,background .12s,border-color .12s}.cloud-chip:hover{color:var(--ai-text)}.cloud-chip.active{background:var(--ai-accent);color:#fff}.cloud-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 22px 22px;display:grid;overflow-y:auto}@media (width<=720px){.cloud-grid{grid-template-columns:repeat(2,1fr)}}.cloud-card{background:var(--ai-panel-dark);border:1px solid var(--ai-border);border-radius:12px;flex-direction:column;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex;overflow:hidden}.cloud-card:not(.cloud-skel):hover{border-color:var(--ai-border-light);transform:translateY(-2px);box-shadow:0 8px 22px #00000052}.cloud-thumb{aspect-ratio:4/3;cursor:pointer;background-color:#191c22;background-image:linear-gradient(45deg,#21252d 25%,#0000 25%),linear-gradient(-45deg,#21252d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#21252d 75%),linear-gradient(-45deg,#0000 75%,#21252d 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:none;padding:0;position:relative;overflow:hidden}.cloud-thumb img{object-fit:contain;opacity:0;width:100%;height:100%;padding:10px;transition:opacity .2s}.cloud-thumb.loaded img{opacity:1}.cloud-thumb-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cloud-thumb-err .cloud-thumb-fallback:after,.cloud-skel .cloud-thumb:after{content:"";background:var(--ai-border);border-radius:6px;width:26px;height:26px}.cloud-thumb .cloud-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.cloud-thumb .cloud-pill~.cloud-pill{top:8px;left:auto;right:8px}.cloud-cardmeta{align-items:center;gap:8px;padding:10px 12px;display:flex}.cloud-cardinfo{flex:1;min-width:0}.cloud-cardname{color:var(--ai-text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:550;overflow:hidden}.cloud-cardsub{color:var(--ai-text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.cloud-more{width:26px;height:26px;color:var(--ai-text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s;display:flex}.cloud-more svg{fill:currentColor}.cloud-card:hover .cloud-more{opacity:1}.cloud-more:hover{background:var(--ai-hover);color:var(--ai-text-bright)}.cloud-menu{z-index:5;background:var(--ai-menu-bg);border:1px solid var(--ai-border-light);border-radius:10px;min-width:168px;padding:5px;position:absolute;box-shadow:0 12px 32px #00000080}.cloud-menu-item{text-align:left;width:100%;color:var(--ai-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:12px;display:block}.cloud-menu-item:hover{background:var(--ai-menu-hover);color:var(--ai-text-bright)}.cloud-menu-item.danger:hover{background:var(--ai-danger);color:#fff}.cloud-empty{text-align:center;color:var(--ai-text-dim);grid-column:1/-1;padding:56px 20px}.cloud-empty-ico{color:var(--ai-border-light);margin-bottom:12px}.cloud-empty p{color:var(--ai-text);margin:0 0 4px;font-size:14px;font-weight:550}.cloud-empty span{font-size:12px}.cloud-skel{pointer-events:none}.cloud-skelbar{background:var(--ai-border);border-radius:5px;height:9px;margin:3px 0;display:block}.cloud-skelbar.short{width:55%}.cloud-skel .cloud-thumb,.cloud-skelbar{animation:1.3s ease-in-out infinite cloud-pulse}@keyframes cloud-pulse{0%,to{opacity:1}50%{opacity:.55}}.dlg{text-align:left;width:400px;max-width:92vw;padding:0;overflow:hidden}.dlg-head{padding:20px 22px 0}.dlg-title{color:var(--ai-text-bright);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:650}.dlg-msg{color:var(--ai-text-dim);margin:8px 0 0;font-size:13px;line-height:1.5}.dlg-body{flex-direction:column;gap:14px;padding:16px 22px 4px;display:flex}.dlg-body:empty{padding:6px 0 0}.dlg-field{flex-direction:column;gap:6px;display:flex}.dlg-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ai-text-dim);font-size:11px;font-weight:600}.dlg-input{background:var(--ai-input);height:36px;color:var(--ai-text-bright);border:1px solid var(--ai-border-light);border-radius:8px;padding:0 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.dlg-input:focus{border-color:var(--ai-accent);outline:none;box-shadow:0 0 0 3px #4d7cfe38}.dlg-seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dlg-seg-btn{text-align:left;border:1px solid var(--ai-border-light);background:var(--ai-input);color:var(--ai-text-dim);cursor:pointer;border-radius:9px;flex-direction:column;gap:2px;padding:9px 12px;transition:border-color .12s,background .12s,color .12s;display:flex}.dlg-seg-btn:hover{border-color:var(--ai-text-dim)}.dlg-seg-btn.active{border-color:var(--ai-accent);color:var(--ai-text-bright);background:#4d7cfe1f}.dlg-seg-label{font-size:13px;font-weight:600}.dlg-seg-hint{color:var(--ai-text-dim);font-size:11px}.dlg-foot{justify-content:flex-end;gap:8px;padding:16px 22px 20px;display:flex}.dlg-btn{cursor:pointer;background:var(--ai-btn);height:34px;color:var(--ai-text);border:1px solid #0000;border-radius:8px;padding:0 16px;font-size:13px;font-weight:550;transition:background .12s,color .12s}.dlg-btn:hover{background:var(--ai-btn-hover);color:var(--ai-text-bright)}.dlg-btn-primary{background:var(--ai-accent);color:#fff}.dlg-btn-primary:hover{color:#fff;background:#5d89ff}.dlg-btn-danger{background:var(--ai-danger);color:#fff}.dlg-btn-danger:hover{color:#fff;background:#ff6a61}.offset-dialog{width:300px}.offset-dialog-body{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.offset-dialog-title{color:var(--ai-text,#eee);font-size:14px;font-weight:600}.offset-dialog-label{color:var(--ai-text-dim,#999);font-size:11px}.offset-dialog-input{background:var(--ai-input,#1e1e1e);height:30px;color:var(--ai-text,#ddd);border:1px solid var(--ai-border,#4a4a4a);border-radius:4px;padding:0 8px;font-size:13px}.offset-dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.offset-btn{cursor:pointer;color:var(--ai-text,#ddd);border:1px solid var(--ai-border,#4a4a4a);background:0 0;border-radius:4px;padding:6px 14px;font-size:12px}.offset-btn-primary{color:#fff;background:#2d7ff9;border-color:#2d7ff9}.tooltip{z-index:10000;color:#fff;pointer-events:none;white-space:normal;background:#111;border:1px solid #ffffff14;border-radius:6px;max-width:260px;padding:5px 9px;font-size:11px;line-height:1.35;position:fixed;box-shadow:0 4px 14px #00000073}.tooltip[hidden]{display:none}.layer-export{width:20px;height:20px;color:var(--ai-text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex:none;justify-content:center;align-items:center;margin-left:auto;transition:opacity .1s;display:flex}.layer-item:hover .layer-export{opacity:.75}.layer-export:hover{opacity:1;background:var(--ai-btn-hover);color:var(--ai-text)}.swatches-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.swatch-chip{aspect-ratio:1;border:1px solid var(--ai-border,#444);cursor:pointer;border-radius:4px;min-width:0;padding:0}.swatch-chip:hover{outline:2px solid var(--ai-accent,#2d7ff9);outline-offset:1px}.share-dialog{text-align:left;width:460px;max-width:92vw;padding:22px}.share-dialog .cloud-title{margin:0 0 6px;font-size:16px;font-weight:650}.share-hint{color:var(--ai-text-dim);margin:0 0 16px;font-size:12px;line-height:1.5}.share-add{gap:8px;margin-bottom:8px;display:flex}.share-email{border:1px solid var(--ai-border-light);background:var(--ai-input);height:36px;color:var(--ai-text-bright);border-radius:8px;flex:1;padding:0 12px;transition:border-color .12s,box-shadow .12s}.share-email:focus{border-color:var(--ai-accent);outline:none;box-shadow:0 0 0 3px #4d7cfe38}.share-role,.share-row-role{border:1px solid var(--ai-border-light);background:var(--ai-input);height:36px;color:var(--ai-text);border-radius:8px;padding:0 8px}.share-invite{background:var(--ai-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;height:36px;padding:0 16px;font-weight:550}.share-invite:hover{background:#5d89ff}.share-msg{color:var(--ai-danger);min-height:16px;margin-bottom:8px;font-size:12px}.share-list{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.share-row{background:var(--ai-panel-dark);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.share-who{color:var(--ai-text-bright);text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.share-remove{cursor:pointer;color:var(--ai-text-dim);border:1px solid var(--ai-border-light);background:0 0;border-radius:7px;padding:5px 10px;font-size:11px}.share-remove:hover{background:var(--ai-danger);border-color:var(--ai-danger);color:#fff}.cloud-empty{color:var(--ai-text-dim);text-align:center;padding:20px;font-size:13px}@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")}