.ca-loading{vertical-align:middle;max-width:100%;color:inherit;justify-content:center;align-items:center;gap:8px;display:inline-flex}.ca-loading-mark{flex:none;width:25px;height:25px;display:inline-block;position:relative}.ca-loading-lottie,.ca-loading-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.ca-loading-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.ca-loading-detail{color:var(--ca-muted);max-width:390px;font-size:12px;font-weight:400;line-height:1.8}.ca-loading-panel,.ca-loading-page{text-align:center;width:100%;color:var(--ca-text);flex-direction:column;padding:28px;display:flex}.ca-loading-panel .ca-loading-mark{width:64px;height:64px}.ca-loading-panel .ca-loading-label{font-size:14px;font-weight:700}.ca-loading-page{gap:20px;min-height:350px}.ca-loading-page .ca-loading-mark{width:96px;height:96px}.ca-loading-page .ca-loading-label{letter-spacing:-.5px;font-size:22px;font-weight:700}.ca-app-loading{z-index:900;background:var(--ca-bg);place-items:center;display:grid;position:fixed;inset:0}.ca-app-loading .ca-loading-page{width:auto}.ca-opening-loading{z-index:800;background:color-mix(in srgb, var(--ca-bg) 94%, transparent);place-items:center;display:grid;position:fixed;inset:64px 0 0}.generation-result .ca-loading-page{border:1px dashed var(--ca-border);background:radial-gradient(ellipse at 50% 35%, var(--ca-gold-bg), transparent 70%);border-radius:16px;min-height:460px}.generation-refresh-loading{border:1px solid var(--ca-border);background:var(--ca-gold-bg);border-radius:12px;margin-bottom:16px}.legacy-frame-loading{background:var(--ca-bg);z-index:1;place-items:center;display:grid;position:absolute;inset:36px 0 0}.legacy-workspace-main{position:relative}.code-preview-loading{place-items:center;height:100%;min-height:200px;display:grid}.loading-preview-frame{height:100%;position:relative}.loading-preview-frame>iframe{border:0;width:100%;height:100%}.loading-preview-frame>.code-preview-loading{background:var(--ca-bg-soft);z-index:1;position:absolute;inset:0}@media (width<=800px){.generation-result .ca-loading-page{min-height:320px}.ca-loading-page .ca-loading-label{font-size:18px}.ca-loading-page{padding:24px 16px}.ca-loading-detail{max-width:100%}}.account-page,.account-manager{color:var(--ca-text);background:var(--ca-bg);font:16px/1.6 Plus Jakarta Sans,sans-serif}.account-page{grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:100dvh;padding:48px max(24px,50vw - 560px);display:grid}.account-intro h1{letter-spacing:-1.5px;margin:20px 0;font-size:clamp(32px,4vw,54px);line-height:1.15}.account-intro p{max-width:40ch;color:var(--ca-muted)}.account-intro .eyebrow{color:var(--ca-brand);margin-top:48px;font-size:13px}.account-art{align-items:center;gap:14px;margin-top:40px;display:flex}.account-art i{background:#ffbe3d;border-radius:20px;width:80px;height:80px;display:block;transform:rotate(-12deg)}.account-art i:nth-child(2){background:#1bc49e;width:45px;height:45px;transform:rotate(12deg)}.account-art i:nth-child(3){background:var(--ca-surface-soft);width:110px;height:110px}.account-card,.account-panel{background:var(--ca-bg-soft);border:1px solid var(--ca-border);border-radius:20px;min-width:0;padding:28px}.account-card h2{margin:0;font-size:28px;line-height:1.3}.account-confirmation ol{margin:16px 0;padding-left:24px}.account-confirmation li+li{margin-top:12px}.account-confirmation strong{color:var(--ca-text);overflow-wrap:anywhere}.account-confirmation>button{width:100%}.account-card p,.account-panel p{color:var(--ca-muted);margin:12px 0 20px}.account-page form,.account-panel form{flex-direction:column;gap:18px;display:flex}.account-page label,.account-manager label,.account-bar label{flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:600;display:flex}.account-page input,.account-manager input:not([type=checkbox]),.account-shell select{border:1px solid var(--ca-subtle);background:var(--ca-input-bg);width:100%;min-height:44px;color:var(--ca-text);border-radius:10px;padding:10px 12px;font-size:16px}.account-page button,.account-shell button{border:1px solid var(--ca-border);background:var(--ca-surface-soft);min-height:44px;color:var(--ca-text);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.account-page .dark-button,.account-shell .dark-button{color:#162033;background:#ffbe3d;border-color:#ffbe3d}.account-page small,.account-manager small{color:var(--ca-muted);font-size:14px;font-weight:400;line-height:1.5;display:block}.account-card nav{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.account-card nav button{color:var(--ca-brand);background:0 0;border-color:#0000}.account-error,.account-alert{color:var(--ca-danger)!important}.account-notice{border:1px solid var(--ca-border);border-radius:10px;padding:12px;font-size:14px}.account-shell{background:var(--ca-bg);height:100dvh;color:var(--ca-text);flex-direction:column;display:flex}.account-bar{border-bottom:1px solid var(--ca-border);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:10px 20px;font-size:14px;display:flex}.account-bar label{flex-direction:row;align-items:center}.account-bar select{width:auto;max-width:360px}.account-bar>span{color:var(--ca-muted);margin-right:auto}.account-studio{flex:1;min-height:0}.account-studio .application{height:100%}.account-studio>div:not([hidden]){height:100%;min-height:0}.account-manager{padding:28px max(20px,50vw - 540px);overflow:auto}.account-manager h1{margin-top:0;font-size:30px}.account-manager h2{margin-top:0;font-size:22px}.account-panel{margin:0 0 20px}.account-panel form{max-width:560px}.account-invite,.account-alert{background:var(--ca-bg-soft);margin:0;padding:12px 20px}.account-invite{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-member{border-bottom:1px solid var(--ca-border);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0;display:flex}.account-member>div{flex:1;min-width:200px}.account-manager .account-check{flex-direction:row;align-items:center;gap:10px;min-height:44px;font-weight:400;display:flex}.account-check input{width:20px;height:20px;accent-color:var(--ca-brand)}.account-invitation{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:20px;margin:16px 0;display:flex}@media (width<=800px){.account-page{grid-template-columns:1fr;gap:24px;padding:24px 16px}.account-intro h1{font-size:32px}.account-intro .eyebrow{margin-top:20px}.account-art{display:none}.account-card,.account-panel{padding:20px}.account-bar{gap:8px;padding:8px}.account-bar label{width:100%}.account-bar select{flex:1;min-width:0}.account-manager{padding:20px 12px}.account-invitation{flex-wrap:wrap}}.viewer-page{height:100%;padding:20px;font-size:16px;overflow:auto}.viewer-page>header,.viewer-page>nav{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.viewer-page h1{margin:0;font-size:24px}.viewer-page header span{color:var(--ca-muted);margin-right:auto}.viewer-content{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.viewer-preview{min-height:600px;position:relative}.viewer-preview .preview-backdrop{background:0 0;padding:0;position:static}.viewer-preview .preview-dialog{width:100%;height:600px;max-height:none}.viewer-content aside{background:var(--ca-bg-soft);border:1px solid var(--ca-border);border-radius:14px;padding:20px}.viewer-content label{flex-direction:column;gap:8px;margin:12px 0;display:flex}.viewer-content textarea{background:var(--ca-input-bg);min-height:120px;color:var(--ca-text);border:1px solid var(--ca-subtle);border-radius:8px;padding:12px;font-size:16px}.viewer-content article{border-top:1px solid var(--ca-border);overflow-wrap:anywhere;margin-top:16px}.viewer-content small{color:var(--ca-muted)}@media (width<=800px){.viewer-content{grid-template-columns:1fr}.viewer-preview,.viewer-preview .preview-dialog{height:400px;min-height:400px}}.generation-dialog{border:1px solid var(--ca-border);background:var(--ca-bg-soft);color:var(--ca-text);border-radius:20px;width:min(1280px,96vw);max-width:96vw;max-height:94dvh;padding:0;overflow:auto;box-shadow:0 30px 100px #0008}.generation-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617b8}.generation-header{border-bottom:1px solid var(--ca-border);justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}.generation-header h2{margin:8px 0;font-size:28px}.generation-header p{color:var(--ca-muted);margin:0}.generation-layout{grid-template-columns:330px minmax(0,1fr);display:grid}.generation-input{border-right:1px solid var(--ca-border);flex-direction:column;gap:14px;padding:24px;display:flex}.generation-input p{margin:0;font-size:12px;line-height:1.7}.generation-input textarea{resize:vertical;min-height:140px}.generation-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.generation-modes button{text-align:left;border:1px solid var(--ca-border);background:var(--ca-surface);color:var(--ca-text);border-radius:12px;padding:12px}.generation-modes .selected{background:#f59e0b15;border-color:#f59e0b}.generation-modes small{color:var(--ca-muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.generation-model{background:var(--ca-surface);overflow-wrap:anywhere;border-radius:10px;padding:12px}.generation-model small{color:var(--ca-muted);display:block}.generation-result{min-width:0;padding:24px}.generation-result-head h3{margin:8px 0;font-size:22px}.generation-result-head p{color:var(--ca-muted);font-size:13px;line-height:1.6}.generation-result-head small{color:var(--ca-muted)}.generation-boards{gap:8px;padding:16px 0;display:flex;overflow:auto}.generation-boards button{white-space:nowrap;border:1px solid var(--ca-border);background:var(--ca-surface);color:var(--ca-text);border-radius:8px;padding:8px 12px}.generation-empty{text-align:center;border:1px dashed var(--ca-border);background:radial-gradient(at 50% 30%,#f59e0b0d,#0000 65%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:460px;padding:24px;display:flex}.generation-empty>span{color:#f59e0b;font-size:56px}.generation-empty p{max-width:340px;color:var(--ca-muted);line-height:1.8}.generation-empty small{color:var(--ca-muted)}.generation-footer{border-top:1px solid var(--ca-border);justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.generation-footer>span{color:var(--ca-muted);font-size:12px}.generation-footer>div{gap:10px;display:flex}.generation-result .preview-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;display:block;position:static}.generation-result .preview-dialog{width:100%;max-width:100%;height:440px;max-height:none;box-shadow:none;border:1px solid var(--ca-border);border-radius:12px;overflow:hidden}.generation-result .preview-dialog header{flex-wrap:wrap;gap:8px;padding:10px}.generation-result .preview-dialog header small{font-size:10px}.generation-result .preview-scroll{flex:1;min-height:0}.generation-result .preview-screen{max-width:100%}.generation-result .preview-dialog footer{padding:8px;font-size:10px}.generation-result details{margin-top:14px;font-size:12px;line-height:1.7}.generation-code{resize:vertical;width:100%;height:440px;font:12px/1.7 monospace}.generation-result .muted-text{font-size:12px;line-height:1.7}@media (width<=800px){.generation-layout{grid-template-columns:1fr}.generation-input{border-right:0;border-bottom:1px solid var(--ca-border)}.generation-header{padding:20px}.generation-result{padding:16px}.generation-empty{min-height:240px}.generation-footer{flex-wrap:wrap}.generation-footer>div{flex-wrap:wrap;width:100%}.generation-footer button{flex:1}.generation-result .preview-dialog{height:380px}}.generation-footer{background:var(--ca-bg-soft);z-index:2;position:sticky;bottom:0}.generation-result .preview-dialog{background:var(--ca-bg-soft);color:var(--ca-text)}.generation-result .preview-dialog header{border-color:var(--ca-border)}.generation-result .preview-dialog header small,.generation-result .preview-dialog footer{color:var(--ca-muted)}.generation-result .preview-scroll{background:var(--ca-surface);padding:16px}.generation-result .device-tabs{background:var(--ca-surface)}.generation-result .device-tabs button{color:var(--ca-muted)}.generation-result .device-tabs button.active{background:var(--ca-bg-soft);color:var(--ca-text)}.generation-result .preview-dialog header>button{border:1px solid var(--ca-border);background:var(--ca-surface);color:var(--ca-text);border-radius:7px;padding:7px 9px;font-size:10px}.generation-dialog{width:min(1240px,96vw);font-size:16px;line-height:1.5}.generation-header{padding:20px 24px}.generation-header h2{margin:4px 0 8px;font-size:28px;line-height:1.25}.generation-header p{font-size:16px}.generation-header .eyebrow{font-size:12px}.generation-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start}.generation-input{justify-content:flex-start;align-self:stretch;gap:12px;padding:20px}.generation-input>*{flex-grow:0;margin:0}.generation-input p,.generation-input small,.generation-footer>span,.generation-result .muted-text,.generation-result details{font-size:14px;line-height:1.5}.generation-input .field-label{flex-direction:column;gap:6px;font-size:14px;display:flex}.generation-input textarea{min-height:120px;padding:12px;font-size:16px;line-height:1.5}.generation-modes button{min-height:76px;padding:10px 12px;font-size:14px}.generation-modes small{margin-top:4px;font-size:13px;line-height:1.4}.generation-modes button:disabled{color:var(--ca-text)}.generation-modes .selected{border-color:var(--ca-brand)}.generation-input .panel-link{text-align:left;align-self:flex-start;min-height:44px;padding:8px 0;font-size:14px}.generation-result{padding:20px}.generation-empty{gap:8px;min-height:300px;padding:24px}.generation-empty h3,.generation-empty p{margin:0}.generation-empty small{margin-top:8px;font-size:14px}.generation-result .ca-loading-page{gap:12px;min-height:240px;padding:24px}.generation-result .ca-loading-page .ca-loading-mark{width:72px;height:72px}.generation-result .ca-loading-detail{max-width:42ch;font-size:16px;line-height:1.5}.generation-result .ca-loading-label{font-size:22px;line-height:1.3}.generation-result-head p{font-size:16px}.generation-error{color:var(--ca-danger)!important}.generation-dialog button:not(.generation-modes button){min-height:44px}.generation-footer{padding:16px 20px;position:static}.generation-boards [aria-pressed=true]{color:var(--ca-brand);border-color:var(--ca-brand)}@media (width<=800px){.generation-layout{grid-template-columns:1fr}.generation-dialog{max-width:96vw}.generation-header,.generation-input,.generation-result,.generation-footer{padding:16px}.generation-result .ca-loading-page{min-height:220px}}.generation-dialog .generation-input textarea{margin-top:0;padding:12px;font-size:16px;line-height:1.5}.generation-dialog .generation-input>.field-label{margin:0}.generation-dialog .generation-modes button{min-height:48px;padding:10px 12px;line-height:1.4}.generation-dialog .generation-input .generation-mode-hint{color:var(--ca-muted);margin:0;font-size:14px}.generation-privacy{color:var(--ca-muted);font-size:14px}.generation-privacy summary{cursor:pointer;min-height:44px;padding:10px 0;line-height:1.5}.generation-dialog[open]{flex-direction:column;display:flex;overflow:hidden}.generation-header,.generation-footer{flex:none}.generation-layout{flex:1;min-height:0;scroll-padding:16px;overflow:auto}:root{color:#252822;font-synthesis:none;text-rendering:optimizelegibility;background:#faf9f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #717cce}a{color:inherit;text-decoration:none}.application{background:#faf9f6;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-top{z-index:4;background:#fff;border-bottom:1px solid #ebeae5;flex:none;align-items:center;gap:16px;height:64px;padding:0 22px;display:flex;position:relative}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:9px;font-size:20px;display:flex}.brandmark{grid-template-columns:repeat(2,1fr);gap:2px;width:23px;height:23px;display:grid;transform:rotate(-8deg)}.brandmark i{background:#31393b;border-radius:3px}.brandmark i:nth-child(2){background:#db765e}.brandmark i:nth-child(3){background:#738880}.top-separator{background:#eae9e3;width:1px;height:24px}.top-crumb,.crumb-button{color:#8c9087;font-size:12px}.crumb-button{background:0 0;border:0;padding:4px}.project-title{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.top-grow{flex:1}.top-local,.save-status{color:#949990;white-space:nowrap;font-size:11px}.top-local i,.save-status i{background:#82a787;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.ghost-link{color:#6c756a;border:1px solid #eae9e3;border-radius:7px;padding:8px 10px;font-size:11px}.avatar{color:#8b5142;background:#efdfd2;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:750;display:grid}.dark-button,.subtle-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:650;display:inline-flex}.dark-button{color:#fff;background:#29352e;border:1px solid #29352e}.subtle-button{color:#5e665e;background:#fff;border:1px solid #e5e5df}.subtle-button:hover{background:#f7f7f3}.icon-button{color:#7e857c;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{background:#f2f2ee}.full{width:100%}.home-layout{flex:1;min-height:0;display:flex}.home-side{background:#fff;border-right:1px solid #ebeae5;flex-direction:column;flex:none;width:214px;padding:25px 14px;display:flex}.side-label{letter-spacing:1px;color:#9ea49a;margin-bottom:14px;padding:0 9px;font-size:9px;font-weight:750}.side-item{text-align:left;color:#71776e;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;height:39px;padding:0 10px;font-size:13px;display:flex}.side-item.active{color:#29312b;background:#f3f3ee;font-weight:700}.side-rule{background:#eeede8;height:1px;margin:24px 9px}.side-help{color:#9ca098;margin:0;padding:0 9px;font-size:11px;line-height:1.6}.side-bottom{background:#f6f6f1;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.side-bottom>span{color:#c4755d;font-size:20px}.side-bottom b,.side-bottom small{display:block}.side-bottom b{font-size:10px}.side-bottom small{color:#9ba098;margin-top:3px;font-size:9px}.home-main{flex:1;padding:42px clamp(26px,4.2vw,64px) 60px;overflow:auto}.home-header{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{letter-spacing:1.2px;color:#b27c68;font-size:10px;font-weight:800}.home-header h1{letter-spacing:-1.5px;margin:12px 0 9px;font-size:clamp(28px,3vw,38px);line-height:1.1}.home-header h1 em{color:#c96f56;font-family:Georgia,serif;font-weight:400}.home-header p,.section-head p{color:#90968d;margin:0;font-size:13px}.start-panel{background:#fff;border:1px solid #e8e7df;border-radius:13px;align-items:center;gap:15px;min-height:88px;margin-top:26px;padding:17px 20px;display:flex;box-shadow:0 8px 25px #3a321009}.start-icon{color:#ce765b;background:#faeee8;border-radius:10px;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.start-panel b,.start-panel small{display:block}.start-panel b{font-size:13px}.start-panel small{color:#a1a69d;margin-top:5px;font-size:11px}.start-panel .dark-button{margin-left:auto}.section-head{justify-content:space-between;align-items:end;margin:32px 0 15px;display:flex}.section-head h2{letter-spacing:-.3px;margin:0 0 5px;font-size:17px}.section-head p{font-size:11px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.template-card{text-align:left;background:#fff;border:1px solid #e9e8e2;border-radius:11px;min-width:0;padding:0;overflow:hidden}.template-art{height:104px;padding:18px 20px;position:relative;overflow:hidden}.template-art span{z-index:2;white-space:pre-line;letter-spacing:-.7px;font:24px/.95 Georgia,serif;position:relative}.template-art i{background:#fff4;border-radius:50%;width:90px;height:90px;position:absolute;top:12px;right:12px}.template-info{flex-wrap:wrap;align-items:center;gap:4px;padding:11px 12px;display:flex}.template-info b{width:calc(100% - 20px);font-size:11px}.template-info small{color:#a1a69d;font-size:10px}.template-info span{color:#a7aba2;margin-left:auto}.projects-head{margin-top:37px}.searchbox{color:#9da39a;background:#fff;border:1px solid #e8e8e1;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.searchbox input{color:#313a32;border:0;outline:0;width:160px;font-size:11px}.home-tabs{border-bottom:1px solid #eae9e2;gap:18px;display:flex}.home-tabs button{color:#92988e;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 2px;font-size:12px}.home-tabs button.current{color:#303b32;border-color:#727bc8;font-weight:700}.home-tabs span{color:#a7aca2;margin-left:3px;font-size:9px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.project-row{text-align:left;background:#fff;border:1px solid #eae9e3;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.project-row:hover{border-color:#cbd0c6}.project-thumb{color:#b77d62;background:#efe1d2;border-radius:7px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.project-row b,.project-row small{display:block}.project-row b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-row small{color:#a4a99f;margin-top:4px;font-size:10px}.row-arrow{color:#a4aaa0;margin-left:auto}.empty{color:#a1a79d;padding:20px 0;font-size:12px}.notice{color:#5d755e;background:#eef3ec;border-radius:8px;margin:12px 0;padding:10px;font-size:11px}.notice.error{color:#a85c49;background:#fbede8}.dialog-backdrop{z-index:20;background:#20272177;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:min(440px,100%);padding:22px;box-shadow:0 30px 80px #0003}.dialog-top{justify-content:space-between;align-items:center;display:flex}.dialog-top h2{letter-spacing:-.4px;margin:0;font-size:18px}.dialog p{color:#858d83;margin:10px 0 18px;font-size:12px;line-height:1.6}.form-label,.field-label{color:#858c82;margin:13px 0;font-size:10px;font-weight:650;display:block}.form-label input,.field-label input:not([type=color]),.field-label textarea,.field-label select{color:#3b423a;background:#fff;border:1px solid #e6e8e1;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:9px 10px;font-size:12px;font-weight:400;display:block}.field-label textarea{resize:vertical;line-height:1.5}.form-label input:focus,.field-label input:focus,.field-label textarea:focus,.field-label select:focus{border-color:#8e98d1;outline:2px solid #e6e8f6}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.editor-layout{flex:1;min-height:0;display:flex;position:relative}.toolrail{background:#fff;border-right:1px solid #ebeae5;flex-direction:column;flex:none;align-items:center;gap:7px;width:55px;padding:15px 0;display:flex}.rail-button{color:#7f887c;background:0 0;border:0;border-radius:8px;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.rail-button.bottom{color:#c7795c;border:1px solid #f0e7df;margin-top:auto}.studio-sidebar{background:#fff;border-right:1px solid #ebeae5;flex:none;width:190px;position:relative;overflow:auto}.sidebar-head{border-bottom:1px solid #f0f0ea;justify-content:space-between;align-items:center;height:59px;padding:0 15px;font-size:12px;display:flex}.sidebar-head b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-head span{color:#a0a79d}.sidebar-section{border-bottom:1px solid #f2f2ed;padding:16px 8px}.section-label{letter-spacing:.9px;color:#a4aba1;justify-content:space-between;align-items:center;padding:0 7px 8px;font-size:9px;font-weight:750;display:flex}.section-label button{color:#9fa69c;background:0 0;border:0;font-size:16px;line-height:10px}.layer-row{text-align:left;color:#6f776d;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;height:33px;padding:0 8px;font-size:11px;display:flex}.layer-row b{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:550;overflow:hidden}.layer-row small{color:#aeb3aa;font-size:9px}.sidebar-actions{gap:8px;padding:10px 6px 0;display:flex}.sidebar-actions button{color:#98a095;background:0 0;border:0;padding:0;font-size:9px}.sidebar-actions button:hover{color:#4c5e50}.layer-list{max-height:280px;overflow:auto}.sidebar-foot{color:#a8ada5;padding:18px 15px;font-size:10px;line-height:1.5}.studio-center{flex-direction:column;flex:1;min-width:0;display:flex}.stage-wrap{background:#f3f2ee;flex-direction:column;flex:1;min-height:180px;display:flex;position:relative;overflow:hidden}.stage-toolbar{z-index:1;flex:none;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex;position:relative}.stage-toolbar>div{align-items:center;gap:7px;display:flex}.tool-pill{color:#80887e;background:#fff;border:1px solid #e8e9e2;border-radius:7px;padding:7px 9px;font-size:10px}.tool-pill.active{color:#424d43;border-color:#cad1c6;font-weight:700}.stage-count{color:#a6aba2;margin-left:5px;font-size:10px}.stage-viewport{touch-action:none;cursor:grab;background-image:radial-gradient(#d7d8d1 .8px,#0000 .8px);background-size:17px 17px;flex:1;position:relative;overflow:hidden}.stage-viewport:active{cursor:grabbing}.stage-scene{transform-origin:0 0;position:absolute;top:0;left:0}.board-holder{position:absolute;top:0}.board-label{color:#929b91;justify-content:space-between;align-items:center;height:40px;font-size:18px;display:flex;position:absolute;bottom:100%;left:0;right:0}.board-label button{color:#737f74;background:0 0;border:0;padding:0;font-size:18px;font-weight:700}.board-label span{color:#aeb5aa;font-size:15px}.artboard{cursor:default;outline:2px solid #0000;position:relative;overflow:hidden;box-shadow:0 14px 40px #4845321c}.canvas-element{box-sizing:border-box;white-space:pre-wrap;cursor:move;-webkit-user-select:none;user-select:none;outline:2px solid #0000;line-height:1.1;position:absolute;overflow:visible}.canvas-element.is-selected{outline-offset:2px;outline:2px solid #7785d3}.canvas-element>span{pointer-events:none;width:100%;height:100%;display:block;overflow:hidden}.canvas-element>img{object-fit:cover;pointer-events:none;width:100%;height:100%}.canvas-element textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0;line-height:1.1;position:absolute;inset:0;overflow:hidden}.comment-pin{color:#fff;background:#d27d61;border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:10px;font-weight:700;display:grid;position:absolute;top:-12px;right:-12px}.artboard iframe{background:#fff;border:0;width:100%;height:100%}.code-placeholder{color:#9a9f95;place-items:center;width:100%;height:100%;font-size:24px;display:grid}.stage-bottom{color:#a6aba1;background:#f3f2ee;flex:none;justify-content:space-between;align-items:center;height:46px;padding:0 20px;font-size:10px;display:flex}.stage-bottom div{color:#747d72;background:#fff;border:1px solid #e7e8e2;border-radius:7px;align-items:center;display:flex}.stage-bottom button{color:#70796f;background:0 0;border:0;padding:6px 9px}.stage-bottom div span{text-align:center;min-width:40px}.editor-inspector{background:#fff;border-left:1px solid #ebeae5;flex-direction:column;flex:none;width:306px;display:flex;overflow:hidden}.inspector-tabs{border-bottom:1px solid #eeefe9;flex:none;align-items:stretch;gap:17px;height:59px;padding:0 17px;display:flex;overflow-x:auto}.inspector-tabs button{color:#a1a79d;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:10px}.inspector-tabs button.current{color:#343c34;border-bottom-color:#6e7aca;font-weight:700}.inspector-content{padding:0 18px 25px;overflow:auto}.inspector-title{border-bottom:1px solid #f1f1ec;align-items:center;gap:10px;margin-bottom:13px;padding:20px 0 18px;display:flex}.inspector-title>span{color:#c7775a;background:#f7eee8;border-radius:9px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.inspector-title b,.inspector-title small{display:block}.inspector-title b{font-size:12px}.inspector-title small{color:#a3aaa0;margin-top:4px;font-size:10px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.color-input{color:#70796e;border:1px solid #e6e8e1;border-radius:7px;align-items:center;gap:8px;height:37px;margin-top:7px;padding:0 8px;font-size:10px;font-weight:400;display:flex}.color-input input{background:0 0;border:0;width:22px;height:22px;padding:0}.check-row{color:#5c665b;align-items:center;gap:8px;margin:16px 0;font-size:11px;display:flex}.muted-text{color:#9ca398;margin:10px 4px;font-size:10px;line-height:1.6}.panel-rule{background:#eff0ea;height:1px;margin:22px 0}.mini-heading{letter-spacing:.8px;color:#a5aba1;font-size:9px;font-weight:800}.panel-link{color:#b87459;text-align:left;background:0 0;border:0;padding:10px 0;font-size:10px;display:inline-block}.code-editor{font-family:ui-monospace,monospace!important;font-size:10px!important}.empty-panel{color:#a0a69c;padding:20px 0;font-size:11px;line-height:1.5}.timeline-panel{background:#fff;border-top:1px solid #e9eae3;flex:none;height:154px;padding:14px 20px}.timeline-head{justify-content:space-between;align-items:center;font-size:11px;display:flex}.timeline-head b{color:#424b42}.timeline-head span,.timeline-panel small{color:#9da49a;font-size:10px}.timeline-head>div:last-child{align-items:center;gap:10px;display:flex}.play-button{color:#fff;background:#36443a;border:0;border-radius:50%;width:28px;height:28px;font-size:10px}.timeline-body{color:#8b948a;align-items:center;gap:12px;margin:18px 0 10px;font-size:10px;display:flex}.timeline-body>span{text-overflow:ellipsis;white-space:nowrap;width:100px;overflow:hidden}.timeline-body input{accent-color:#cd8061;flex:1}.timeline-body b{color:#8e978c;min-width:35px;font-size:10px}.timeline-panel small{font-size:9px}.flash{z-index:8;color:#58715a;background:#eff5ed;border:1px solid #dfeadb;border-radius:9px;align-items:center;gap:10px;max-width:600px;padding:10px 12px;font-size:11px;display:flex;position:absolute;top:74px;right:20px;box-shadow:0 8px 22px #0001}.flash.error{color:#a75b44;background:#fff1eb;border-color:#f2d7ca}.flash button{color:inherit;background:0 0;border:0;font-size:10px;font-weight:700}.export-wrap{position:relative}.export-menu{z-index:10;background:#fff;border:1px solid #e9eae3;border-radius:9px;width:190px;padding:5px;position:absolute;top:42px;right:0;box-shadow:0 12px 28px #0002}.export-menu button{text-align:left;color:#596258;background:0 0;border:0;border-radius:5px;width:100%;padding:10px;font-size:11px;display:block}.export-menu button:hover{background:#f5f6f1}.comment-card,.proposal-card{border:1px solid #eceee7;border-radius:9px;margin:12px 0;padding:12px}.comment-card>div{justify-content:space-between;gap:8px;display:flex}.comment-card b,.proposal-card b{font-size:10px}.comment-card small,.version-row small{color:#a4aba0;font-size:9px}.comment-card p,.proposal-card p{color:#777f75;margin:10px 0;font-size:11px;line-height:1.55}.comment-card footer{color:#a2a99e;justify-content:space-between;font-size:9px;display:flex}.comment-card footer button,.version-row button{color:#b27861;background:0 0;border:0;font-size:9px}.version-row{border-bottom:1px solid #f0f1ec;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.version-row b,.version-row small{display:block}.version-row b{font-size:11px}.version-row small{margin-top:5px}.context-card{background:#fcfaf7;border:1px solid #eee9e2;border-radius:9px;margin:12px 0;padding:12px}.context-card b,.context-card span,.context-card small{display:block}.context-card b{margin-bottom:8px;font-size:10px}.context-card span{color:#788175;margin-top:4px;font-size:10px}.context-card small{color:#a2a79d;margin-top:8px;font-size:9px;line-height:1.5}.proposal-list h3{margin-top:22px;font-size:12px}.proposal-card small{color:#9ba297;word-break:break-word;margin:5px 0;font-size:9px;line-height:1.5;display:block}.proposal-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.proposal-sample{overflow-wrap:anywhere;place-items:center;min-height:64px;max-height:100px;padding:6px;line-height:1.2;display:grid;overflow:hidden}.proposal-sample img{object-fit:cover;width:100%;height:64px}.proposal-card button{color:#536955;background:#edf1e9;border:0;border-radius:6px;margin-top:5px;padding:7px 8px;font-size:10px}.mobile-inspector-toggle{display:none}@media (width<=1050px){.studio-sidebar{width:165px}.editor-inspector{width:280px}.stage-bottom>span{max-width:280px}.top-local{display:none}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.home-side{display:none}.home-main{padding:28px 18px 60px}.home-header h1{font-size:29px}.start-panel{flex-wrap:wrap}.start-panel .dark-button{margin-left:53px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list{grid-template-columns:1fr}.app-top{gap:8px;padding:0 12px}.app-top .top-separator,.app-top .top-crumb,.app-top .avatar,.save-status{display:none}.app-top .project-title{max-width:120px}.studio-sidebar{display:none}.toolrail{width:43px}.rail-button{width:33px}.editor-inspector{z-index:5;width:min(310px,85vw);transition:transform .18s;position:absolute;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-8px 0 24px #0002}.editor-inspector.mobile-open{transform:translate(0)}.mobile-inspector-toggle{z-index:6;color:#fff;background:#34433a;border:0;border-radius:8px;padding:9px 11px;font-size:11px;display:block;position:absolute;bottom:15px;right:14px}.editor-inspector.mobile-open~.mobile-inspector-toggle{right:320px}.stage-bottom>span{display:none}.timeline-panel{height:145px}.stage-toolbar{padding:0 10px}.stage-count{display:none}.flash{top:70px;left:10px;right:10px}.save-button{font-size:0}.save-button svg{width:17px;height:17px}}.home-side{overflow-y:auto}.workspace-list{min-width:0;padding:12px 9px}.studio-sidebar>.workspace-list{border-bottom:1px solid #e7edf4}.home-side>.workspace-list{padding:0}.workspace-heading{color:#7c8ba0;letter-spacing:.9px;justify-content:space-between;align-items:center;gap:8px;padding:0 9px 9px;font-size:9px;font-weight:750;display:flex}.workspace-heading span{color:#9aabbd;letter-spacing:0}.workspace-empty{color:#8e9bac;margin:2px 9px;font-size:11px;line-height:1.5}.workspace-entries{max-height:220px;overflow-y:auto}.workspace-entry{border-radius:8px;align-items:center;min-width:0;margin:2px 0;display:flex}.workspace-entry.active{background:#fff2d6}.workspace-entry-open,.workspace-entry-close,.workspace-home{color:#546278;background:0 0;border:0}.workspace-entry-open{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:8px;font-size:11px;display:flex}.workspace-entry-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-entry.active .workspace-entry-open{color:#7d4c00;font-weight:700}.workspace-entry-close{border-radius:6px;flex:none;width:27px;height:30px;font-size:16px}.workspace-entry-close:hover,.workspace-entry-open:hover,.workspace-home:hover{background:#e8edf4}.workspace-dirty{background:#d98d05;border-radius:50%;flex:none;width:7px;height:7px}.workspace-home{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;margin-bottom:12px;padding:9px 8px;font-size:12px;display:flex}.workspace-list-dark .workspace-entry-open,.workspace-list-dark .workspace-entry-close,.workspace-list-dark .workspace-home{color:#b8c6d9}.workspace-list-dark .workspace-entry.active{background:#26354d}.workspace-list-dark .workspace-entry.active .workspace-entry-open{color:#ffd073}.workspace-list-dark .workspace-entry-close:hover,.workspace-list-dark .workspace-entry-open:hover,.workspace-list-dark .workspace-home:hover{background:#26354d}.workspace-mobile{flex:none;display:none;position:relative}.mobile-layers-toggle{display:none}.workspace-mobile-toggle{color:#f6f8fc;background:#1b2840;border:1px solid #42516b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.workspace-mobile-panel{z-index:30;color:#1c2637;background:#fff;border:1px solid #d8e1eb;border-radius:12px;width:min(280px,100vw - 24px);max-height:70vh;position:absolute;top:43px;left:0;overflow:auto;box-shadow:0 12px 32px #101b2e33}.legacy-workspace-main{background:#edf1f7;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.legacy-workspace-note{color:#617086;background:#f8fafc;border-bottom:1px solid #dfe6ee;flex:none;padding:9px 16px;font-size:11px}.legacy-workspace-main iframe{background:#edf1f7;border:0;flex:1;width:100%;min-height:0}@media (width<=760px){.workspace-mobile{display:block}.mobile-layers-toggle{display:grid}.studio-sidebar.mobile-open{z-index:6;width:min(240px,75vw);display:block;position:absolute;top:0;bottom:0;left:43px;box-shadow:8px 0 24px #0002}.application:not(.studio-app):not(.legacy-workspace) .app-top{gap:5px;padding:0 8px}.application:not(.studio-app):not(.legacy-workspace) .brand{gap:5px;font-size:16px}.application:not(.studio-app):not(.legacy-workspace) .app-top .ghost-link{padding:7px;font-size:11px}.studio-app .project-title{display:none}.legacy-workspace .app-top{gap:6px;padding:0 8px}.legacy-workspace .brand{gap:5px;font-size:16px}.legacy-workspace .project-title,.legacy-original{display:none}.legacy-copy-top{white-space:nowrap;padding:7px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.flash:not(.error){pointer-events:none}.flash:not(.error) button{pointer-events:auto}.component-row{align-items:center;gap:4px;display:flex}.component-row button{color:#738073;text-align:left;background:0 0;border:0;padding:7px;font-size:10px}.component-row button:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.component-row button:hover{background:#f3f4ef;border-radius:6px}.preview-dialog{background:#fff;border-radius:14px;flex-direction:column;width:min(1080px,96vw);height:min(850px,92dvh);display:flex;overflow:hidden;box-shadow:0 30px 80px #0004}.preview-dialog header{border-bottom:1px solid #e9eae4;flex:none;align-items:center;gap:18px;height:68px;padding:0 20px;display:flex}.preview-dialog header>div:first-child{flex:1}.preview-dialog header b,.preview-dialog header small{display:block}.preview-dialog header b{font-size:12px}.preview-dialog header small{color:#9aa297;margin-top:4px;font-size:10px}.device-tabs{background:#f2f3ef;border-radius:8px;gap:3px;padding:3px;display:flex}.device-tabs button{color:#8c968a;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:10px}.device-tabs button.active{color:#354438;background:#fff;box-shadow:0 1px 4px #0001}.preview-scroll{background:#efefeb;flex:1;padding:24px;overflow:auto}.preview-screen{background:#fff;max-width:100%;margin:auto;box-shadow:0 7px 22px #0002}.preview-screen.desktop{width:900px}.preview-screen.mobile{width:390px}.preview-artboard{transform-origin:0 0;position:relative;overflow:hidden}.preview-element{white-space:pre-wrap;line-height:1.1;position:absolute;overflow:hidden}.preview-element[role=button]:focus-visible{outline-offset:-3px;outline:3px solid #285fcc}.preview-element img{object-fit:cover;width:100%;height:100%}.preview-code{height:650px}.preview-code iframe{border:0;width:100%;height:100%}.preview-dialog footer{color:#929b90;border-top:1px solid #e9eae4;flex:none;padding:11px 20px;font-size:10px}@media (width<=760px){.preview-dialog header small{display:none}.preview-dialog header{gap:6px;padding:0 10px}.preview-dialog header b{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.preview-scroll{padding:12px}}.legacy-row{gap:8px}.legacy-link{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.legacy-link>span:last-child{min-width:0}.legacy-copy{color:#627b65;background:#f8faf6;border:1px solid #e5e9e0;border-radius:7px;padding:7px 9px;font-size:10px}.legacy-boards{max-height:240px;margin-top:9px;overflow:auto}.legacy-boards label{border:1px solid #eceee7;border-radius:7px;align-items:center;gap:10px;margin-bottom:7px;padding:9px;display:flex}.legacy-boards input{accent-color:#778e76}.legacy-boards b,.legacy-boards small{display:block}.legacy-boards b{font-size:11px}.legacy-boards small{color:#a1a79e;margin-top:3px;font-size:10px}.stage-viewport.hand,.stage-viewport.hand *{cursor:grab!important}.stage-viewport.hand:active,.stage-viewport.hand:active *{cursor:grabbing!important}@media (width<=760px){.studio-app .app-top{gap:4px}.studio-app .app-top .crumb-button,.studio-app .app-top .project-title{display:none}.studio-app .app-top>.icon-button{width:27px}.studio-app .preview-button,.studio-app .export-button{padding:8px}.studio-app .preview-button span,.studio-app .export-button span{display:none}}.canvas-element>img{border-radius:inherit}.timeline-track{flex:1;align-items:center;display:flex;position:relative}.timeline-track input{width:100%}.keyframe-dots{pointer-events:none;height:8px;position:absolute;top:-5px;left:8px;right:8px}.keyframe-dots i{background:#c87d61;width:7px;height:7px;position:absolute;transform:translate(-50%)rotate(45deg)}.keyframe-heading{justify-content:space-between;align-items:center;display:flex}.keyframe-heading button{color:#b7735b;background:0 0;border:0;font-size:10px}.keyframe-list{margin-top:8px}.keyframe-row{grid-template-columns:28px 1fr 1fr 22px;align-items:end;gap:6px;margin:7px 0;display:grid}.keyframe-row>span{color:#bd7b61;padding-bottom:8px;font-size:10px}.keyframe-row label{color:#9ba198;font-size:9px}.keyframe-row input{color:#586057;border:1px solid #e7e9e3;border-radius:6px;width:100%;margin-top:4px;padding:6px;font-size:10px;display:block}.keyframe-row>button{color:#a4a99f;background:0 0;border:0;padding:7px 0}.context-card details{margin-top:8px}.context-card summary{cursor:pointer;color:#b67860;font-size:10px}.version-actions{gap:5px;display:flex}.compare-dialog{background:#fff;border-radius:14px;flex-direction:column;width:min(1100px,96vw);height:min(850px,92dvh);display:flex;overflow:hidden;box-shadow:0 30px 80px #0004}.compare-dialog header{border-bottom:1px solid #edeee9;flex:none;justify-content:space-between;align-items:center;height:65px;padding:0 20px;display:flex}.compare-dialog header b,.compare-dialog header small{display:block}.compare-dialog header b{font-size:13px}.compare-dialog header small{color:#9ca49a;margin-top:4px;font-size:10px}.compare-toolbar{color:#9aa298;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;font-size:10px;display:flex}.compare-toolbar select{color:#515b50;background:#fff;border:1px solid #e7e9e2;border-radius:6px;padding:7px}.compare-grid{background:#f3f3ef;flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;padding:12px 20px 20px;display:grid;overflow:auto}.compare-grid section{min-width:0;overflow:auto}.compare-grid h3{color:#747e73;font-size:11px}.snapshot-shell{background:#fff;width:100%;box-shadow:0 5px 16px #0001}.snapshot-code{white-space:pre-wrap;max-height:450px;padding:15px;font-size:10px;overflow:auto}.compare-empty{color:#9ba398;background:#fff;padding:30px;font-size:11px}.compare-dialog footer{color:#91998f;border-top:1px solid #eaece5;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;font-size:10px;display:flex}@media (width<=760px){.compare-grid{grid-template-columns:1fr}.compare-toolbar{flex-direction:column;align-items:flex-start}.compare-dialog footer span{max-width:170px}}:root{--ca-navy:#050a18;--ca-panel:#0a0f1f;--ca-surface:#111827;--ca-amber:#f59e0b;--ca-amber-light:#fcd34d;--ca-emerald:#10b981;--ca-ink:#172238;--ca-muted:#64748b;--ca-line:#dfe5ee;color:var(--ca-ink);background:#f4f7fb}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-color:#d97706}.application{background:#f4f7fb}.app-top{color:#f8fafc;background:var(--ca-navy);border-color:#263149}.brandmark{width:28px;height:28px;display:block;transform:none}.brandmark img{border-radius:7px;width:100%;height:100%;display:block}.brand small{color:#94a3b8;letter-spacing:0;margin-left:2px;font-size:9px;font-weight:600}.top-separator{background:#344055}.top-crumb,.crumb-button,.top-local,.save-status{color:#b6c2d2}.top-local i,.save-status i{background:var(--ca-emerald)}.save-status.unsaved i{background:var(--ca-amber)}.ghost-link{color:#dbe5f1;background:0 0;border-color:#35415a}.avatar{color:#ffdf93;background:#423011}.app-top .icon-button{color:#cbd5e1}.app-top .icon-button:hover{background:#263149}.app-top .subtle-button{color:#e2e8f0;background:#172033;border-color:#35415a}.app-top .subtle-button:hover{background:#25314a}.dark-button{background:var(--ca-amber);border-color:var(--ca-amber);color:#101827}.dark-button:hover{background:#fbbf24}.subtle-button{color:#334155;border-color:var(--ca-line)}.home-side{background:var(--ca-panel);color:#e2e8f0;border-color:#263149}.side-label{color:#8291a8}.side-item{color:#c4cedc}.side-item.active{color:#ffe4a1;background:#263047}.side-rule{background:#263149}.side-help{color:#94a3b8}.side-bottom{color:#e2e8f0;background:#192338}.side-bottom>span{color:var(--ca-amber-light)}.side-bottom small{color:#b1bfd0}.eyebrow{color:#9a5c00}.home-header h1 em{color:#b96b06}.home-header p,.section-head p{color:#64748b}.start-panel{border-color:#dfe6ef;box-shadow:0 10px 32px #0a0f1f0a}.start-icon{color:#b76b05;background:#fff3d7}.start-panel small,.template-info small{color:#64748b}.template-card{border-color:#dfe5ee}.template-card:hover{border-color:#d69b34;box-shadow:0 10px 25px #0a0f1f18}.template-art.sand{color:#fff3d0;background:#1a2843}.template-art.sage{color:#105846;background:#e5f4ed}.template-art.mint{color:#12483e;background:#dcebe8}.template-art.coral{color:#332407;background:#f4c66b}.template-art.forest{color:#fff3d0;background:#101c32}.template-art.peach{color:#4d370c;background:#e9d8a8}.template-art.slate{color:#223b5d;background:#dbe6f3}.home-tabs button.current{color:#182942;border-color:var(--ca-amber)}.searchbox,.project-row{border-color:var(--ca-line)}.project-thumb{color:#9a5c00;background:#fff0cf}.project-thumb.legacy{color:#08745e;background:#e2f4ed}.toolrail{background:var(--ca-panel);border-color:#263149}.rail-button{color:#b8c5d6}.rail-button:hover{background:#263149}.rail-button.current{color:#ffda85;background:#3d311b}.rail-button.bottom{color:#ffda85;border-color:#5f4a26}.studio-sidebar,.editor-inspector{border-color:#dfe5ee}.sidebar-head,.sidebar-section{border-color:#edf0f5}.section-label{color:#718096}.layer-row.active{color:#815000;background:#fff2d6}.artboard.active{outline-color:#e9b95f}.canvas-element.is-selected{outline-color:#d78a08}.inspector-tabs button.current{color:#5e3b02;border-color:var(--ca-amber)}.inspector-title>span{color:#a76205;background:#fff2d8}.comment-pin{background:#bd7807}@media (width<=760px){.brand small{display:none}.studio-app .app-top{padding:0 8px}.studio-app .brand{gap:5px;font-size:16px}.studio-app .brandmark{width:24px;height:24px}.studio-app .copy-link{padding:8px;font-size:0}.studio-app .copy-link:after{content:"↗";font-size:15px}.studio-app .save-button{gap:0;padding:8px}.mobile-inspector-toggle{background:#1a2843}}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/plus-jakarta-sans-latin-B2KjpZfh.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-latin-DPT1xrvW.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--ca-control-border:#6b7a98;--ca-danger:#ff9e9e;--ca-bg:#04050a;--ca-bg-soft:#0b1020;--ca-surface:#111933;--ca-surface-soft:#151f3f;--ca-border:#2d3650;--ca-text:#eef2ff;--ca-muted:#a8b2cf;--ca-subtle:#92a1be;--ca-brand:#ffbe3d;--ca-brand-deep:#d68a06;--ca-accent:#1bc49e;--ca-input-bg:#0b1020;--ca-gold-bg:#ffbe3d16;--ca-card-from:#151c30;--ca-card-to:#0f1525;--ca-shadow:0 18px 60px #02061740;--ca-panel:var(--ca-bg-soft);--ca-amber:var(--ca-brand);--ca-emerald:var(--ca-accent);--ca-line:var(--ca-border);color:var(--ca-text);background:var(--ca-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Plus Jakarta Sans,system-ui,sans-serif}:root[data-theme=light]{--ca-control-border:#7a879b;--ca-danger:#a12626;--ca-bg:#f5f7fb;--ca-bg-soft:#fff;--ca-surface:#fff;--ca-surface-soft:#f1f4f8;--ca-border:#d9e1ec;--ca-text:#162033;--ca-muted:#4b5b77;--ca-subtle:#5e6d82;--ca-brand:#9d6500;--ca-brand-deep:#a96800;--ca-accent:#0d7b67;--ca-input-bg:#fff;--ca-gold-bg:#d68a0615;--ca-card-from:#fff;--ca-card-to:#f8fafc;--ca-shadow:0 18px 50px #0f172a0c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:where(button,a,input,textarea,select,[role=button]):focus-visible{outline:2px solid var(--ca-brand);outline-offset:3px}h1,h2,h3,.brand{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif}.application{color:var(--ca-text);background:var(--ca-bg)}.app-top,.home-side,.toolrail,.studio-sidebar,.editor-inspector,.legacy-sidebar{background:var(--ca-bg-soft);border-color:var(--ca-border);color:var(--ca-text)}.home-main{background:radial-gradient(ellipse at 12% 0%, #ffbe3d0e, transparent 55%), radial-gradient(ellipse at 100% 4%, #1bc49e0b, transparent 48%), var(--ca-bg)}.home-header{padding:8px 0 5px}.home-header h1{letter-spacing:-1.6px;max-width:720px;font-size:clamp(28px,3.5vw,48px);line-height:1.15}.home-header h1 em{color:var(--ca-brand);font-family:inherit;font-style:normal;font-weight:600}.eyebrow,.ca-kicker{color:var(--ca-brand);letter-spacing:1.5px;font-size:10px;font-weight:700}.brand strong,.project-title,.sidebar-head b,.template-info b,.project-row b,.section-head h2{color:var(--ca-text)}.brand strong span{color:var(--ca-brand)}.brand small,.top-local,.top-crumb,.crumb-button,.save-status,.side-label,.side-help,.side-bottom small,.home-header p,.section-head p,.start-panel small,.template-info small,.project-row small,.muted-text,.section-label,.field-label,.form-label,.sidebar-foot,.layer-row small,.stage-count,.board-label,.dialog p,.settings-dialog p,.ca-hint,.ca-field{color:var(--ca-muted)}.top-separator,.side-rule{background:var(--ca-border)}.side-item,.rail-button,.layer-row,.icon-button,.app-top .icon-button,.home-tabs button,.sidebar-actions button,.component-row button,.section-label button{color:var(--ca-muted)}.side-item:hover,.rail-button:hover,.icon-button:hover,.app-top .icon-button:hover,.sidebar-actions button:hover{background:var(--ca-surface-soft);color:var(--ca-text)}.side-item.active,.layer-row.active,.rail-button.current,.rail-button.bottom,.home-tabs button.current,.inspector-tabs button.current{background:var(--ca-gold-bg);color:var(--ca-brand);border-color:var(--ca-brand)}.side-item.active{box-shadow:inset 2px 0 var(--ca-brand)}.dark-button,.ca-button-primary{color:#201602;background:linear-gradient(135deg,#ffce68,#f59e0b);border:1px solid #fbbf24;border-radius:10px;box-shadow:0 3px 12px #f59e0b12}.dark-button:hover,.ca-button-primary:hover{color:#201602;background:linear-gradient(135deg,#ffe19c,#ffbe3d)}.subtle-button,.app-top .subtle-button,.ghost-link,.ca-button-secondary{background:var(--ca-surface);color:var(--ca-text);border:1px solid var(--ca-border);border-radius:10px}.subtle-button:hover,.app-top .subtle-button:hover,.ca-button-secondary:hover{background:var(--ca-surface-soft);border-color:var(--ca-brand)}.start-panel,.ca-card{background:linear-gradient(140deg, var(--ca-card-from), var(--ca-card-to));border:1px solid var(--ca-border);box-shadow:var(--ca-shadow);border-radius:18px}.start-panel{margin-top:26px;padding:24px}.start-icon,.inspector-title>span{background:var(--ca-gold-bg);color:var(--ca-brand)}.side-bottom,.context-card,.ai-active-connection,.empty,.component-row,.comment-card,.token-card{background:var(--ca-surface);color:var(--ca-text);border-color:var(--ca-border)}.template-card{border:1px solid var(--ca-border);background:var(--ca-surface);border-radius:14px;transition:transform .18s,border-color .18s,box-shadow .18s}.template-card:hover{border-color:var(--ca-brand);box-shadow:var(--ca-shadow);transform:translateY(-3px)}.template-art{isolation:isolate;position:relative}.template-art:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 100% 0,#ffbe3d25,#0000 70%);position:absolute;inset:0}.template-info{background:var(--ca-surface)}.searchbox,.project-row,.dialog,.export-menu,.popover,.tool-pill,.canvas-footer,.timeline,.stage-toolbar,.workspace-mobile-panel,.compare-dialog{background:var(--ca-surface);color:var(--ca-text);border-color:var(--ca-border)}.project-row:hover{background:var(--ca-surface-soft)}.searchbox input{color:var(--ca-text)}.sidebar-head,.sidebar-section,.sidebar-actions,.sidebar-foot,.inspector-tabs,.inspector-title,.panel-section,.compare-dialog footer{border-color:var(--ca-border)}.field-label input:not([type=color]),.field-label textarea,.field-label select,.form-label input,.form-label select,.form-label textarea,.ca-field input,.ca-field select{background:var(--ca-input-bg);border:1px solid var(--ca-border);color:var(--ca-text);border-radius:9px}.inspector-tabs button,.panel-link,.context-card small,.context-card span,.inspector-title b{color:var(--ca-muted)}.stage-wrap{background:var(--ca-bg)}.stage-viewport{background-image:radial-gradient(color-mix(in srgb, var(--ca-muted) 28%, transparent) .8px, transparent .8px)}.board-label button,.workspace-entry-open,.workspace-heading,.workspace-home,.workspace-empty,.workspace-entry-close{color:var(--ca-muted)}.workspace-entry.active,.workspace-list-dark .workspace-entry.active{background:var(--ca-gold-bg);box-shadow:inset 2px 0 var(--ca-brand)}.workspace-entry.active .workspace-entry-open,.workspace-list-dark .workspace-entry.active .workspace-entry-open{color:var(--ca-brand)}.workspace-entry:hover,.workspace-home:hover{background:var(--ca-surface-soft)}.settings-entry{border-top:1px solid var(--ca-border);border-radius:0;width:100%;margin-top:16px;padding-top:12px;font-weight:600}.ca-button{justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s;display:inline-flex}.ca-button-quiet{color:var(--ca-muted);background:0 0;border:1px solid #0000}.ca-field{margin:20px 0;font-size:12px}.ca-field label{color:var(--ca-text);flex-direction:column;gap:8px;font-weight:600;display:flex}.ca-field input,.ca-field select{width:100%;min-height:44px;padding:11px 12px;font-size:13px}.ca-hint{margin:8px 0 14px;font-size:11px;font-weight:400;line-height:1.7}.ca-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ca-status{border:1px solid var(--ca-border);background:var(--ca-bg-soft);border-radius:10px;padding:12px;font-size:12px;line-height:1.7}.settings-dialog .ca-status-success{color:var(--ca-accent);border-color:color-mix(in srgb, var(--ca-accent) 45%, transparent)}.settings-dialog .ca-status-error{color:#f8a3a3;border-color:#a75454}[data-theme=light] .settings-dialog .ca-status-error{color:#b33535}.ca-badge{border:1px solid var(--ca-border);color:var(--ca-muted);white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:10px}.ca-badge.connected{color:var(--ca-accent);border-color:var(--ca-accent)}.settings-dialog{border:1px solid var(--ca-border);background:var(--ca-bg);width:min(780px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ca-text);border-radius:22px;padding:0;overflow:auto;box-shadow:0 30px 100px #0008}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617b0}.settings-header,.settings-footer{background:var(--ca-bg-soft);justify-content:space-between;align-items:center;gap:16px;padding:24px 30px;display:flex}.settings-header{border-bottom:1px solid var(--ca-border)}.settings-header h2{letter-spacing:-1px;margin:7px 0;font-size:30px}.settings-header p{margin:0;font-size:12px}.settings-content{gap:18px;padding:24px;display:grid}.settings-content .ca-card{padding:24px}.settings-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-content h3{margin:0 0 8px;font-size:17px}.settings-section-title p{margin:0;font-size:12px}.settings-footer{border-top:1px solid var(--ca-border);color:var(--ca-muted);font-size:10px}.theme-switch{border:1px solid var(--ca-border);border-radius:12px;gap:4px;padding:3px;display:flex}.theme-switch button{background:0 0;border:0}.theme-switch button[aria-pressed=true]{background:var(--ca-gold-bg);color:var(--ca-brand)}.ai-active-connection{border:1px solid var(--ca-border);overflow-wrap:anywhere;border-radius:12px;margin:20px 0;padding:16px}.ai-active-connection strong,.ai-active-connection span{font-size:12px;line-height:1.8;display:block}.ai-active-connection span{color:var(--ca-muted)}.ai-steps{color:var(--ca-muted);padding-left:18px;font-size:12px;line-height:1.85}.ai-steps li{padding:4px 0}.ai-guide{color:var(--ca-muted);border-block:1px solid var(--ca-border);margin:16px 0;padding:14px 0;font-size:11px;line-height:1.7}.ai-guide summary{cursor:pointer;color:var(--ca-text)}.ai-guide ol{padding-left:16px}.ai-prompts{gap:7px;margin:16px 0;display:grid}.ai-prompts>span{color:var(--ca-muted);font-size:10px}.ai-prompts button{background:var(--ca-surface);color:var(--ca-muted);border:1px solid var(--ca-border);text-align:left;border-radius:8px;padding:8px 10px;font-size:10px}.ai-prompts button:hover{border-color:var(--ca-brand);color:var(--ca-text)}@media (width<=760px){.home-header h1{letter-spacing:-.8px}.settings-dialog{border-radius:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.settings-header,.settings-footer{padding:18px}.settings-content{padding:12px}.settings-content .ca-card{padding:18px}.settings-section-title{flex-wrap:wrap;align-items:flex-start}.settings-dialog .ca-button{white-space:normal}.home-main{padding:24px 20px}.start-panel{padding:16px}.settings-footer span{max-width:200px}.home-header>.subtle-button{padding:8px;font-size:0}.home-header>.subtle-button:after{content:"↻";font-size:18px}}@media (prefers-reduced-motion:reduce){.template-card,.ca-button{transition:none}.template-card:hover{transform:none}}.ca-field>label{margin-bottom:8px}.ca-field>input,.ca-field>select{display:block}.template-art span{letter-spacing:-.8px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.template-art i{background:linear-gradient(135deg,#ffffff16,#ffffff04);border:1px solid #ffffff25;border-radius:18px;transform:rotate(-12deg)}.timeline-panel,.stage-bottom>div,.stage-bottom>button,.snapshot-text,.history-row,.variant-card,.compare-dialog footer,.compare-toolbar,.compare-tabs{background:var(--ca-surface);color:var(--ca-text);border-color:var(--ca-border)}.timeline-panel button,.stage-bottom button,.check-row,.color-input,.mini-heading,.inspector-title small,.empty-panel,.context-card b,.variant-card p,.history-row small,.compare-dialog footer{color:var(--ca-muted)}.color-input{border-color:var(--ca-border)}.check-row input{accent-color:var(--ca-brand)}.panel-rule{background:var(--ca-border)}.stage-bottom,.proposal-card{background:var(--ca-surface);color:var(--ca-text);border-color:var(--ca-border)}.stage-bottom>span,.proposal-card small,.proposal-card p{color:var(--ca-muted)}.proposal-card button,.tool-pill.active{background:var(--ca-gold-bg);color:var(--ca-brand);border-color:var(--ca-brand)}.workspace-list-dark .workspace-home,.workspace-list-dark .workspace-entry-open,.workspace-list-dark .workspace-entry-close,.workspace-list-dark .workspace-empty,.workspace-list-dark .workspace-heading{color:var(--ca-muted)}.workspace-list-dark .workspace-home:hover,.workspace-list-dark .workspace-entry:hover{background:var(--ca-surface-soft)}button:disabled{opacity:1;color:var(--ca-muted);filter:saturate(.55)}.field-label,.muted-text,.side-help,.project-row small,.template-info small{font-size:14px;line-height:1.5}.settings-dialog input,.settings-dialog textarea,.settings-dialog select{font-size:16px}.dark-button:disabled{background:var(--ca-surface-soft);border:1px solid var(--ca-border);color:var(--ca-muted);filter:none}.field-label input:not([type=color]),.field-label textarea,.field-label select,.form-label input,.form-label select,.form-label textarea,.ca-field input,.ca-field select,.generation-dialog .generation-modes button{border-color:var(--ca-control-border)}.generation-dialog .generation-modes button.selected{border:2px solid var(--ca-brand);padding:9px 11px}