*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a88be8 #151b2c}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgba(196,169,255,.62),rgba(132,200,188,.48)) padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(207,185,255,.9),rgba(151,220,203,.78)) padding-box}::-webkit-scrollbar-corner{background:transparent}:root{color-scheme:dark;--chrome:#090e1d;--surface:#101629;--muted:#788097;--line:rgba(158,169,198,.11);--lilac:#c4a9ff}body,html{width:100%;min-height:100%;margin:0}body{background:var(--chrome);color:#e7e9f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:-.015em}a,button{color:inherit;font:inherit}button{cursor:default}.app-shell{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;flex:0 0 64px;gap:27px;padding:0 32px;border-bottom:1px solid var(--line);background:linear-gradient(105deg,#090e1c,#0a0f20 50%,#141426)}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px;min-width:205px;font-size:22px;font-weight:690;letter-spacing:-.055em}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;transform:rotate(-10deg);background:linear-gradient(140deg,#d4baff,#91f1da);color:#131329;font-size:32px;font-weight:900;line-height:1}.brand-accent{color:#c3a7ff}.project-select{height:44px;border-left:1px solid var(--line);padding-left:26px;display:flex;align-items:center;gap:11px;color:#c9ccda;font-size:17px;white-space:nowrap}.project-select i{width:10px;height:10px;border-radius:50%;background:#bba0ff;box-shadow:0 0 15px #ac8bff}.project-menu-wrap{position:relative}button.project-select{cursor:pointer;border-top:0;border-right:0;border-bottom:0;background:transparent;color:#c9ccda}.project-select>span:nth-child(2){max-width:210px;overflow:hidden;text-overflow:ellipsis}.project-select:hover,.project-select[aria-expanded=true]{color:#f0edfb}.project-popover{position:absolute;z-index:36;top:calc(100% + 10px);left:0;width:min(350px,calc(100vw - 24px));padding:14px;border:1px solid rgba(158,169,198,.2);border-radius:14px;background:#11182a;box-shadow:0 18px 48px rgba(0,0,0,.4)}.project-folder-input{display:none}.project-list{display:grid;grid-gap:4px;gap:4px;max-height:min(300px,52vh);overflow-y:auto;padding:8px 0}.project-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#dce0ed;text-align:left;cursor:pointer}.project-list-item>span{min-width:0;display:grid;grid-gap:4px;gap:4px}.project-list-item strong{font-size:12px;font-weight:600}.project-list-item small,.project-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-item small{color:#8f99ae;font-size:10px}.project-list-item.is-current,.project-list-item:hover{border-color:rgba(196,169,255,.18);background:rgba(196,169,255,.08)}.project-list-item>svg{flex:0 0 auto;color:#c4a9ff}.project-new-entry{width:100%;display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid rgba(158,169,198,.15);border-radius:10px;background:#151c30;color:#dce0ed;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}.project-new-entry:hover{border-color:rgba(196,169,255,.35);background:#1a2138}.project-new-entry>svg{color:#c4a9ff}.project-new-entry>span{margin-left:auto;color:#8992a7;font-size:18px;line-height:1}.project-choice-list{display:grid;grid-gap:7px;gap:7px;margin:10px 0}.project-choice{display:grid;grid-gap:4px;gap:4px;padding:11px 12px;border:1px solid rgba(158,169,198,.14);border-radius:10px;background:#151c30;color:#e7e9f3;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.project-choice:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(196,169,255,.38);background:#1a2138}.project-choice:disabled{opacity:.65;cursor:wait}.project-choice strong{font-size:12px;font-weight:620}.project-choice span{color:#8f99ae;font-size:10px;line-height:1.4}.project-import-hint{display:block;color:#778198;font-size:9px;line-height:1.5}.project-back-button{display:inline-flex;margin:10px 0 2px;padding:5px 0;border:0;background:transparent;color:#bda5f5;font-size:11px;cursor:pointer}.project-back-button:hover{color:#e1d6ff}.project-popover-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--line);color:#e7e9f3;font-size:13px}.project-popover-heading small{color:#8f99ae;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.project-menu-status,.project-repository-current{margin:12px 1px;color:#aab2c6;font-size:12px;line-height:1.5}.project-menu-status p{margin:0 0 10px}.project-menu-status small{color:#778198;font-size:10px}.project-import-form{display:grid;grid-gap:9px;gap:9px;padding-top:12px}.project-import-form label{color:#9ba5bb;font-size:11px}.project-import-form input,.project-import-form select{width:100%;padding:10px 11px;border:1px solid rgba(158,169,198,.16);border-radius:9px;background:#0d1323;color:#e1e4ef;font:inherit;font-size:12px}.project-import-form .sample-button{justify-content:center;min-height:36px;padding:0 12px;font-size:11px}.project-repository-link{display:inline-flex;margin:0 1px 2px;color:#c4a9ff;font-size:11px;text-decoration:none}.project-repository-link:hover{text-decoration:underline}.chevron{display:inline-flex;align-items:center;justify-content:center;color:#8d94a7;margin-left:0;transform:translateY(1px)}.new-chat{height:42px;display:flex;align-items:center;gap:13px;padding:0 18px;border:1px solid rgba(255,255,255,.025);border-radius:14px;background:#171a27;font-size:15px;font-weight:620;white-space:nowrap}.version-wrap{position:relative}.version{display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:16px;font-weight:620;white-space:nowrap;cursor:pointer}.version:hover,.version[aria-expanded=true]{border-color:rgba(158,169,198,.15);background:#111729}.version:disabled{cursor:wait;opacity:.65}.version-chevron{display:grid;place-items:center;color:#858da4}.version-popover{position:absolute;z-index:35;top:calc(100% + 10px);left:0;width:min(360px,calc(100vw - 24px));max-height:min(420px,65vh);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(158,169,198,.2);border-radius:15px;background:#11182a;box-shadow:0 18px 48px rgba(0,0,0,.4)}.version-popover-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);color:#e7e9f3;font-size:13px}.version-popover-heading span{color:#929bb0;font-size:11px}.version-list{min-height:0;overflow-y:auto;padding:5px}.version-option{width:100%;display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;grid-gap:11px;gap:11px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#dce0ed;text-align:left;cursor:pointer}.version-option.is-current,.version-option:hover{border-color:rgba(196,169,255,.18);background:rgba(196,169,255,.08)}.version-option:disabled{cursor:not-allowed;opacity:.5}.version-option-thumbnail{width:116px;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(158,169,198,.16);border-radius:7px;background:linear-gradient(145deg,#f7f2e9,#e9e3d8);color:#596157}.version-option-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.version-option-thumbnail>span{padding:6px;font-size:9px;text-align:center}.version-option-content{min-width:0;display:grid;grid-gap:5px;gap:5px}.version-option-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.version-option-top time{color:#818aa1;font-size:10px}.version-option-prompt{overflow:hidden;color:#afb6c9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.version-option small{color:#7f899f;font-size:10px}.version-empty{margin:0;padding:16px;color:#939bb0;font-size:12px;line-height:1.5}.top-spacer{flex:1 1}.icon-button,.subtle-icon{display:grid;place-items:center;border:0;background:transparent;color:#9ca4b7;padding:7px}.saved{height:43px;padding:0 17px;border:1px solid rgba(146,159,190,.2);border-radius:24px;display:flex;align-items:center;gap:11px;white-space:nowrap;color:#d5d7e1}.saved i{width:9px;height:9px;border-radius:50%;background:#84c8bc;box-shadow:0 0 10px #77c8b5}.notification-wrap{position:relative;display:grid;place-items:center}.notification{position:relative;margin-left:0;cursor:pointer}.notification:hover{color:#d8caff}.notification-dot{position:absolute;top:4px;right:3px;width:8px;height:8px;border:2px solid #0b1020;border-radius:50%;background:#c4a9ff}.notification-popover{position:absolute;z-index:20;top:calc(100% + 12px);right:-54px;width:min(340px,calc(100vw - 24px));padding:15px;border:1px solid rgba(158,169,198,.2);border-radius:14px;background:#11182a;box-shadow:0 18px 48px rgba(0,0,0,.38);color:#e7e9f3}.notification-popover-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13px}.notification-popover-heading span{color:#8c94ab;font-size:11px}.notification-popover ul{display:grid;grid-gap:2px;gap:2px;margin:0;padding:8px 0 0;list-style:none}.notification-popover li{display:flex;align-items:flex-start;gap:10px;padding:10px 4px;color:#cbd0df;font-size:12px;line-height:1.5}.notification-item-dot{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#84c8bc}.notification-popover>p{margin:14px 2px 2px;color:#8c94ab;font-size:12px}.notification-toast{position:fixed;z-index:40;top:76px;right:24px;display:flex;align-items:center;gap:11px;width:min(380px,calc(100vw - 32px));padding:13px 14px;border:1px solid rgba(132,200,188,.26);border-radius:12px;background:#111a29;box-shadow:0 16px 42px rgba(0,0,0,.38);color:#dce5e4;font-size:12px;line-height:1.45;animation:notification-toast-in .18s ease-out}.notification-toast-check{flex:0 0 21px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:rgba(132,200,188,.16);color:#91d0c2;font-size:13px}.notification-toast>span:nth-child(2){flex:1 1}.notification-toast button{border:0;padding:2px;background:transparent;color:#8c94ab;font-size:18px;line-height:1}@keyframes notification-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.avatar,.user-avatar{display:grid;place-items:center;border-radius:50%;background:#dfad8e;color:#443328;font-weight:650}.avatar{width:37px;height:37px;margin-left:2px}.modebar{flex:0 0 48px;height:48px;padding:0 27px;gap:4px;border-bottom:1px solid var(--line);background:#0b1020;overflow-x:auto}.mode,.modebar{display:flex;align-items:center}.mode{border:0;background:transparent;font-family:inherit;text-decoration:none;color:#8c94ab;height:36px;padding:0 14px;gap:9px;border-radius:9px;font-size:14px;font-weight:550;white-space:nowrap}.mode.active{color:#d8caff;background:#24213f}.mode:disabled{opacity:.42;cursor:not-allowed}.problem-count{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#514532;color:#edc775;font-size:12px}.tool-layout{grid-template-columns:var(--sidebar-width,310px) minmax(390px,var(--chat-pane-width,32.05%)) 8px minmax(0,1fr)}.library-layout,.tool-layout{min-height:calc(100vh - 112px);flex:1 1;display:grid}.library-layout{grid-template-columns:var(--sidebar-width,310px) minmax(0,1fr)}.settings-layout{height:calc(100vh - 112px);min-height:0;flex-grow:0;flex-shrink:0;flex-basis:calc(100vh - 112px);grid-template-rows:minmax(0,1fr)}.settings-layout .settings-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}.library-layout .sidebar{min-height:calc(100vh - 112px)}.library-content{min-width:0;padding:clamp(32px,5vw,72px);background:radial-gradient(ellipse at 85% 0,rgba(113,91,164,.1),transparent 38%),#0b1020}.settings-content{min-width:0;padding:clamp(28px,4vw,60px);background:radial-gradient(ellipse at 85% 0,rgba(113,91,164,.12),transparent 38%),linear-gradient(120deg,#0b1020,#0d1222 58%,#101122)}.providers-overview{display:grid;grid-template-columns:minmax(230px,.8fr) repeat(2,minmax(260px,1fr));align-items:stretch;grid-gap:24px;gap:24px;padding:8px 0}.providers-intro{padding-top:5px}.providers-intro h1{margin:0 0 14px;color:#f4f4f4;font-size:25px;font-weight:650;letter-spacing:-.04em}.providers-intro p{max-width:360px;margin:0;color:#969696;font-size:19px;line-height:1.6;letter-spacing:-.02em}.providers-intro .settings-back{display:inline-flex;margin-top:24px}.provider-overview-card{min-width:0;min-height:210px;padding:24px;border:1px solid rgba(255,255,255,.035);border-radius:16px;background:#171a27;color:#e7e9f3;text-align:left}button.provider-overview-card{cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}button.provider-overview-card:hover{border-color:rgba(196,169,255,.28);background:#1b1f2e;transform:translateY(-1px)}.provider-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:27px;font-weight:620;letter-spacing:-.05em}.provider-card-status{padding:6px 11px;border-radius:22px;background:#262a38;color:#aeb4c6;font-size:14px;font-weight:540;letter-spacing:-.03em;white-space:nowrap}.provider-card-status.is-ready{background:rgba(54,122,91,.2);color:#90c8a9}.provider-card-model{display:block;margin-top:10px;color:#777;font-size:13px}.add-custom-provider-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-style:dashed;border-color:rgba(158,169,198,.2);text-align:center}.add-provider-plus{color:#aeb4c6;font-size:42px;font-weight:250;line-height:.9}.add-custom-provider-card strong{color:#e7e9f3;font-size:25px;font-weight:580;letter-spacing:-.045em}.add-custom-provider-card>span:last-child{max-width:290px;color:#9ba3b8;font-size:17px;line-height:1.5;letter-spacing:-.02em}.provider-loading-card{display:grid;place-items:center;color:#909090;font-size:15px}.overview-notice{margin-top:20px}.settings-back-button{margin:0 0 16px;padding:0;border:0;background:transparent;color:#aaa;font-size:13px}.settings-form-detail{max-width:760px;margin-top:26px}.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:27px;border-bottom:1px solid var(--line)}.settings-heading h1{margin:0;color:#f0eff7;font-size:clamp(30px,3vw,42px);font-weight:610;letter-spacing:-.055em}.settings-section-head p,.settings-subtitle{margin:9px 0 0;color:#8b93a9;font-size:14px}.settings-back{color:#c7b5f2;text-decoration:none;white-space:nowrap;font-size:13px}.settings-grid{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(360px,1.4fr);grid-gap:18px;gap:18px;margin-top:24px;align-items:start}.provider-form-card,.provider-list-card{min-width:0;padding:21px;border:1px solid rgba(158,169,198,.14);border-radius:15px;background:rgba(17,24,42,.82)}.settings-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.settings-section-head h2{margin:0;color:#ececf5;font-size:16px;font-weight:610}.settings-section-head p{font-size:12px;line-height:1.5}.settings-section-head>span{padding:6px 9px;border:1px solid rgba(158,169,198,.15);border-radius:18px;color:#9da7bc;font-size:10px;white-space:nowrap}.provider-list{display:grid;grid-gap:8px;gap:8px}.provider-row{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid rgba(158,169,198,.11);border-radius:11px;background:rgba(10,16,30,.55)}.provider-row.is-active{border-color:rgba(196,169,255,.4);background:rgba(196,169,255,.07)}.provider-select{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;text-align:left}.provider-select>span:last-child{display:grid;grid-gap:4px;gap:4px}.provider-select strong{color:#e2e5ef;font-size:12px;font-weight:570}.provider-select small{color:#79849b;font-size:10px}.provider-indicator{width:9px;height:9px;border:1px solid #68748d;border-radius:50%}.is-active .provider-indicator{border-color:#c4a9ff;background:#c4a9ff;box-shadow:0 0 10px rgba(196,169,255,.4)}.provider-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-left:19px}.provider-state{color:#d9bd7b;font-size:10px}.provider-state.ready{color:#85c9bb}.text-action{padding:0;border:0;background:transparent;color:#c4a9ff;font-size:10px}.danger-action{color:#ef9aa4}.add-provider-button{width:100%;min-height:41px;margin-top:12px;border:1px dashed rgba(196,169,255,.3);border-radius:10px;background:transparent;color:#d3c4f7;font-size:12px}.add-provider-button span{margin-right:7px;font-size:17px;vertical-align:-1px}.active-label{color:#83c8b9!important}.provider-form{display:grid;grid-gap:15px;gap:15px}.provider-form label{display:grid;grid-gap:7px;gap:7px;color:#c8cede;font-size:11px;font-weight:550}.api-key-label .api-key-label-row{display:flex;align-items:center;justify-content:space-between}.api-key-delete-button{width:29px;height:27px;display:grid;place-items:center;border:1px solid rgba(240,142,155,.2);border-radius:7px;background:rgba(240,142,155,.045);color:#d8949e}.api-key-delete-button:hover{border-color:rgba(240,142,155,.42);background:rgba(240,142,155,.12);color:#f0a4ae}.api-key-delete-button:disabled{cursor:wait;opacity:.5}.api-key-delete-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.provider-form input{width:100%;height:40px;padding:0 12px;border:1px solid rgba(164,177,209,.18);border-radius:9px;outline:none;background:#0b1120;color:#e2e5ef;font:inherit;font-weight:400}.provider-form input:focus{border-color:rgba(196,169,255,.65);box-shadow:0 0 0 3px rgba(196,169,255,.09)}.provider-form input:disabled{opacity:.62}.provider-form label small{color:#78839a;font-size:10px;font-weight:400;line-height:1.5}.provider-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.provider-submit-actions{display:flex;align-items:center;gap:13px}.provider-form-footer>span{color:#84c8b9;font-size:10px}.settings-save-button{min-height:39px;padding:0 15px;border:0;border-radius:9px;background:#c4a9ff;color:#20192f;font-size:11px;font-weight:650}.settings-save-button:disabled{cursor:wait;opacity:.55}.settings-alert{margin:0 0 15px;padding:10px 12px;border-radius:8px;font-size:11px;line-height:1.5}.error-alert{border:1px solid rgba(240,142,155,.2);background:rgba(240,142,155,.08);color:#f0a4ae}.success-alert{border:1px solid rgba(132,200,188,.2);background:rgba(132,200,188,.08);color:#94d1c4}.settings-note{margin:18px 0 0;color:#707a91;font-size:10px;line-height:1.65}.settings-note code{color:#aab3c7}.settings-muted{color:#8993a8;font-size:12px}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:31px;border-bottom:1px solid var(--line)}.library-eyebrow{margin:0 0 12px;color:#9b8bbb;font-size:11px;font-weight:700;letter-spacing:.16em}.library-heading h1{margin:0;color:#f0eff7;font-size:clamp(30px,3vw,42px);font-weight:610;letter-spacing:-.055em}.library-description{margin:10px 0 0;color:#8b93a9;font-size:15px}.library-components-grid{display:grid;grid-gap:14px;gap:14px}.library-preview-placeholder{min-height:180px;display:grid;place-items:center;border:1px solid rgba(158,169,198,.1);border-radius:11px;color:#858da4;font-size:12px;background:rgba(158,169,198,.025)}.library-performance{margin:8px 0 16px;color:#909ab2;font-size:12px}.library-performance summary{cursor:pointer}.preview-caption{position:relative}.workflow-timings{margin-left:auto;margin-right:14px}.workflow-timings summary{cursor:pointer;font-size:11px}.workflow-timings>div{position:absolute;right:16px;bottom:28px;z-index:30;width:min(370px,90%);max-height:350px;overflow:auto;padding:14px;border:1px solid #30394f;border-radius:12px;background:#11182b;color:#cbd0df;box-shadow:0 12px 35px #0005}.workflow-timings p{display:flex;justify-content:space-between;gap:14px;font-size:11px}.workflow-timings b{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-interim-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:4;max-width:90%;padding:8px 14px;border:1px solid #b69cf94d;border-radius:999px;background:#171b30ed;color:#e1d7ff;font-size:12px;pointer-events:none}.preview-iframe-wrap.is-interim{position:relative}.preview-iframe-wrap.is-interim iframe{pointer-events:none}.virtual-list{overflow-anchor:none}.virtual-list-toggle{margin:5px 0 8px;border:0;padding:4px 0;background:none;color:#9d94c5;font-size:11px;cursor:pointer}.library-styled-component{overflow:hidden;padding:16px}.library-component-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-component-header strong{color:#e7e9f3;font-size:14px;font-weight:620}.library-component-header span{padding:4px 7px;border:1px solid rgba(158,169,198,.16);border-radius:999px;color:#8992a8;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.library-component-detail{margin:6px 0 14px;color:#8690a6;font-size:12px;line-height:1.45}.library-component-preview{width:100%;height:180px;display:block;overflow:hidden;border:1px solid rgba(158,169,198,.14);border-radius:11px;background:#0b1020}.library-item-count{padding:8px 12px;border:1px solid rgba(158,169,198,.15);border-radius:20px;color:#9ca4b7;font-size:12px;white-space:nowrap}.library-empty-state{min-height:min(56vh,500px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.library-empty-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(196,169,255,.2);border-radius:18px;background:rgba(196,169,255,.08);color:#c4a9ff}.library-empty-icon svg{width:27px;height:27px}.media-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 18px}.media-filters button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(158,169,198,.14);border-radius:10px;background:#11182a;color:#969fb5;font:inherit;font-size:12px;cursor:pointer}.media-filters button.active,.media-filters button:hover{border-color:rgba(196,169,255,.35);background:#24213f;color:#ded2ff}.media-filters button span{color:#717b93;font-size:11px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px}.media-card{min-width:0;overflow:hidden;border:1px solid rgba(158,169,198,.13);border-radius:14px;background:rgba(17,24,42,.82)}.media-preview{height:145px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,rgba(196,169,255,.12),transparent 70%),#0b1020;color:#c4a9ff}.media-preview>span{font-size:43px;line-height:1}.media-preview>img{width:100%;height:100%;max-height:145px;object-fit:contain}.transparent-image-surface{background-color:#e3e6ed;background-image:conic-gradient(#c6cbd5 25%,transparent 0 50%,#c6cbd5 0 75%,transparent 0);background-size:20px 20px}.chat-image-result{width:min(100%,340px);margin:14px 0;overflow:hidden;border:1px solid #2b3348;border-radius:14px;background:#101628}.chat-image-result .transparent-image-surface{display:grid;place-items:center;min-height:120px;padding:12px}.chat-image-result img{display:block;max-width:100%;max-height:320px;object-fit:contain}.chat-image-result figcaption{display:grid;grid-gap:10px;gap:10px;padding:12px 14px;font-size:12px}.chat-image-result strong{overflow-wrap:anywhere;font-weight:500;color:#d8dbe6}.chat-image-result a,.media-image-download{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c5a8ff;text-decoration:none;font-size:12px}.chat-image-result a:hover,.media-image-download:hover{color:#e2d2ff}.media-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:0 13px 13px}.media-image-download{margin:0;flex:1 1}.media-delete-confirm button,.media-file-delete{border:1px solid rgba(158,169,198,.22);border-radius:8px;background:transparent;color:#aab3c7;padding:7px 9px;font:inherit;font-size:11px;cursor:pointer}.media-delete-confirm button:hover,.media-file-delete:hover{border-color:rgba(196,169,255,.45);background:rgba(196,169,255,.1);color:#e2d2ff}.media-delete-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;width:100%}.media-delete-confirm span{width:100%;color:#b6bfd1;font-size:10px;line-height:1.4}.media-delete-confirm button.confirm{border-color:rgba(225,143,164,.35);color:#e6a2b5}.media-delete-confirm button.confirm:hover{border-color:rgba(225,143,164,.6);background:rgba(225,143,164,.12);color:#f2becb}.media-delete-confirm button:disabled{opacity:.6;cursor:wait}.media-preview small{position:absolute;right:10px;bottom:9px;padding:4px 6px;border-radius:5px;background:#1c2438;color:#8993a8;font-size:9px;letter-spacing:.06em}.media-preview-video{color:#8dd9cc}.media-preview-audio{color:#e3b88b}.media-preview-font{color:#b9a3f3}.media-card-info{min-width:0;padding:12px 13px 13px}.media-card-info strong,.media-card-info>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-info strong{color:#e0e4ef;font-size:13px;font-weight:560}.media-card-info>span{margin-top:5px;color:#778198;font-size:11px}.media-card-info>div{display:flex;align-items:center;gap:8px;margin-top:11px}.media-card-info small{color:#778198;font-size:10px}.media-card-info em{padding:3px 7px;border-radius:8px;background:rgba(120,196,164,.11);color:#8dd9b1;font-size:10px;font-style:normal}.media-empty,.media-message{margin-top:28px;padding:28px;border:1px solid rgba(158,169,198,.13);border-radius:14px;color:#929bb0;background:rgba(17,24,42,.55)}.media-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.media-empty h2{margin:18px 0 0;color:#e2e5ef;font-size:17px;font-weight:560}.media-empty p{color:#828ca2;font-size:13px}.media-error{color:#f0a1a7}.library-empty-state h2{margin:20px 0 0;color:#e7e9f3;font-size:18px;font-weight:580;letter-spacing:-.025em}.library-empty-state p{margin:8px 0 0;color:#818aa1;font-size:14px}@media (max-width:720px){.library-state-grid{grid-template-columns:1fr}.library-state .library-component-preview{height:130px}}.side-link{text-decoration:none}.sidebar{min-height:0;padding:34px 16px 18px;background:#0d1325;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-heading{padding:0 10px 36px;justify-content:space-between;color:#828aa0;font-size:12px;font-weight:700;letter-spacing:.06em}.side-link,.sidebar-heading{display:flex;align-items:center}.side-link{min-height:50px;padding:0 14px;gap:14px;border-radius:11px;color:#838ba1;font-size:15px;margin-bottom:4px}.lock-icon{display:block;transform:translate(-1px,-.5px)}.side-link.selected{color:#d6caff;background:#24213f}.side-badge{margin-left:auto;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#302a4d;color:#d5c5ff;font-size:12px}.sidebar-spacer{flex:1 1;min-height:100px}.library-layout:has(>.sidebar.is-collapsed),.tool-layout:has(>.sidebar.is-collapsed){--sidebar-width:72px}.sidebar.is-collapsed{padding-left:10px;padding-right:10px}.sidebar.is-collapsed .side-badge,.sidebar.is-collapsed .side-label,.sidebar.is-collapsed .sidebar-title{display:none}.sidebar.is-collapsed .side-link,.sidebar.is-collapsed .sidebar-heading{justify-content:center;padding-left:0;padding-right:0}.sidebar.is-collapsed .side-link{gap:0}.sidebar-collapse{flex-shrink:0}html[data-sidebar-collapsed=true] .library-layout,html[data-sidebar-collapsed=true] .tool-layout{--sidebar-width:72px}html[data-sidebar-collapsed=true] .sidebar{padding-left:10px;padding-right:10px}html[data-sidebar-collapsed=true] .sidebar .side-badge,html[data-sidebar-collapsed=true] .sidebar .side-label,html[data-sidebar-collapsed=true] .sidebar .sidebar-title{display:none}html[data-sidebar-collapsed=true] .sidebar .sidebar-heading{justify-content:center;padding-left:0;padding-right:0}html[data-sidebar-collapsed=true] .sidebar .side-link{justify-content:center;padding-left:0;padding-right:0;gap:0}.preview-page-select{max-width:140px;min-width:80px;padding:4px 6px;border:0;border-right:1px solid var(--line);background:#11182a;color:#d5d9e8;font:inherit;font-size:11px}.chat-panel{min-height:0;position:relative;display:flex;flex-direction:column;background:#0a0f1e;border-right:1px solid var(--line)}.chat-resize-handle{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;min-width:8px;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0}.chat-resize-handle:after{width:2px;height:42px;border-radius:2px;background:#30394f;content:"";transition:height .15s ease,background .15s ease,box-shadow .15s ease}.chat-resize-handle:focus-visible:after,.chat-resize-handle:hover:after{height:64px;background:#b99af4;box-shadow:0 0 12px rgba(185,154,244,.35)}.assistant-head{height:68px;flex:0 0 68px;display:flex;align-items:center;gap:13px;padding:0 27px;border-bottom:1px solid var(--line)}.assistant-logo{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(135deg,#b8a0ff,#7be0cd);color:#22243c}.assistant-logo.small{width:34px;height:34px;border-radius:11px}.assistant-head strong{display:block;color:#e6e7ee;font-size:17px;font-weight:620}.assistant-heading{min-width:0}.assistant-heading strong{white-space:nowrap}.assistant-heading .generation-status{max-width:clamp(120px,20vw,230px);display:flex;align-items:center;gap:7px;overflow:hidden;margin-top:5px;color:#c4a9ff;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.generation-status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#c4a9ff;box-shadow:0 0 9px rgba(196,169,255,.72);animation:generation-pulse 1.2s ease-in-out infinite}@keyframes generation-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.assistant-head .provider-config-link,.assistant-head span{display:block;margin-top:7px;color:#798198;font-size:14px}.assistant-head .provider-config-link{text-decoration:none;cursor:pointer}.assistant-head .provider-config-link:focus-visible,.assistant-head .provider-config-link:hover{color:#c4a9ff;text-decoration:underline;text-underline-offset:3px}.assistant-head .subtle-icon{margin-left:auto}.conversation{min-height:0;flex:1 1;overflow:hidden;padding:17px 22px 0}.context-summary-banner{margin:0 22px 8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(196,169,255,.2);border-radius:14px;background:rgba(196,169,255,.07);color:#cbd0df;font-size:12px;line-height:1.4}.context-summary-banner>span{min-width:0;display:flex;align-items:center;gap:8px}.context-summary-banner>span svg{flex:0 0 auto;color:#c4a9ff}.context-summary-banner button{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(196,169,255,.22);border-radius:10px;background:#171a27;color:#e4ddff;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}.context-summary-banner button:hover{border-color:rgba(196,169,255,.5);background:#201d32}.version-card{padding:17px 18px;border:1px solid rgba(151,163,193,.14);border-radius:17px;background:#131a2d;color:#aeb4c6;font-size:14px}.version-card>div:first-child{display:flex;align-items:center;gap:9px}.version-card>div:first-child svg:last-child{margin-left:auto}.version-card strong{font-weight:560}.time-row{display:flex;gap:10px;margin:13px 0 7px;color:#aab0c0}.version-card p{margin:0;font-size:14px}.version-card p strong{color:#e1e3ed}.version-card p span{color:#7e869d}.message{display:flex;align-items:flex-start;gap:14px;margin-top:32px;color:#d4d7e2}.message-meta{color:#d2d5e1;font-size:14px}.message-meta time{margin-left:8px;color:#777f96;font-size:12px}.message p{margin:7px 0 0;font-size:15px;line-height:1.85;letter-spacing:-.025em}.user-message{justify-content:flex-end;gap:12px;padding-left:45px;margin-top:28px}.user-message>div:first-child{text-align:right}.user-message p{color:#b8bdcd}.user-avatar{width:35px;height:35px;flex:0 0 auto;background:#68718a;color:#e8eaf2}.updated-files{display:inline-flex;align-items:center;gap:9px;margin:15px 0 0;padding:11px 15px;border:1px solid rgba(151,163,193,.2);border-radius:15px;color:#d5d8e4;font-size:13px}.ready-text{position:absolute;bottom:4px;left:0;color:#e3e5ed;font-size:18px}.composer{margin:0 22px;min-height:108px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;position:relative;padding:11px 20px 8px;border:1px solid rgba(157,169,200,.19);border-radius:22px;background:#12192b;box-shadow:0 -15px 30px rgba(8,13,27,.3)}.selected-elements{display:grid;grid-gap:7px;gap:7px;max-height:160px;overflow-y:auto;margin:0 0 8px}.selected-elements-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:#b8b1ca;font-size:10px;font-weight:650;letter-spacing:.01em}.selected-elements-heading small{display:inline-grid;min-width:16px;height:16px;margin-left:5px;place-items:center;border-radius:50%;background:rgba(196,169,255,.15);color:#d8c9ff;font-size:9px}.selected-elements-heading button{border:0;padding:2px 3px;background:transparent;color:#8992a8;font:inherit;font-size:10px;cursor:pointer}.selected-elements-heading button:hover{color:#d6c7fb}.selected-elements-list{display:grid;grid-gap:6px;gap:6px}.selected-element-card{min-width:0;min-height:54px;display:flex;align-items:center;gap:10px;padding:6px;border:1px solid rgba(196,169,255,.23);border-radius:13px;background:linear-gradient(105deg,rgba(129,94,201,.18),rgba(30,37,61,.72));box-shadow:0 8px 18px rgba(7,10,23,.19),inset 0 1px rgba(255,255,255,.035)}.selected-element-thumbnail{width:50px;height:40px;flex:0 0 50px;display:grid;align-content:center;grid-gap:4px;gap:4px;padding:7px;overflow:hidden;border:1px solid rgba(218,203,255,.26);border-radius:8px;background:linear-gradient(145deg,#7d68b3,#333a63);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.selected-element-thumbnail i{display:block;height:4px;border-radius:4px;background:rgba(247,243,255,.8)}.selected-element-thumbnail i:nth-child(2){width:72%;background:rgba(220,205,255,.6)}.selected-element-thumbnail i:nth-child(3){width:45%;height:8px;margin-top:1px;background:rgba(37,25,63,.55)}.selected-element-thumbnail.selected-element-main i:first-child,.selected-element-thumbnail.selected-element-section i:first-child{width:50%;height:13px}.selected-element-copy{min-width:0;flex:1 1;display:grid;grid-gap:1px;gap:1px;overflow:hidden}.selected-element-copy strong{overflow:hidden;color:#eee9fb;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.selected-element-copy small{overflow:hidden;color:#a7a1b8;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.selected-element-kicker{color:#cdbbff!important;font-size:9px!important;font-weight:650;letter-spacing:.045em;text-transform:uppercase}.selected-element-excerpt{color:#aaa4ba!important}.selected-element-remove{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:0;border-radius:8px;background:rgba(255,255,255,.035);color:#b4adbf;font:inherit;font-size:18px;line-height:1;cursor:pointer}.selected-element-remove:hover{background:rgba(231,189,213,.13);color:#ffcedf}.selected-elements.is-compact{max-height:138px;margin:9px 0 2px}.selected-elements.is-compact .selected-element-card{max-width:440px}.selected-elements.is-compact .selected-element-thumbnail{width:42px;height:34px;flex-basis:42px;padding:6px}.selected-elements.is-compact .selected-element-kicker{display:none}.drop-feedback{position:absolute;z-index:40;inset:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed rgba(196,169,255,.8);border-radius:16px;background:rgba(13,16,32,.94);color:#ded2ff;font-size:13px;font-weight:550;pointer-events:none}.drop-feedback svg{color:#c4a9ff}.prompt-placeholder{color:#7c8499;font-size:15px}.composer-mic{width:30px;height:30px;position:absolute;right:15px;top:7px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#8d95ab;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.composer-mic:focus-visible,.composer-mic:hover{outline:none;background:rgba(196,169,255,.1);color:#c4a9ff}.composer-mic.listening{color:#ff8a96;background:rgba(255,112,132,.1);box-shadow:0 0 0 5px rgba(255,112,132,.07);animation:mic-pulse 1.2s ease-in-out infinite alternate}.voice-stop-icon{width:11px;height:11px;border-radius:3px;background:currentColor}.composer-tools{margin:0 -6px;display:flex;align-items:center;gap:17px}.agent-mode-control,.composer-tools{position:relative}.agent-select{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.035);border-radius:13px;background:#171a27;color:#e0e3ed;font-weight:560;transition:background .15s ease,border-color .15s ease}.agent-select:hover,.agent-select[aria-expanded=true]{border-color:rgba(196,169,255,.24);background:#1b1f2e}.agent-select>svg:first-child{flex:0 0 auto;color:#c4a9ff}.dropdown-chevron{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;margin-left:2px;color:#929bb0}.dropdown-chevron svg{display:block}.agent-mode-menu{position:absolute;z-index:30;left:0;bottom:calc(100% + 12px);width:min(360px,calc(100vw - 36px));padding:8px;border:1px solid rgba(158,169,198,.2);border-radius:17px;background:linear-gradient(145deg,#171d2e,#101625);box-shadow:0 18px 48px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.02)}.agent-mode-option{width:100%;min-height:62px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;grid-gap:11px;gap:11px;padding:8px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#e7e9f3;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.agent-mode-option.is-selected,.agent-mode-option:hover{border-color:rgba(158,169,198,.08);background:rgba(255,255,255,.045)}.agent-mode-option>svg:first-child{color:#9ca4b7}.agent-mode-option.mode-plan>svg:first-child{color:#70a9ff}.agent-mode-option.mode-ask>svg:first-child{color:#c767ff}.agent-mode-option.is-selected>svg:last-child{color:#c4a9ff}.agent-mode-copy{min-width:0;display:grid;grid-gap:3px;gap:3px}.agent-mode-copy strong{font-size:14px;font-weight:610}.agent-mode-copy small{color:#9ba3b8;font-size:12px;line-height:1.35}.model-picker{position:relative;min-width:0}.model-select{max-width:190px;height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aeb5c8;font-size:13px;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.model-select:hover,.model-select[aria-expanded=true]{border-color:rgba(158,169,198,.16);background:#171a27;color:#e0e3ed}.model-select-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select .dropdown-chevron{margin-left:auto}.model-menu{position:absolute;z-index:30;left:0;bottom:calc(100% + 12px);width:min(280px,calc(100vw - 36px));max-height:min(320px,55vh);overflow-y:auto;padding:7px;border:1px solid rgba(158,169,198,.2);border-radius:15px;background:linear-gradient(145deg,#171d2e,#101625);box-shadow:0 18px 48px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.02)}.model-group+.model-group{margin-top:7px;padding-top:7px;border-top:1px solid rgba(158,169,198,.13)}.model-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 6px;color:#aeb5c8;font-size:11px;font-weight:650}.model-group-heading small{color:#818aa1;font-size:10px;font-weight:500}.model-option{width:100%;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#dce0ed;font-size:12px;text-align:left;cursor:pointer}.model-option.is-selected,.model-option:hover{border-color:rgba(158,169,198,.08);background:rgba(255,255,255,.05)}.model-option svg{flex:0 0 auto;color:#c4a9ff}.model-menu-message{padding:12px 10px;color:#9ba3b8;font-size:12px;line-height:1.45}.model-menu-error{color:#e3a7a7}.model-name{color:#a3aabd;font-size:13px}.composer-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.send-button{width:43px;height:43px;border:0;border-radius:50%;background:#c5a8ff;color:#17112b;display:grid;place-items:center}.send-button:not(.stop-button) svg{position:relative;left:-1px;top:2px}.powered{height:57px;display:flex;justify-content:center;align-items:center;color:#676f86;font-size:12px}.powered.provider-config-link{text-decoration:none;cursor:pointer}.powered.provider-config-link:focus-visible,.powered.provider-config-link:hover{color:#c4a9ff;text-decoration:underline;text-underline-offset:3px}.preview-panel{flex-direction:column}.code-panel,.preview-panel{min-width:0;min-height:0;display:flex;background:#0e1425}.code-explorer{width:176px;flex:0 0 176px;padding:17px 10px;border-right:1px solid var(--line);background:#0b1020;overflow:auto}.code-explorer>small{display:block;padding:0 9px 12px;color:#778198;font-size:10px;font-weight:650;letter-spacing:.08em}.code-file{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#929bb1;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.code-file.selected{border-color:rgba(196,169,255,.12);background:rgba(196,169,255,.08);color:#d4c6ff}.code-file>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-file-status{padding:0 9px;color:#8b94ab;font-size:11px}.code-unsaved-dot{width:7px;height:7px;margin-left:6px;border-radius:50%;background:#dfad8e}.code-save-button{padding:7px 11px;border:1px solid rgba(196,169,255,.16);border-radius:8px;background:#1a1e30;color:#d7caff;font-size:11px;cursor:pointer}.code-save-button:disabled{opacity:.55;cursor:default}.code-file-error{flex:0 0 auto;margin:0;padding:9px 18px;background:rgba(196,112,125,.1);color:#e4adb5;font-size:11px}.code-workbench{min-width:0;min-height:0;flex:1 1;display:flex;flex-direction:column}.code-panel-header{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);color:#d9dcea;font-size:12px}.code-panel-header>span{display:flex;align-items:center;gap:9px}.code-panel-header svg{color:#c4a9ff}.code-panel-header small{color:#778098;font-size:11px}.code-editor{width:100%;min-height:0;flex:1 1;resize:none;padding:20px 22px;border:0;outline:0;background:#0b1020;color:#d4d9e8;-moz-tab-size:2;tab-size:2;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;overflow:auto}.code-panel-footer{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-top:1px solid var(--line);color:#788198;font-size:11px}.preview-toolbar{height:77px;flex:0 0 77px;display:flex;align-items:center;gap:8px;padding:0 19px;border-bottom:1px solid var(--line)}.edit-actions{display:flex;height:45px;margin-right:7px;border:1px solid rgba(154,166,196,.15);border-radius:13px;overflow:hidden;color:#b9a1ff}.edit-actions button{width:44px;border:0;background:#10172a;color:inherit}.edit-actions button+button{border-left:1px solid var(--line)}.toolbar-icon{flex:0 0 32px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#78839a}.phone-icon{margin:0 4px}.address-bar{min-width:60px;height:45px;flex:1 1;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid rgba(153,165,194,.14);border-radius:16px;background:#0b1121;color:#e1e3eb;font-size:15px}.preview-stage{min-height:0;flex:1 1;display:grid;place-items:center;padding:28px 27px 25px}.browser-frame{position:relative;width:100%;height:100%;max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:transparent}.preview-runtime-layer{position:absolute;inset:0;z-index:1;display:flex;overflow:hidden;background:#f7f2e9}.preview-runtime-layer>.preview-empty-state{width:100%}.preview-runtime-layer>.preview-document{display:block;width:100%;height:100%;min-height:0;flex:1 1;border:0}.preview-start-state button{margin-top:18px;padding:10px 16px;border:1px solid #d6d1c8;border-radius:999px;background:#fff;color:#26342d;cursor:pointer;font:inherit}.preview-empty-state{min-height:0;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#27332d;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f8f7f3 44%,#eeece6 100%)}.preview-empty-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:21px;border:1px solid #e4ddf2;border-radius:17px;background:#fff;color:#8d71d1;box-shadow:0 8px 24px rgba(75,56,111,.08)}.preview-empty-label{color:#85789e;font-size:10px;font-weight:700;letter-spacing:.17em}.preview-empty-state h2{margin:12px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.04em}.preview-empty-state p{max-width:360px;margin:0;color:#74796f;font-size:13px;line-height:1.7}.preview-empty-status{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 12px;border:1px solid #e5e3dc;border-radius:20px;color:#777c73;font-size:11px}.preview-empty-status i{width:7px;height:7px;border-radius:50%;background:#89b496}.website{min-height:0;flex:1 1;display:flex;flex-direction:column;padding:0 6.2%;color:#17231d;background:#f7f2e9}.site-nav{height:118px;flex:0 0 118px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700;letter-spacing:-.09em}.site-logo span{color:#d99f84}.site-nav nav{gap:clamp(19px,3vw,49px);color:#73796e;font-size:13px}.site-nav nav,.talk-button{display:flex;align-items:center}.talk-button{min-height:40px;gap:10px;padding:0 16px;border:1px solid #c6c8b8;border-radius:24px;color:#454d43}.hero{width:min(100%,730px);margin:auto 0;padding:5px 0 30px}.eyebrow{margin-bottom:29px;color:#bd8c73;font-size:12px;font-weight:700;letter-spacing:.19em}.hero h1{margin:0;color:#1e2c23;font-family:Georgia,Times New Roman,serif;font-size:clamp(55px,5.1vw,101px);font-weight:500;letter-spacing:-.075em;line-height:.99}.hero h1 em{color:#d89e83;font-weight:500}.hero p{margin:31px 0 35px;color:#777e73;font-size:clamp(14px,1.14vw,19px);line-height:1.75;letter-spacing:-.03em}.explore-button{height:56px;width:204px;padding:0 20px 0 27px;border-radius:32px;background:#1c2b23;color:white;box-shadow:0 9px 22px rgba(26,44,34,.12);font-size:14px}.explore-button,.site-footer{display:flex;align-items:center;justify-content:space-between}.site-footer{height:96px;flex:0 0 96px;border-top:1px solid #ded9ce;color:#9a9d91;font-size:11px}.site-footer span:last-child{display:flex;align-items:center;gap:9px}.site-footer i{width:8px;height:8px;border-radius:50%;background:#8db49a}.preview-caption{height:48px;flex:0 0 48px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;color:#707990;font-size:12px}.preview-toolbar .toolbar-icon{border-radius:9px;cursor:pointer;transition:color .15s ease,background .15s ease}.edit-actions button:hover,.preview-toolbar .toolbar-icon:hover:not(:disabled){background:rgba(196,169,255,.1);color:#d9caff}.preview-toolbar .toolbar-icon:disabled{cursor:not-allowed;opacity:.35}.preview-toolbar .edit-actions button{cursor:pointer}.address-bar{gap:8px}.address-bar>button{width:26px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#848da3;cursor:pointer}.address-bar>button:hover{background:rgba(196,169,255,.1);color:#d9caff}.preview-actions-wrap,.preview-device-wrap{position:relative;flex:0 0 auto}.preview-popover{position:absolute;z-index:25;top:calc(100% + 8px);min-width:174px;padding:6px;border:1px solid rgba(158,169,198,.2);border-radius:12px;background:#11182a;box-shadow:0 14px 36px rgba(0,0,0,.42)}.device-menu{left:0}.preview-actions-menu{right:0;min-width:220px}.preview-popover button{width:100%;min-height:34px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c4cada;font-size:11px;text-align:left;cursor:pointer}.preview-popover button.selected,.preview-popover button:hover{border-color:rgba(196,169,255,.12);background:rgba(196,169,255,.09);color:#e4dcf6}.preview-popover button>svg:last-child{margin-left:auto;color:#c4a9ff}.browser-frame.tablet-preview{width:min(100%,768px)}.preview-iframe-wrap{position:relative;min-height:0;flex:1 1 auto;display:flex;overflow:hidden}.preview-iframe-wrap .preview-document{display:block}.preview-mark-capture{position:absolute;z-index:8;inset:0;background:transparent;cursor:crosshair;outline:none;touch-action:none}.preview-selection-outline{position:absolute;z-index:9;pointer-events:none;border:2px solid #a78bfa;border-radius:4px;background:rgba(167,139,250,.12);box-shadow:0 0 0 1px rgba(15,20,37,.4),0 0 18px rgba(167,139,250,.3);transition:left 45ms linear,top 45ms linear,width 45ms linear,height 45ms linear}.edit-actions button.marking-active{background:rgba(196,169,255,.16);color:#e1d5ff;box-shadow:inset 0 0 0 1px rgba(196,169,255,.28)}.studio-inspector{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:20px;padding:clamp(22px,4vw,42px);background:radial-gradient(ellipse at 85% 0,rgba(113,91,164,.09),transparent 42%),#0e1425}.studio-inspector-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.studio-inspector-heading>div>span{color:#9285b3;font-size:9px;font-weight:700;letter-spacing:.14em}.studio-inspector-heading h1{margin:7px 0 5px;color:#e9eaf2;font-size:clamp(23px,3vw,31px);letter-spacing:-.05em}.studio-inspector-heading p{margin:0;color:#929bb0;font-size:12px;line-height:1.55}.inspector-test-action button,.studio-inspector-heading>button{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(196,169,255,.18);border-radius:9px;background:#171a27;color:#d9cefa;font-size:11px;white-space:nowrap;cursor:pointer}.inspector-test-action button:hover,.studio-inspector-heading>button:hover{background:#202038}.inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.inspector-card,.inspector-results,.inspector-test-action{border:1px solid rgba(158,169,198,.12);border-radius:13px;background:rgba(17,23,40,.82)}.inspector-card{min-width:0;padding:17px}.inspector-card h2{margin:0 0 14px;color:#dfe2ed;font-size:13px;font-weight:600}.inspector-card p{margin:0 0 10px;color:#a2abc0;font-size:11px;line-height:1.5}.inspector-card small{color:#79839a;font-size:10px}.inspector-card a{display:inline-flex;margin-top:4px;color:#c4a9ff;font-size:11px;text-decoration:none}.inspector-card a:hover{text-decoration:underline}.inspector-colors{display:grid;grid-gap:10px;gap:10px}.inspector-colors>div{display:flex;align-items:center;gap:10px;color:#aeb6c8;font-size:11px}.inspector-colors i{width:25px;height:25px;border:1px solid rgba(255,255,255,.15);border-radius:7px}.inspector-colors small{display:block;margin-top:2px;color:#778198;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.inspector-value{color:#ded7ef!important;font-size:17px!important}.inspector-results{overflow:hidden}.inspector-result{min-height:60px;display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.inspector-result:last-child{border-bottom:0}.inspector-result-icon{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700}.inspector-result-icon.pass{background:rgba(132,200,188,.12);color:#8ecabc}.inspector-result-icon.issue{background:rgba(225,173,142,.13);color:#e7b18e}.inspector-result>div{min-width:0;flex:1 1}.inspector-result strong{display:block;color:#d6dbea;font-size:11px;font-weight:580}.inspector-result small{display:block;margin-top:4px;color:#838da3;font-size:10px}.inspector-status-issue,.inspector-status-pass{font-size:9px;font-weight:700;letter-spacing:.05em}.inspector-status-pass{color:#8ecabc}.inspector-status-issue{color:#e7b18e}.inspector-test-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;color:#8f99af;font-size:11px}.inspector-footnote{margin:-8px 0 0;color:#6f7890;font-size:10px}.tool-layout.chat-hidden{grid-template-columns:var(--sidebar-width,310px) minmax(0,1fr)}.tool-layout.chat-hidden .chat-panel,.tool-layout.chat-hidden .chat-resize-handle{display:none}.tool-layout.chat-hidden>.code-panel,.tool-layout.chat-hidden>.preview-panel,.tool-layout.chat-hidden>.studio-inspector{grid-column:2/-1}button{cursor:pointer}.prompt-input{display:block;flex-shrink:0;width:calc(100% - 35px);min-height:34px;max-height:min(240px,35dvh);overflow-y:auto;resize:none;padding:0;border:0;outline:0;background:transparent;color:#e6e8f1;font:inherit;font-size:15px;line-height:1.5}.prompt-input::placeholder{color:#7c8499;opacity:1}.send-button:disabled{cursor:not-allowed;opacity:.45}.address-bar input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit}@media (max-width:620px){.composer-tools{gap:7px}.agent-select{gap:6px;padding:0 9px}.model-select{max-width:130px;gap:4px;padding:0 7px;font-size:11px}.model-select .dropdown-chevron{width:14px;flex-basis:14px}}.active-viewport{color:#c8adff;background:rgba(190,165,255,.12);border-radius:10px}.browser-frame.mobile-preview{width:min(100%,390px)}@media (min-width:1900px){.tool-layout{grid-template-columns:var(--sidebar-width,310px) minmax(590px,var(--chat-pane-width,32.05%)) 8px minmax(0,1fr)}.conversation{padding-left:22px;padding-right:22px}.message p{font-size:16px}.hero h1{font-size:clamp(80px,5.1vw,112px)}}@media (min-width:951px){.app-shell{height:100vh;height:100dvh;min-height:0}.tool-layout{min-height:0;grid-template-rows:minmax(0,1fr)}.conversation,.sidebar{overflow-y:auto}.conversation{scrollbar-width:thin}.preview-stage{overflow:hidden}.browser-frame{min-height:0}}@media (max-width:1270px) and (min-width:951px){.tool-layout{grid-template-columns:var(--sidebar-width,235px) minmax(350px,var(--chat-pane-width,41%)) 8px minmax(320px,1fr)}}@media (max-width:1270px){.topbar{gap:17px;padding:0 20px}.brand{min-width:180px}.project-select{padding-left:17px}.saved{padding:0 11px;font-size:12px}.preview-toolbar{gap:4px;padding:0 10px}.toolbar-icon{flex-basis:27px}.sidebar{padding-left:12px;padding-right:12px}.preview-stage{padding:20px 17px}.site-nav nav{gap:14px;font-size:11px}.talk-button{min-height:34px;padding:0 11px}}@media (max-width:1270px) and (min-width:951px){.tool-layout.chat-hidden{grid-template-columns:var(--sidebar-width,235px) minmax(0,1fr)}}@media (max-width:950px){.topbar{height:58px;flex-basis:58px}.brand{min-width:0}.project-select{border-left:0;padding-left:6px}.saved,.topbar>.icon-button,.version{display:none}.topbar>.notification-wrap{display:grid}.notification-popover{right:-44px}.notification-toast{top:66px;right:12px}.top-spacer{flex:1 1}.modebar{height:46px;flex-basis:46px;padding:0 14px}.tool-layout{min-height:calc(100vh - 104px);grid-template-columns:var(--sidebar-width,205px) minmax(350px,1fr)}.chat-resize-handle{display:none}.code-panel,.preview-panel{grid-column:1/-1;min-height:760px;border-top:1px solid var(--line)}.preview-toolbar{padding:0 18px}.preview-stage{padding:20px 28px}.hero h1{font-size:clamp(70px,10vw,105px)}.chat-panel,.sidebar{grid-row:1}.tool-layout.chat-hidden{grid-template-columns:minmax(0,1fr)}.tool-layout.chat-hidden>.code-panel,.tool-layout.chat-hidden>.preview-panel,.tool-layout.chat-hidden>.studio-inspector{grid-column:1/-1}.library-layout{grid-template-columns:var(--sidebar-width,205px) minmax(0,1fr)}.library-layout,.library-layout .sidebar{min-height:calc(100vh - 104px)}.settings-layout{height:calc(100vh - 104px);flex-basis:calc(100vh - 104px)}}@media (max-width:620px){.topbar{gap:12px;padding:0 14px}.brand{font-size:19px;gap:9px}.brand-mark{width:33px;height:33px}.project-select{display:none}.new-chat{height:38px;padding:0 12px;font-size:13px;border-radius:12px}.new-chat svg{width:17px}.avatar{width:32px;height:32px}.modebar{gap:0}.mode{padding:0 12px;font-size:13px}.tool-layout{display:flex;flex-direction:column}.sidebar{display:none}.chat-panel{min-height:720px;border-right:0}.conversation{padding:16px}.assistant-head{padding:0 18px}.composer{margin:0 15px}.model-name{display:none}.code-panel,.preview-panel{min-height:640px}.code-explorer{width:128px;flex-basis:128px;padding:14px 7px}.preview-stage{padding:15px 12px}.browser-frame,.browser-frame.mobile-preview{min-height:500px}.website{padding:0 7%}.site-nav{height:76px;flex-basis:76px}.site-logo{font-size:21px}.site-nav nav{gap:11px;font-size:10px}.talk-button{display:none!important}.hero{padding:14px 0 27px}.eyebrow{font-size:9px;margin-bottom:21px}.hero h1{font-size:clamp(51px,12vw,74px)}.hero p{margin:23px 0 27px;font-size:14px}.desktop-break{display:none}.explore-button{width:180px;height:49px;font-size:12px}.site-footer{height:68px;flex-basis:68px;font-size:9px}.preview-caption{padding:0 16px}.library-layout{display:block;min-height:calc(100vh - 132px)}.library-layout .sidebar{display:none}.library-content{min-height:calc(100vh - 132px);padding:32px 20px}.library-heading{align-items:flex-start}.library-description{max-width:230px;line-height:1.5}.library-empty-state{min-height:55vh}.settings-layout{height:calc(100vh - 104px);flex-basis:calc(100vh - 104px)}.inspector-grid{grid-template-columns:1fr}.inspector-test-action,.studio-inspector-heading{align-items:flex-start;flex-direction:column}.inspector-test-action button{width:100%;justify-content:center}}@media (max-width:1250px){.providers-overview{grid-template-columns:minmax(200px,.75fr) repeat(2,minmax(220px,1fr));gap:18px}.provider-overview-card{min-height:190px;padding:20px}.provider-card-title{font-size:24px}.provider-card-status{font-size:12px}.add-custom-provider-card strong{font-size:22px}.add-custom-provider-card>span:last-child{font-size:15px}.providers-intro p{font-size:17px}}@media (max-width:950px){.settings-grid{grid-template-columns:1fr}.settings-content{padding:28px}.providers-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.providers-intro{grid-column:1/-1}.providers-intro p{max-width:600px}}@media (max-width:620px){.settings-content{padding:25px 17px}.settings-heading{align-items:flex-start;flex-direction:column}.provider-form-card,.provider-list-card{padding:16px}.provider-form-footer{align-items:flex-start;flex-direction:column}.provider-submit-actions{width:100%;justify-content:space-between}.settings-save-button{width:100%}.providers-overview{grid-template-columns:1fr;gap:14px}.providers-intro{grid-column:auto;padding-bottom:8px}.providers-intro h1{font-size:25px}.providers-intro p{font-size:18px;line-height:1.5}.provider-overview-card{min-height:180px;padding:21px;border-radius:15px}.provider-card-title{font-size:25px}.provider-card-status{padding:6px 10px;font-size:13px}.add-provider-plus{font-size:45px}.add-custom-provider-card strong{font-size:24px}.add-custom-provider-card>span:last-child{font-size:17px}}.library-content{overflow:auto;padding:44px clamp(24px,4vw,64px) 28px}.library-heading{align-items:center;padding-bottom:27px}.library-heading .library-eyebrow{margin-bottom:11px;color:#ab9bc9}.library-heading h1{font-size:clamp(30px,3.4vw,43px);letter-spacing:-.06em}.library-heading .library-description{max-width:560px;margin-top:9px;line-height:1.55}.library-version{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(158,169,198,.15);border-radius:22px;color:#a6aec1;font-size:12px;white-space:nowrap}.library-version i{width:7px;height:7px;border-radius:50%;background:#84c8bc;box-shadow:0 0 9px rgba(132,200,188,.6)}.library-version span{color:#5c657b}.library-index{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px;padding:0 0 18px;border-bottom:1px solid var(--line)}.library-index a{padding:8px 12px;border-radius:9px;color:#939cb1;text-decoration:none;font-size:12px}.library-index a:focus-visible,.library-index a:hover{color:#e2d7ff;background:rgba(196,169,255,.1);outline:none}.design-section{padding:36px 0 10px;scroll-margin-top:70px}.design-section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:19px}.design-section-heading>span{padding-top:4px;color:#8c7baa;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.design-section-heading h2{margin:0;color:#e8e9f2;font-size:19px;font-weight:600;letter-spacing:-.035em}.design-section-heading p{margin:5px 0 0;color:#838da3;font-size:13px;line-height:1.5}.color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:11px;gap:11px}.color-card{min-width:0;overflow:hidden;border:1px solid rgba(158,169,198,.12);border-radius:12px;background:rgba(17,23,40,.78)}.color-swatch{height:77px;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.color-swatch span{color:rgba(255,255,255,.52);font:20px Georgia,serif}.color-card-meta{display:grid;grid-gap:4px;gap:4px;padding:10px 11px 11px}.color-card-meta strong{overflow:hidden;color:#dfe2ed;font-size:12px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.color-card-meta code{color:#a3abc0;font-size:11px}.color-card-meta>span{overflow:hidden;color:#6f7890;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.type-specimen{display:grid;grid-template-columns:minmax(240px,.88fr) minmax(0,1.4fr);overflow:hidden;border:1px solid rgba(158,169,198,.13);border-radius:14px;background:#101629}.type-display{display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:27px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 15% 12%,rgba(196,169,255,.1),transparent 70%)}.type-display>span,.type-line>span{color:#838ba1;font-size:10px;letter-spacing:.03em}.type-display p{margin:22px 0 20px;color:#ede8df;font:clamp(27px,3vw,43px)/.98 Georgia,serif;letter-spacing:-.06em}.type-display em{color:#d89e83}.type-display small{color:#737d94;font-size:10px}.type-sans{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:25px 29px}.type-line p,.type-line strong{display:block;margin:6px 0 0;color:#e1e4ef}.type-h1 strong{font-size:25px;letter-spacing:-.05em}.type-h2 strong{font-size:19px;letter-spacing:-.035em}.type-body p{max-width:480px;color:#adb4c6;font-size:13px;line-height:1.65}.type-caption p{color:#929aaf;font-size:10px;letter-spacing:.1em}.component-panel{border:1px solid rgba(158,169,198,.13);border-radius:13px;background:#101629}.button-panel{overflow:hidden}.component-row{min-height:74px;display:grid;grid-template-columns:minmax(130px,.6fr) minmax(0,1.7fr);align-items:center;grid-gap:18px;gap:18px;padding:13px 18px}.component-row+.component-row{border-top:1px solid var(--line)}.component-label{display:grid;grid-gap:5px;gap:5px}.component-label strong{color:#dce0ed;font-size:12px;font-weight:570}.component-label span{color:#788299;font-size:10px}.button-samples{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sample-button{min-height:37px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 14px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:580;transition:background .15s ease,border-color .15s ease,transform .15s ease}.sample-button:not(:disabled):hover{transform:translateY(-1px)}.sample-button.primary{background:#c4a9ff;color:#1d1730}.sample-button.primary:hover{background:#d3bfff}.sample-button.secondary{border-color:rgba(169,180,207,.23);background:#1a2236;color:#e1e4ee}.sample-button.secondary:hover{background:#242e45}.sample-button.quiet{background:transparent;color:#b6bed1}.sample-button.quiet:hover{background:rgba(196,169,255,.1);color:#e4d9ff}.sample-button.danger{border-color:rgba(240,142,155,.18);background:rgba(240,142,155,.1);color:#f1a3ad}.sample-button.is-disabled,.sample-button:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.55)}.sample-icon-button{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(169,180,207,.2);border-radius:10px;background:#151d30;color:#aeb7ca;font-size:18px}.sample-icon-button.active{border-color:rgba(196,169,255,.4);background:rgba(196,169,255,.14);color:#d8c8ff}.sample-icon-button.is-disabled{cursor:not-allowed;opacity:.36}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:11px;gap:11px}.control-sample{min-width:0;display:grid;grid-gap:8px;gap:8px;padding:15px}.control-sample label{color:#b7bfd1;font-size:11px;font-weight:560}.control-sample input,.control-sample select,.control-sample textarea{width:100%;min-height:38px;padding:9px 11px;border:1px solid rgba(164,177,209,.18);border-radius:8px;outline:none;background:#0b1120;color:#dfe3ef;font:inherit;font-size:11px}.control-sample textarea{height:60px;resize:none}.control-sample.focused input,.control-sample.focused textarea{border-color:rgba(196,169,255,.7);box-shadow:0 0 0 3px rgba(196,169,255,.1)}.control-sample select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#929bb0 0),linear-gradient(135deg,#929bb0 50%,transparent 0);background-position:calc(100% - 15px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:4px 4px}.control-hint{color:#727d93;font-size:10px}.disabled-control input,.disabled-control select,.disabled-control textarea{cursor:not-allowed;opacity:.42}.toggle-sample{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px}.toggle-sample>div{display:grid;grid-gap:5px;gap:5px}.toggle-sample strong{color:#cfd4e2;font-size:11px;font-weight:570}.toggle-sample span{color:#7d879c;font-size:10px}.sample-switch{width:38px;height:22px;display:flex;align-items:center;padding:3px;border:0;border-radius:13px;background:#9c81e3}.sample-switch i{width:16px;height:16px;margin-left:auto;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.sample-switch[aria-checked=false]{background:#343d52}.sample-switch[aria-checked=false] i{margin-left:0}.sample-switch:disabled{cursor:not-allowed;opacity:.38}.feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px}.feedback-sample{min-height:123px;padding:15px}.sample-kicker{color:#79849c;font-size:9px;font-weight:650;letter-spacing:.11em}.status-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.status-pill{min-height:25px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid transparent;border-radius:20px;font-size:9px;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.success{border-color:rgba(132,200,188,.19);background:rgba(132,200,188,.08);color:#8ac9bc}.status-pill.warning{border-color:rgba(237,199,117,.17);background:rgba(237,199,117,.08);color:#e7c676}.status-pill.error{border-color:rgba(240,142,155,.18);background:rgba(240,142,155,.08);color:#ee9aa5}.status-pill.neutral{border-color:rgba(158,169,198,.16);background:rgba(158,169,198,.07);color:#a4acc0}.nav-samples{display:flex;align-items:center;gap:5px;margin-top:17px}.sample-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border-radius:8px;color:#828da4;font-size:10px}.sample-tab b{font-weight:530}.sample-tab.active{background:#28233f;color:#d7c7ff}.sample-tab.disabled{opacity:.36}.avatar-samples{display:flex;align-items:center;gap:8px;margin-top:15px}.sample-avatar,.sample-count{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#dfad8e;color:#443328;font-size:10px;font-weight:650}.sample-avatar.bloom-avatar{background:linear-gradient(135deg,#b8a0ff,#7be0cd);color:#23243a}.sample-count{width:23px;height:23px;margin-left:4px;background:#514532;color:#edc775;font-size:9px}.sample-count.muted-count{background:#262d40;color:#b0bad0}.library-footer{display:flex;justify-content:space-between;gap:14px;margin-top:39px;padding:19px 0 8px;border-top:1px solid var(--line);color:#6f7990;font-size:10px}.library-footer i{margin-left:5px;color:#c4a9ff;font-style:normal}@media (max-width:1050px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.library-content{padding:28px 18px 22px}.library-heading{align-items:flex-start;flex-direction:column}.library-version{align-self:flex-start}.library-index{overflow-x:auto}.library-index a{flex:0 0 auto}.design-section{padding-top:27px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-swatch{height:56px}.color-card-meta{padding:8px}.type-specimen{grid-template-columns:1fr}.type-display{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.type-sans{gap:15px;padding:20px}.component-row{gap:12px;padding:15px}.component-row,.control-grid,.feedback-grid{grid-template-columns:1fr}.library-footer{flex-direction:column}}.sample-button.destructive{background:#e88894;color:#29171b}.sample-button.outline{border-color:rgba(169,180,207,.25);background:transparent;color:#d8dceb}.sample-button.ghost{background:transparent;color:#c1c8d8}.sample-button.ghost:hover{background:rgba(196,169,255,.1)}.sample-button.link{min-height:30px;padding:0 5px;background:transparent;color:#c4a9ff;text-decoration:underline;text-underline-offset:3px}.sample-button.sm{min-height:30px;padding:0 10px;font-size:10px}.sample-button.lg{min-height:44px;padding:0 19px;font-size:12px}.sample-button.focus{outline:2px solid #e3d5ff;outline-offset:2px}.sample-button.pressed{background:#9e7be6;color:#1b142b;box-shadow:inset 0 2px 4px rgba(29,20,47,.2)}.sample-button.loading{border-color:rgba(196,169,255,.3);background:rgba(196,169,255,.1);color:#d5c4ff}.danger-icon{border-color:rgba(240,142,155,.2);color:#ec99a4}.choice-samples{display:flex;flex-wrap:wrap;gap:11px 15px;padding:2px 0}.choice-samples>span{display:inline-flex;align-items:center;gap:7px;color:#afb7c9;font-size:10px}.fake-checkbox,.fake-radio{width:15px;height:15px;display:inline-grid;place-items:center;border:1px solid #59647c;color:#181326;font:10px/1 sans-serif}.fake-checkbox{border-radius:4px}.fake-checkbox.checked{border-color:#b79bea;background:#b79bea}.fake-radio{border-radius:50%}.fake-radio.checked{border:4px solid #b79bea}.slider-sample{display:flex;align-items:center;gap:10px}.slider-sample>span:last-child{color:#a6aec0;font-size:10px}.sample-slider{position:relative;width:150px;height:4px;border-radius:4px;background:linear-gradient(90deg,#b99af4 70%,#3a4358 0)}.sample-slider i{position:absolute;top:50%;left:70%;width:13px;height:13px;border:2px solid #d8c5ff;border-radius:50%;background:#171527;transform:translate(-50%,-50%)}.input-group-sample{min-height:34px;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(164,177,209,.18);border-radius:8px;background:#0b1120;color:#7d879c;font-size:10px}.input-group-sample>*{padding:0 8px}.input-group-sample b{flex:1 1;color:#dce0ed;font-weight:450}.input-group-sample button{align-self:stretch;border:0;border-left:1px solid var(--line);background:#171f32;color:#c5aaff;font-size:9px}.otp-sample{display:flex;gap:5px}.otp-sample i{width:25px;height:27px;display:grid;place-items:center;border:1px solid rgba(164,177,209,.2);border-radius:6px;color:#e1e4ef;font-size:10px;font-style:normal}.otp-sample .otp-focus{border-color:#c4a9ff;box-shadow:0 0 0 2px rgba(196,169,255,.12)}.field-success{color:#87c9b8;font-size:10px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px}.showcase-card{min-width:0;min-height:176px;padding:14px}.showcase-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.showcase-title strong{color:#dce0ed;font-size:11px;font-weight:570}.showcase-card>small,.showcase-title span{color:#778299;font-size:9px}.showcase-card>small{display:block;margin-top:12px}.breadcrumb-sample,.pagination-sample,.tabs-sample{display:flex;align-items:center;gap:8px;color:#b8c0d1;font-size:9px}.breadcrumb-sample i{color:#69748b;font-style:normal}.breadcrumb-sample b{color:#e3e6f0;font-weight:550}.tabs-sample{gap:4px;padding-bottom:5px;border-bottom:1px solid var(--line)}.tabs-sample>*{padding:7px 8px;color:#929bb0;font-weight:450}.tabs-sample b{border-bottom:2px solid #c4a9ff;color:#e0d5ff}.tabs-sample .tab-disabled{opacity:.38}.pagination-sample{gap:5px}.pagination-sample>*{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#9da6bb;font-style:normal}.pagination-sample b{background:#332a4c;color:#dccbff}.pagination-sample i{color:#727e94;font-style:normal}.sidebar-sample{display:grid;grid-gap:4px;gap:4px;color:#8993a9;font-size:9px}.sidebar-sample>*{padding:6px 8px;border-radius:6px;font-weight:450}.sidebar-sample b{background:#292440;color:#d9cbff;font-weight:550}.sidebar-sample i{float:right;color:#d0c0fa;font-style:normal}.accordion-sample{display:grid;grid-gap:8px;gap:8px;color:#aab3c6;font-size:9px}.accordion-sample b,.accordion-sample>span{display:flex;justify-content:space-between;gap:8px}.accordion-sample b{color:#e0e3ed}.accordion-sample i{color:#a994da;font-style:normal}.accordion-sample p{margin:0;padding-bottom:7px;border-bottom:1px solid var(--line);color:#838da3;line-height:1.5}.resizable-sample{height:44px;display:grid;grid-template-columns:.7fr 2px 1fr;align-items:center;grid-gap:7px;gap:7px;padding:5px;border:1px solid var(--line);border-radius:6px;color:#8f99ad;font-size:8px}.resizable-sample b{display:grid;place-items:center;height:100%;border-radius:4px;background:#1b2337;color:#c7cde0;font-weight:450}.resizable-sample em{width:2px;height:24px;background:#b99af4}.mini-card{display:grid;grid-gap:5px;gap:5px;padding:11px;border:1px solid rgba(158,169,198,.15);border-radius:8px;background:#141c30}.mini-card>span{color:#82c5b6;font-size:7px;letter-spacing:.1em}.mini-card b{color:#e2e5ee;font-size:10px}.mini-card small{color:#818ba1;font-size:8px}.mini-card button{justify-self:start;margin-top:3px;padding:5px 8px;border:0;border-radius:5px;background:#c4a9ff;color:#211934;font-size:8px}.table-sample{overflow:hidden;border:1px solid var(--line);border-radius:7px;color:#aeb7ca;font-size:8px}.table-sample>div{display:grid;grid-template-columns:1.4fr 1fr .6fr;grid-gap:5px;gap:5px;padding:7px 6px}.table-sample>div:first-child{background:#171f32;color:#858fa5}.table-sample>div+div{border-top:1px solid var(--line)}.table-sample i{color:#83c5b6;font-style:normal}.table-sample .status-draft{color:#d9ba70}.avatar-group{display:flex;align-items:center;padding:7px 0}.avatar-group>*{width:32px;height:32px;display:grid;place-items:center;margin-right:-6px;border:2px solid #101629;border-radius:50%;background:#8b7bae;color:#fff;font-size:8px;font-style:normal}.avatar-group i:nth-child(2){background:#b98575}.avatar-group i:nth-child(3){background:#608f88}.avatar-group b{background:#30394e;color:#c4cada;font-weight:500}.badge-sample{display:flex;align-items:center;gap:7px;padding:8px 0}.badge-sample>*{padding:5px 8px;border:1px solid rgba(158,169,198,.18);border-radius:6px;background:#1a2236;color:#b8c0d2;font-size:8px;font-weight:550}.badge-sample b{border-color:rgba(196,169,255,.2);background:rgba(196,169,255,.1);color:#d2bfff}.badge-sample i{border-color:rgba(132,200,188,.2);color:#8ac9bc;font-style:normal}.badge-sample kbd,.dropdown-sample kbd{margin-left:auto;background:#0b1120;color:#8e99b0;font:8px ui-monospace,monospace}.item-sample{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:8px}.item-sample>i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:rgba(196,169,255,.12);color:#c9b2ff;font-style:normal}.item-sample div{display:grid;grid-gap:4px;gap:4px}.item-sample b{color:#dfe3ee;font-size:9px;font-weight:550}.item-sample span{color:#7d879c;font-size:8px}.item-sample em{margin-left:auto;color:#939db1;font-style:normal}.calendar-sample{color:#bac2d3;font-size:8px}.calendar-sample>div{display:flex;justify-content:space-between}.calendar-sample p{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;grid-gap:4px;gap:4px;margin:8px 0 0;color:#778299}.calendar-sample p:last-child{margin-top:4px}.calendar-sample p i{width:17px;height:17px;display:grid;place-items:center;color:#bac2d3;font-style:normal}.calendar-sample p .selected-day{border-radius:50%;background:#b79bea;color:#211934}.showcase-caption{display:block;margin-top:10px;color:#788299;font-size:9px}.progress-sample{display:flex;align-items:center;gap:8px;margin-top:15px}.progress-sample>span{flex:1 1;height:5px;overflow:hidden;border-radius:5px;background:#30384c}.progress-sample>span i{display:block;width:68%;height:100%;border-radius:inherit;background:#b99af4}.progress-sample b{color:#bfc6d7;font-size:9px}.spinner-sample{width:18px;height:18px;margin-left:5px;border:2px solid #3d465b;border-top-color:#c4a9ff;border-radius:50%}.skeleton-sample{display:flex;align-items:center;gap:10px;margin-top:15px}.skeleton-sample>i{width:32px;height:32px;border-radius:50%;background:#252e42}.skeleton-sample div{flex:1 1;display:grid;grid-gap:6px;gap:6px}.skeleton-sample b{height:6px;border-radius:4px;background:#252e42}.skeleton-sample b:first-child{width:75%}.alert-sample{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-color:rgba(132,200,188,.17)}.alert-sample>b{color:#a4d6ca;font-size:10px}.alert-sample p{margin:0;color:#909aaf;font-size:9px;line-height:1.45}.dialog-sample{padding:11px;border:1px solid rgba(158,169,198,.18);border-radius:8px;background:#171f32;box-shadow:0 8px 18px rgba(0,0,0,.2)}.dialog-sample>div{display:flex;justify-content:space-between;color:#e5e7f0;font-size:9px}.dialog-sample>div i{color:#818ba1;font-style:normal}.dialog-sample p{margin:7px 0 12px;color:#8e98ad;font-size:8px;line-height:1.45}.dialog-sample footer{display:flex;justify-content:flex-end;gap:5px}.dialog-sample button{padding:5px 7px;border:1px solid rgba(158,169,198,.2);border-radius:5px;background:transparent;color:#adb6c9;font-size:8px}.dialog-sample button:last-child{border-color:transparent;background:#c4a9ff;color:#241b38}.dropdown-sample{display:grid;grid-gap:2px;gap:2px;padding:7px;border:1px solid rgba(158,169,198,.17);border-radius:8px;background:#171f32;color:#bac2d3;font-size:8px}.dropdown-sample span{display:flex;align-items:center;padding:6px;border-radius:4px}.dropdown-sample span:first-child{background:#242d43}.dropdown-sample hr{width:100%;border:0;border-top:1px solid var(--line)}.dropdown-sample .danger-text{color:#ec99a4}.tooltip-sample{position:relative;display:flex;align-items:center;gap:9px;padding:12px 0}.tooltip-sample>span{display:grid;place-items:center;width:30px;height:28px;border:1px solid var(--line);border-radius:6px;color:#b6bfd1}.tooltip-sample b,.tooltip-sample em{padding:6px 8px;border:1px solid rgba(158,169,198,.14);border-radius:6px;background:#1c2438;color:#bac2d3;font-size:8px;font-weight:450;font-style:normal}.tooltip-sample em{border-color:rgba(132,200,188,.2);color:#90c9bc}.sheet-sample{width:75%;min-height:72px;margin-left:auto;display:grid;grid-gap:4px;gap:4px;padding:9px;border:1px solid rgba(158,169,198,.18);border-radius:7px 0 0 7px;background:#1a2236;color:#909bb0;font-size:8px}.sheet-sample b{margin-bottom:4px;color:#e0e4ef;font-size:9px}.sheet-sample span{padding:3px 5px;border-radius:4px}.sheet-sample span:first-of-type{background:#2b2642;color:#d1c0ff}.layout-primitives{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:11px;gap:11px}.layout-primitives>div{min-width:0;padding:14px;border:1px solid rgba(158,169,198,.13);border-radius:12px;background:#101629}.layout-primitives>div>span{color:#d2d7e5;font-size:10px;font-weight:550}.layout-primitives small{color:#788299;font-size:8px}.elevation-row,.radius-row,.separator-sample,.spacing-scale{height:30px;display:flex;align-items:center;gap:7px;margin:8px 0}.spacing-scale i{height:8px;border-radius:2px;background:#b99af4}.space-4{width:4px}.space-8{width:8px}.space-12{width:12px}.space-16{width:16px}.space-24{width:24px}.space-32{width:32px}.radius-row i{width:20px;height:20px;border:1px solid #b99af4}.radius-row i:first-child{border-radius:6px}.radius-row i:nth-child(2){border-radius:10px}.radius-row i:nth-child(3){border-radius:14px}.radius-row i:nth-child(4){border-radius:8px}.elevation-row i{width:25px;height:20px;border-radius:5px;background:#1a2236}.elevation-row i:nth-child(2){box-shadow:0 3px 8px rgba(0,0,0,.3)}.elevation-row i:nth-child(3){box-shadow:0 6px 14px rgba(0,0,0,.5)}.separator-sample i{width:100%;height:1px;background:#3a4358}@media (max-width:1050px){.catalog-grid,.layout-primitives{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.catalog-grid,.layout-primitives{grid-template-columns:1fr}.button-samples{gap:7px}.sample-button{min-height:34px;padding:0 10px}.type-h1 strong{font-size:21px}}.preview-document{width:100%;min-height:0;flex:1 1 auto;border:0;background:#f7f2e9}.assistant-error p{color:#f0a4ae}.typing-indicator{display:flex;align-items:center;gap:5px;color:#b9a7df!important}.typing-indicator i{width:5px;height:5px;border-radius:50%;background:#c4a9ff;animation:typing-pulse 1s ease-in-out infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.composer textarea:disabled{opacity:.65;cursor:wait}.chat-head-actions{display:flex;align-items:center;margin-left:auto}.chat-history-menu{position:absolute;z-index:20;top:calc(100% - 3px);right:14px;width:min(320px,calc(100vw - 32px));max-height:360px;overflow:auto;padding:12px;border:1px solid rgba(157,169,200,.2);border-radius:14px;background:#111829;box-shadow:0 18px 48px rgba(0,0,0,.38)}.chat-history-menu>strong{display:block;padding:5px 8px 10px;color:#e7e9f1;font-size:13px}.chat-history-menu button{display:flex;width:100%;justify-content:space-between;gap:12px;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:#c4cada;text-align:left;font:inherit;font-size:12px;cursor:pointer}.chat-history-menu button.selected,.chat-history-menu button:hover{background:rgba(157,169,200,.1);color:white}.chat-history-menu button small{flex:none;color:#818aa0}.chat-history-menu p{margin:8px;color:#8d95ab;font-size:12px}.message-attachment{display:inline-flex;margin:8px 0 0 6px}.composer-attachments{height:54px;display:flex;align-items:flex-start;gap:8px;overflow-x:auto;margin:0 0 6px}.attachment-preview{position:relative;width:64px;height:50px;flex:0 0 64px;overflow:hidden;border:1px solid rgba(157,169,200,.23);border-radius:9px;background:#0c1221}.attachment-preview>img{display:block;width:100%;height:100%;object-fit:cover}.attachment-file-preview{width:100%;height:100%;display:grid;place-items:center;color:#aab2c8}.attachment-preview>button{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;padding:0 0 2px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(9,14,28,.88);color:white;font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.attachment-preview:focus-within>button,.attachment-preview:hover>button{opacity:1}.attachment-preview>button:hover{background:#554765}@media (hover:none){.attachment-preview>button{opacity:1}}.attach-button{display:grid;flex:0 0 36px;width:36px;height:36px;padding:0;place-items:center;border:1px solid rgba(157,169,200,.2);border-radius:50%;background:transparent;color:#aab2c8;cursor:pointer}.attach-button svg{display:block}.attach-button:hover{background:rgba(157,169,200,.1);color:white}.attachment-error{position:absolute;bottom:45px;left:14px;color:#ffaaa9;font-size:11px}.stop-button{background:#51465e!important;font-size:12px}.message-body{min-width:0}.assistant-rich-text p{margin:7px 0 0;white-space:pre-wrap;font-size:15px;line-height:1.75}.discovery-questions{display:grid;grid-gap:11px;gap:11px;margin-top:14px}.discovery-progress{margin:0 0 1px;color:#8993ad;font-size:10px;letter-spacing:.035em}.discovery-question{padding:11px;border:1px solid rgba(157,169,200,.16);border-radius:12px;background:rgba(17,24,41,.56)}.discovery-question h4{margin:0;color:#e5e7f0;font-size:12px;font-weight:600;line-height:1.45}.discovery-hint{display:block;margin-top:3px;color:#8993ad;font-size:10px}.discovery-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.discovery-options button{padding:7px 10px;border:1px solid rgba(157,169,200,.2);border-radius:999px;background:#151c2e;color:#bac1d3;font:inherit;font-size:11px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.discovery-options button:hover{border-color:rgba(197,169,255,.55);color:white}.discovery-options button.selected{border-color:#b99aff;background:rgba(185,154,255,.17);color:#e8ddff}.discovery-options button:focus-visible,.discovery-submit:focus-visible{outline:2px solid #c3a7ff;outline-offset:2px}.discovery-submit{justify-self:start;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(197,169,255,.35);border-radius:10px;background:#c6a8ff;color:#181325;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.discovery-submit:hover{background:#d2bbff}.discovery-complete{margin-top:11px;color:#a6d9ba;font-size:11px}.assistant-rich-text pre{max-width:100%;overflow:auto;margin:10px 0 0;padding:12px;border:1px solid rgba(157,169,200,.17);border-radius:10px;background:#080d18;color:#d6dbee;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.assistant-rich-text code{padding:1px 4px;border-radius:4px;background:rgba(157,169,200,.13);font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.assistant-rich-text pre code{padding:0;background:transparent}.message-actions{display:flex;gap:6px;margin-top:6px;opacity:0;transition:opacity .15s ease}.message:focus-within .message-actions,.message:hover .message-actions{opacity:1}.message-actions button{padding:3px 6px;border:0;border-radius:5px;background:transparent;color:#8993ad;font-size:10px}.message-actions button:hover{background:rgba(157,169,200,.1);color:#e5e7ef}.message-attachment{width:-moz-fit-content;width:fit-content;max-width:240px;display:flex;align-items:center;gap:7px;margin:8px 0 0 auto;padding:5px 8px;border:1px solid rgba(157,169,200,.2);border-radius:8px;color:#c9cde0;font-size:11px}.message-attachment img{width:auto;max-width:90px;max-height:60px;border-radius:5px;object-fit:cover}.queued-prompts{margin:18px 0 4px;padding:9px 11px;border:1px solid rgba(157,169,200,.17);border-radius:11px;background:rgba(18,25,43,.8)}.queued-prompts strong{display:block;margin-bottom:5px;color:#969fb5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.queued-prompts>div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;color:#c6cbda;font-size:11px}.queued-prompts>div span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.queued-prompts button{border:0;background:none;color:#969fb5}.queue-submit{padding:0 12px;border:1px solid rgba(157,169,200,.25);border-radius:11px;background:#1a2134;color:#dce0ed;font-size:11px}.queue-submit:hover{background:#252c40}@keyframes mic-pulse{to{opacity:.45}}.publish-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,6,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.publish-dialog{width:min(100%,520px);padding:22px;border:1px solid rgba(158,169,198,.2);border-radius:18px;background:linear-gradient(145deg,#151b2b,#0e1423);box-shadow:0 28px 90px rgba(0,0,0,.52);color:#dce0ed}.publish-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.publish-dialog-header>div{display:flex;align-items:center;gap:12px;min-width:0}.publish-github-mark{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(158,169,198,.18);border-radius:12px;background:rgba(255,255,255,.04);color:#e5e7ef;font-size:23px}.publish-dialog-header h2{margin:0;color:#f0eff7;font-size:17px;font-weight:620;letter-spacing:-.025em}.publish-connect p,.publish-dialog-header p{margin:6px 0 0;color:#929bb0;font-size:12px;line-height:1.55}.publish-connect code,.publish-dialog-header code,.publish-notice code{color:#d4c5ff;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.publish-connect{display:grid;justify-items:start;grid-gap:16px;gap:16px;padding:22px 0 6px}.publish-connect p{margin:0;font-size:13px}.publish-connect small{color:#7f899f;font-size:11px;line-height:1.55}.publish-notice{margin-top:20px;padding:14px;border:1px solid rgba(237,199,117,.2);border-radius:12px;background:rgba(237,199,117,.06)}.publish-notice strong{color:#f0d590;font-size:13px}.publish-notice p,.publish-status{margin:8px 0 0;color:#a5adbf;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.publish-status{padding:24px 0}.publish-form{display:grid;grid-gap:10px;gap:10px;padding-top:20px}.publish-repository-summary{display:grid;grid-gap:5px;gap:5px;padding:13px 14px;border:1px solid rgba(158,169,198,.16);border-radius:12px;background:rgba(8,13,25,.45)}.publish-repository-summary small,.publish-repository-summary>span{color:#929bb0;font-size:11px}.publish-repository-summary strong{color:#e7e9f1;font-size:14px;font-weight:600}.publish-sync-actions{justify-content:stretch;flex-wrap:wrap}.publish-sync-actions button{flex:1 1 190px}.publish-form label{color:#aeb6c8;font-size:12px;font-weight:600}.publish-form select{width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(158,169,198,.18);border-radius:10px;background:#0b1020;color:#e2e5ee;font:inherit;font-size:13px}.publish-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.publish-error{margin:0;color:#f1a2ad;font-size:12px;line-height:1.5}.publish-success{margin:4px 0;color:#8fd2c2;font-size:12px}.publish-success a{color:#c7b3ff;text-decoration:underline;text-underline-offset:3px}@media (max-width:620px){.publish-dialog{padding:17px}.publish-dialog-actions{flex-wrap:wrap}.publish-dialog-actions button{flex:1 1 auto}}.library-crawler-shot{display:block;width:100%;min-height:110px;max-height:210px;object-fit:contain;object-position:center;border-radius:12px;background:#11182b}.library-audit-summary{margin-bottom:20px;padding:18px;line-height:1.6}.library-audit-summary p{color:#aeb5c8;margin:8px 0}.library-state-buttons,.library-usage>div{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.library-state-buttons .sample-button,.library-usage .sample-button{font-size:11px;padding:7px 10px;min-height:30px}.library-state-buttons [aria-pressed=true]{border-color:#b8a0ff;background:rgba(184,160,255,.14)}.library-state-view p{font-size:12px;color:#aeb5c8}.library-state-view img{margin-top:10px}.library-audit-summary summary,.library-usage summary{font-size:12px;cursor:pointer;color:#c7b3ff}.library-usage{margin-top:14px;line-height:1.5}.library-usage button:disabled{opacity:.5;cursor:default}.projects-settings{margin-top:36px;padding-top:28px;border-top:1px solid var(--line,#252b3d);max-width:920px}.projects-settings h2{margin:0;font-size:20px}.projects-settings p{margin:7px 0 0;color:#9ba4b9}.project-settings-controls{display:grid;grid-gap:8px;gap:8px;max-width:560px;margin-top:18px}.project-settings-controls>label{color:#aeb5c8;font-size:12px}.project-settings-controls>div{display:flex;align-items:center;gap:10px}.project-settings-controls select{min-width:0;flex:1 1;height:42px;padding:0 12px;border:1px solid #293149;border-radius:10px;background:#11182a;color:#e7e9f3}.project-delete-button,.project-rename-button{flex:0 0 auto;border-radius:8px;background:transparent;padding:10px 13px;cursor:pointer}.project-delete-button{border:1px solid #713d51;color:#f1a3b6}.project-delete-button:hover:not(:disabled){background:#3b1e2c}.project-rename-button{border:1px solid #39435b;color:#d4d9e7}.project-rename-button:hover:not(:disabled){background:#1b2439}.project-delete-button:disabled,.project-rename-button:disabled{opacity:.55;cursor:wait}.projects-settings-empty{padding:16px 0}.project-delete-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,7,15,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-delete-dialog{width:min(460px,100%);padding:23px;border:1px solid rgba(158,169,198,.2);border-radius:16px;background:#11182a;box-shadow:0 24px 80px rgba(0,0,0,.48)}.project-delete-dialog h2{margin:0;font-size:19px;line-height:1.35}.project-delete-dialog>p{margin:12px 0 20px;color:#aeb5c8;line-height:1.6}.project-delete-dialog>p strong{color:#e7e9f3}.project-delete-dialog>div:last-child{display:flex;justify-content:flex-end;gap:9px}.project-delete-cancel,.project-delete-confirm,.project-rename-save{min-height:38px;padding:0 13px;border-radius:9px;font-weight:600}.project-delete-cancel{border:1px solid #313a50;background:#171f32;color:#d8dcec}.project-delete-confirm{border:1px solid #9b465d;background:#a9455e;color:#fff}.project-rename-dialog{display:grid;grid-gap:10px;gap:10px}.project-rename-dialog>label{display:block;margin-top:8px;color:#aeb5c8;font-size:12px}.project-rename-dialog>input{width:100%;height:42px;margin-top:-4px;padding:0 12px;border:1px solid #39435b;border-radius:9px;background:#0d1425;color:#e7e9f3;font:inherit}.project-rename-dialog>input:focus{outline:2px solid rgba(196,169,255,.35);outline-offset:1px}.project-rename-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;width:100%;margin-top:8px}.project-rename-actions button{min-width:108px;flex:0 0 auto}.project-rename-save{border:1px solid #7c68b3;background:#765caf;color:#fff}.project-delete-cancel:disabled,.project-delete-confirm:disabled{opacity:.55;cursor:wait}.library-foundations .color-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.library-foundations .color-card-meta code{white-space:normal;overflow-wrap:anywhere}.library-type-samples{display:block;width:100%;min-height:100px;border:1px solid var(--line);border-radius:14px;background:#101629}@media (max-width:620px){.library-foundations .color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-theme=light]{color-scheme:light;--chrome:#f8f3f6;--surface:#fffaf7;--muted:#796d7b;--line:rgba(117,91,122,.17);--lilac:#8d68ad}html[data-theme=light] body{background:#f8f3f6;color:#392d3a}html[data-theme=light] .app-shell{background:#faf6f7}html[data-theme=light] .topbar{background:linear-gradient(105deg,#fff9f3,#f8eff7 56%,#edf6f0);border-color:#eadde7;color:#403344}html[data-theme=light] .brand,html[data-theme=light] .project-select,html[data-theme=light] .saved{color:#403344}html[data-theme=light] .modebar{background:#fff9f7;border-color:#eadde7}html[data-theme=light] .mode{color:#75677b}html[data-theme=light] .mode.active{color:#6e4d8a;background:#eee3f2}html[data-theme=light] .icon-button,html[data-theme=light] .subtle-icon{color:#80688b}html[data-theme=light] .theme-toggle{width:36px;height:36px;border:1px solid #e6d7e5;border-radius:50%;background:#fffaf5;color:#b9785f}html[data-theme=light] .theme-toggle:hover{background:#f8eaf0;color:#80588d}html[data-theme=light] .notification-dot{border-color:#fff8f5}html[data-theme=light] .agent-mode-menu,html[data-theme=light] .chat-history-menu,html[data-theme=light] .model-menu,html[data-theme=light] .notification-popover,html[data-theme=light] .preview-popover,html[data-theme=light] .project-popover,html[data-theme=light] .version-popover{background:#fffaf8;border-color:#e7d9e7;color:#45364a;box-shadow:0 18px 48px rgba(91,61,91,.16)}html[data-theme=light] .agent-mode-option,html[data-theme=light] .chat-history-menu button,html[data-theme=light] .model-option,html[data-theme=light] .notification-popover li,html[data-theme=light] .notification-popover>p,html[data-theme=light] .preview-popover button,html[data-theme=light] .project-menu-status,html[data-theme=light] .version-option,html[data-theme=light] .version-option small,html[data-theme=light] .version-option-prompt{color:#66586c}html[data-theme=light] .agent-mode-option.is-selected,html[data-theme=light] .agent-mode-option:hover,html[data-theme=light] .model-option:hover,html[data-theme=light] .notification-popover-heading,html[data-theme=light] .preview-popover button.selected,html[data-theme=light] .preview-popover button:hover,html[data-theme=light] .project-popover-heading,html[data-theme=light] .version-popover-heading{color:#624c70;background:#f8eef6}html[data-theme=light] .library-layout,html[data-theme=light] .tool-layout{background:#fbf7f8}html[data-theme=light] .sidebar{background:#f5edf4;border-color:#e8dce8}html[data-theme=light] .side-link,html[data-theme=light] .sidebar-heading{color:#7c6d80}html[data-theme=light] .side-link.selected{color:#6d4e84;background:#eadff0}html[data-theme=light] .chat-panel{background:#fffaf7;border-color:#eadfe7}html[data-theme=light] .assistant-head{border-color:#eee3e9}html[data-theme=light] .assistant-head strong,html[data-theme=light] .design-section-heading h2,html[data-theme=light] .message,html[data-theme=light] .message-meta,html[data-theme=light] .providers-intro h1,html[data-theme=light] .settings-heading h1,html[data-theme=light] .settings-section-head h2{color:#433448}html[data-theme=light] .assistant-head span,html[data-theme=light] .message p,html[data-theme=light] .message-meta time,html[data-theme=light] .user-message p{color:#776b7b}html[data-theme=light] .context-summary-banner,html[data-theme=light] .version-card{background:#faf3f8;border-color:#eadce9;color:#716278}html[data-theme=light] .version-card p strong{color:#4e3d53}html[data-theme=light] .composer{background:#fffdfb;border-color:#e6d7e7;box-shadow:0 -12px 30px rgba(121,85,118,.08)}html[data-theme=light] .prompt-input{color:#433448}html[data-theme=light] .prompt-input::placeholder{color:#98899b}html[data-theme=light] .agent-select,html[data-theme=light] .context-summary-banner button{background:#f5edf6;color:#594362;border-color:#e7d8eb}html[data-theme=light] .agent-select:hover,html[data-theme=light] .agent-select[aria-expanded=true]{background:#eee2f1}html[data-theme=light] .agent-mode-copy strong,html[data-theme=light] .agent-mode-option strong{color:#45364a}html[data-theme=light] .agent-mode-copy small{color:#7d7081}html[data-theme=light] .code-panel,html[data-theme=light] .preview-panel{background:#f8f3f6}html[data-theme=light] .code-panel-header,html[data-theme=light] .preview-toolbar{background:#fffaf8;border-color:#e8dce8;color:#65566d}html[data-theme=light] .edit-actions button:hover,html[data-theme=light] .preview-toolbar .toolbar-icon:hover:not(:disabled){background:#f1e5f3;color:#76528f}html[data-theme=light] .code-panel-footer,html[data-theme=light] .preview-caption{color:#84788a}html[data-theme=light] .chat-resize-handle:after{background:#e1d2e2}html[data-theme=light] .chat-resize-handle:focus-visible:after,html[data-theme=light] .chat-resize-handle:hover:after{background:#a47abb}html[data-theme=light] .library-content,html[data-theme=light] .settings-content{background:radial-gradient(ellipse at 88% 0,rgba(210,169,202,.18),transparent 40%),linear-gradient(130deg,#fffaf5,#faf4f8 58%,#f1f7f1)}html[data-theme=light] .design-section-heading h2,html[data-theme=light] .library-heading h1{color:#433448}html[data-theme=light] .design-section-heading p,html[data-theme=light] .library-description,html[data-theme=light] .providers-intro p,html[data-theme=light] .settings-section-head p,html[data-theme=light] .settings-subtitle{color:#7d7180}html[data-theme=light] .library-index{border-color:#eadde7}html[data-theme=light] .library-index a{color:#796a80}html[data-theme=light] .library-index a:focus-visible,html[data-theme=light] .library-index a:hover{background:#f1e6f2;color:#694e7d}html[data-theme=light] .color-card,html[data-theme=light] .projects-settings,html[data-theme=light] .provider-form-card,html[data-theme=light] .provider-list-card,html[data-theme=light] .provider-overview-card{background:rgba(255,253,251,.82);border-color:#eadde7;color:#4f4054}html[data-theme=light] .add-custom-provider-card strong,html[data-theme=light] .color-card-meta strong{color:#4f4054}html[data-theme=light] .add-custom-provider-card>span:last-child,html[data-theme=light] .color-card-meta code,html[data-theme=light] .color-card-meta>span{color:#817487}html[data-theme=light] .provider-card-title,html[data-theme=light] .provider-select strong{color:#4b3c50}html[data-theme=light] .provider-card-status,html[data-theme=light] .provider-row,html[data-theme=light] .publish-repository-summary{background:#f7eff5;border-color:#eadce8;color:#63556a}html[data-theme=light] .provider-card-status.is-ready{background:#e4f2e8;color:#4b795f}html[data-theme=light] .project-delete-dialog>label,html[data-theme=light] .project-settings-controls>label,html[data-theme=light] .provider-form label,html[data-theme=light] .publish-form label{color:#6c5d72}html[data-theme=light] .project-rename-dialog>input,html[data-theme=light] .project-settings-controls select,html[data-theme=light] .provider-form input,html[data-theme=light] .publish-form select{background:#fffdfc;border-color:#e4d6e5;color:#433448}html[data-theme=light] .provider-select small,html[data-theme=light] .settings-muted,html[data-theme=light] .settings-note{color:#84778a}html[data-theme=light] .project-delete-cancel,html[data-theme=light] .project-rename-button{background:#fbf5f8;border-color:#e5d7e5;color:#65536d}html[data-theme=light] .project-delete-cancel:hover,html[data-theme=light] .project-rename-button:hover:not(:disabled){background:#f1e6f2}html[data-theme=light] .project-rename-save,html[data-theme=light] .settings-save-button{background:#9a70ae;border-color:#9a70ae;color:#fff}html[data-theme=light] .project-delete-dialog,html[data-theme=light] .publish-dialog{background:linear-gradient(145deg,#fffaf8,#f7eff7);border-color:#e7d8e7;color:#4d3e52;box-shadow:0 24px 80px rgba(91,61,91,.2)}html[data-theme=light] .project-delete-dialog h2,html[data-theme=light] .publish-dialog-header h2,html[data-theme=light] .publish-repository-summary strong{color:#49394e}html[data-theme=light] .project-delete-dialog>p,html[data-theme=light] .publish-connect p,html[data-theme=light] .publish-dialog-header p{color:#786c7c}html[data-theme=light] .project-delete-backdrop,html[data-theme=light] .publish-backdrop{background:rgba(73,53,72,.28)}html[data-theme=light] .notification-toast{background:#fffaf7;border-color:#d9ebdf;color:#4d6155;box-shadow:0 16px 42px rgba(91,61,91,.15)}.impressum-form{display:grid;grid-gap:20px;gap:20px;max-width:760px}.impressum-fields{display:grid;grid-gap:14px;gap:14px;padding:20px;border:1px solid rgba(158,169,198,.14);border-radius:15px;background:rgba(17,24,42,.82)}.impressum-fields .settings-section-head{margin-bottom:2px}.impressum-fields label{display:grid;grid-gap:7px;gap:7px;color:#c8cede;font-size:11px;font-weight:550}.impressum-fields input{width:100%;height:40px;padding:0 12px;border:1px solid rgba(164,177,209,.18);border-radius:9px;outline:none;background:#0b1120;color:#e2e5ef;font:inherit;font-weight:400}.impressum-fields input:focus{border-color:rgba(196,169,255,.65);box-shadow:0 0 0 3px rgba(196,169,255,.09)}.impressum-address-row{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);grid-gap:12px;gap:12px}.impressum-save-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.impressum-save-row p{margin:0;color:#8993a8;font-size:11px}.settings-imprint-entry{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-imprint-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none}html[data-theme=light] .impressum-fields{background:rgba(255,253,251,.86);border-color:#eadde7}html[data-theme=light] .impressum-fields label{color:#6c5d72}html[data-theme=light] .impressum-fields input{background:#fffdfc;border-color:#e4d6e5;color:#433448}html[data-theme=light] .impressum-save-row p{color:#817487}@media (max-width:620px){.impressum-fields{padding:16px}.impressum-address-row{grid-template-columns:1fr}.impressum-save-row,.settings-imprint-entry{align-items:stretch;flex-direction:column}.impressum-save-row .settings-save-button{width:auto}}.impressum-preview{width:100%;max-width:none;padding:22px;border:1px solid rgba(158,169,198,.14);border-radius:15px;background:rgba(17,24,42,.82);color:#c8cede;line-height:1.7}.impressum-preview h2{margin:6px 0 12px;color:#ececf5;font-size:18px}.impressum-preview address{color:#aeb5c8;font-style:normal}.impressum-preview p{margin:6px 0}.impressum-preview a{color:#c4a9ff;text-decoration:none}.impressum-preview a:hover{text-decoration:underline}html[data-theme=light] .impressum-preview{background:rgba(255,253,251,.86);border-color:#eadde7;color:#66586c}html[data-theme=light] .impressum-preview h2{color:#49394e}html[data-theme=light] .impressum-preview address{color:#756879}html[data-theme=light] .impressum-preview a{color:#79588d}.brand{color:inherit;text-decoration:none}.side-link-sub{min-height:40px;margin:-1px 0 4px 16px;padding-left:12px;font-size:13px}.sidebar.is-collapsed .side-link-sub{margin-left:0}.codebloom-impressum{margin-top:24px}.icon-button.notification,.icon-button.theme-toggle{width:36px;height:36px;padding:0;border:1px solid rgba(158,169,198,.2);border-radius:50%;background:rgba(255,255,255,.025);transition:background .15s ease,border-color .15s ease,color .15s ease}.icon-button.notification:hover,.icon-button.theme-toggle:hover{border-color:rgba(196,169,255,.42);background:rgba(196,169,255,.09)}html[data-theme=light],html[data-theme=light] *{scrollbar-color:#bd7895 #f5eaf0}html[data-theme=light] ::-webkit-scrollbar-track{background:#f7eef2}html[data-theme=light] ::-webkit-scrollbar-thumb{border-color:#f7eef2;background:linear-gradient(180deg,#d29ab0,#bb7896) padding-box}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c27d9b,#a95f80) padding-box}html[data-theme=light] .icon-button.notification,html[data-theme=light] .icon-button.theme-toggle{border-color:#e7d5df;background:rgba(255,250,248,.82)}html[data-theme=light] .icon-button.notification:hover,html[data-theme=light] .icon-button.theme-toggle:hover{border-color:#d6a2b7;background:#f5e2e9;color:#75485d}html[data-theme=light] .preview-toolbar .edit-actions{border-color:#e5d4df;background:#fffaf8;color:#79516b}html[data-theme=light] .preview-toolbar .edit-actions button{background:#fffaf8;color:#79516b}html[data-theme=light] .preview-toolbar .edit-actions button:hover:not(:disabled),html[data-theme=light] .preview-toolbar .toolbar-icon:hover:not(:disabled){background:#f4e1e8;color:#75475e}html[data-theme=light] .preview-toolbar .edit-actions button.marking-active{background:#efd8e2;color:#694154;box-shadow:inset 0 0 0 1px #d7a6ba}html[data-theme=light] .address-bar>button,html[data-theme=light] .preview-toolbar .toolbar-icon{color:#66536a}html[data-theme=light] .address-bar{border-color:#e5d4df;background:#fffdfb;color:#403244}html[data-theme=light] .preview-page-select{border-color:#e5d4df;background:#fffdfb;color:#514056}html[data-theme=light] .library-content :is(p,small,label,time,summary,figcaption,.library-description,.design-section-heading p,.library-index a),html[data-theme=light] .settings-content :is(p,small,label,time,summary,figcaption,.settings-subtitle,.settings-section-head p,.settings-note,.settings-muted,.providers-intro p,.project-settings-controls>label),html[data-theme=light] .tool-layout :is(.sidebar-heading,.side-link,.mode,.assistant-head span,.message-meta time,.message p,.user-message p,.preview-caption,.library-index a,.version-option-prompt,.version-option small,.model-menu-message,.project-select,.saved,.toolbar-icon,.provider-config-link,.context-summary-banner p,.project-menu-status,.project-choice span,.project-import-hint){color:#594b5e}html[data-theme=light] :is(.mode,.side-link,.library-index a,.project-select,.toolbar-icon,.provider-config-link,.preview-popover button,.chat-history-menu button,.agent-mode-option,.model-option):focus-visible,html[data-theme=light] :is(.mode,.side-link,.library-index a,.project-select,.toolbar-icon,.provider-config-link,.preview-popover button,.chat-history-menu button,.agent-mode-option,.model-option):hover:not(:disabled){background-color:#f3e0e8;color:#694458}html[data-theme=light] .library-index a:focus-visible,html[data-theme=light] .library-index a:hover{background:#f3e0e8;color:#694458}html[data-theme=light] .side-link.selected{background:#ead8e6;color:#563f62}html[data-theme=light] .problem-count{background:#ece1e8;color:#745b6d}html[data-theme=light] .studio-inspector{background:radial-gradient(ellipse at 85% 0,rgba(204,164,192,.16),transparent 42%),#faf6f8;color:#433448}html[data-theme=light] .inspector-card h2,html[data-theme=light] .inspector-result strong,html[data-theme=light] .studio-inspector-heading h1{color:#443448}html[data-theme=light] .inspector-card p,html[data-theme=light] .inspector-card small,html[data-theme=light] .inspector-colors>div,html[data-theme=light] .inspector-footnote,html[data-theme=light] .inspector-result small,html[data-theme=light] .inspector-test-action,html[data-theme=light] .studio-inspector-heading p{color:#625568}html[data-theme=light] .inspector-card,html[data-theme=light] .inspector-results,html[data-theme=light] .inspector-test-action{background:rgba(255,253,251,.88);border-color:#e7d9e2}html[data-theme=light] .inspector-test-action button,html[data-theme=light] .studio-inspector-heading>button{background:#fffaf8;border-color:#e5d4df;color:#644b62}html[data-theme=light] .inspector-test-action button:hover,html[data-theme=light] .studio-inspector-heading>button:hover{background:#f3e0e8}html[data-theme=light] .design-section-heading h2,html[data-theme=light] .library-heading h1,html[data-theme=light] .providers-intro h1,html[data-theme=light] .settings-heading h1{color:#392b3d}html[data-theme=light] .library-content :is(h2,h3,strong),html[data-theme=light] .settings-content :is(h2,h3,strong){color:#443448}.problem-count{background:#302a3f;color:#c2b4d6}html[data-theme=light] .app-shell :is(p,small,label,time,summary,figcaption){color:#594b5e}html[data-theme=light] .app-shell :is(button,a,[role=button]):hover:not(:disabled):not(.primary):not(.settings-save-button):not(.project-delete-confirm):not(.project-delete-button):not(.api-key-delete-button):not(.selected-element-remove):not(.composer-send):not(.explore-button):not(.brand){background-color:#f3e0e8;color:#694458}html[data-theme=light] .media-filters button{border-color:#e6d8e3;background:#fffaf8;color:#66566d}html[data-theme=light] .media-filters button span{color:#8c788e}html[data-theme=light] .media-filters button:hover{border-color:#dcb9ca;background:#f8edf2;color:#694458}html[data-theme=light] .media-filters button.active{border-color:#c99ab2;background:#f1e2e9;color:#654558}html[data-theme=light] .media-card{border-color:#e8dce5;background:rgba(255,253,251,.9)}html[data-theme=light] .media-preview{background:radial-gradient(ellipse at 50% 15%,rgba(196,169,255,.12),transparent 70%),#f4edf2;color:#856a91}html[data-theme=light] .media-preview small{background:#eadfe9;color:#715d75}html[data-theme=light] .media-card-info strong{color:#49394e}html[data-theme=light] .media-card-info small,html[data-theme=light] .media-card-info>span{color:#796b7e}html[data-theme=light] .media-image-download{color:#79588d}html[data-theme=light] .media-image-download:hover{background:#f8edf2;color:#694458}html[data-theme=light] .media-delete-confirm button,html[data-theme=light] .media-file-delete{border-color:#e4d5e1;color:#755f72}html[data-theme=light] .media-delete-confirm button:hover,html[data-theme=light] .media-file-delete:hover{border-color:#c9a9c6;background:#fbf1f7;color:#684e6e}html[data-theme=light] .media-delete-confirm span{color:#6f5c70}html[data-theme=light] .media-delete-confirm button.confirm{border-color:#dba8b7;color:#98566c}html[data-theme=light] .media-delete-confirm button.confirm:hover{border-color:#c9849b;background:#fff0f4;color:#814357}html[data-theme=light] .media-empty,html[data-theme=light] .media-message{border-color:#e8dce5;background:rgba(255,253,251,.8);color:#66586c}html[data-theme=light] .media-empty h2{color:#49394e}html[data-theme=light] .selected-element-card{border-color:#e5d4e2;background:linear-gradient(110deg,#fff8fc,#f5edf5);box-shadow:0 3px 10px rgba(91,61,91,.08),inset 0 1px rgba(255,255,255,.8)}html[data-theme=light] .selected-element-thumbnail{border-color:#d6c3df;background:linear-gradient(145deg,#d8c8e8,#c3dcd8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}html[data-theme=light] .selected-element-thumbnail i{background:rgba(76,57,87,.7)}html[data-theme=light] .selected-element-thumbnail i:nth-child(2){background:rgba(95,72,108,.38)}html[data-theme=light] .selected-element-thumbnail i:nth-child(3){background:rgba(95,72,108,.2)}html[data-theme=light] .selected-element-copy strong{color:#49394e}html[data-theme=light] .selected-element-copy small,html[data-theme=light] .selected-element-excerpt{color:#76677b!important}html[data-theme=light] .selected-element-kicker{color:#79588d!important}html[data-theme=light] .selected-element-remove{background:rgba(122,83,113,.07);color:#79627b}html[data-theme=light] .selected-element-remove:hover{background:#f6e7ed;color:#80536a}html[data-theme=light] .projects-settings{background:transparent;border-color:#e5d6e2}html[data-theme=light] .project-delete-button:hover:not(:disabled){border-color:#d9a9bd;background:#f7e8ee;color:#87556c}html[data-theme=light] .preview-mark-capture{cursor:crosshair}html[data-theme=light] .preview-selection-outline{border-color:#a86e91;background:rgba(198,138,169,.13);box-shadow:0 0 0 1px rgba(255,250,248,.88),0 0 14px rgba(168,110,145,.22)}.composer-input-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:start;grid-gap:8px;gap:8px}.composer-input-row .prompt-input{width:100%}.composer-input-row .composer-mic{position:static;width:32px;height:32px}.composer .attachment-error{position:static;margin:0;overflow-wrap:anywhere}.mobile-workspace-switch{display:none}@media (max-width:950px){body,html{height:100%;overflow:hidden}.app-shell{height:var(--app-viewport-height,100dvh);min-height:0;max-width:100%}.topbar{flex-grow:0;flex-shrink:0;flex-basis:calc(56px + env(safe-area-inset-top, 0px));height:calc(56px + env(safe-area-inset-top, 0px));min-width:0;padding:env(safe-area-inset-top,0) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));gap:12px}.topbar>.theme-toggle{display:grid;flex-shrink:0}.topbar .version{display:flex;min-height:40px}.project-menu-wrap{min-width:0}.modebar{flex:0 0 44px;height:44px;padding:0 10px;overscroll-behavior-x:contain;touch-action:pan-x}.mode{flex:0 0 auto;min-height:40px}.tool-layout,.tool-layout.chat-hidden{grid-template-rows:auto auto minmax(0,1fr)}.library-layout,.library-layout.settings-layout,.tool-layout,.tool-layout.chat-hidden{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.library-layout,.library-layout.settings-layout{height:auto;grid-template-rows:auto minmax(0,1fr)}.library-layout>.sidebar,.tool-layout>.sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;min-height:50px;height:50px;padding:3px 10px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);overscroll-behavior-x:contain;touch-action:pan-x}.sidebar .sidebar-heading,.sidebar .sidebar-spacer{display:none}.sidebar.is-collapsed,html[data-sidebar-collapsed] .sidebar{padding-left:10px;padding-right:10px}.sidebar.is-collapsed .side-label,html[data-sidebar-collapsed] .sidebar .side-label{display:inline}.sidebar .side-link,.sidebar.is-collapsed .side-link,html[data-sidebar-collapsed] .sidebar .side-link{flex:0 0 auto;min-height:42px;height:42px;margin:0;padding:0 12px;gap:7px;border-radius:10px;font-size:12px;white-space:nowrap}.side-link svg{flex:0 0 auto;width:17px;height:17px}.sidebar .side-badge{display:none}.mobile-workspace-switch{grid-column:1;grid-row:2;display:flex;align-items:stretch;gap:4px;padding:5px 12px;border-bottom:1px solid var(--line);background:var(--chrome)}.mobile-workspace-switch button{flex:1 1;min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:13px}.mobile-workspace-switch button[aria-pressed=true]{border-color:var(--line);background:rgba(196,169,255,.12);color:#d9caff}.mobile-workspace-switch i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:generation-pulse 1.2s ease-in-out infinite}.tool-layout.chat-hidden>section,.tool-layout>.chat-panel,.tool-layout>section:not(.chat-panel){grid-column:1;grid-row:3;min-width:0;min-height:0;height:100%;border-top:0}.tool-layout[data-mobile-pane=chat]>.chat-panel{display:flex}.tool-layout[data-mobile-pane=chat]>section:not(.chat-panel),.tool-layout[data-mobile-pane=preview]>.chat-panel{display:none}.chat-panel{overflow:hidden;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));border-right:0}.assistant-head{flex:0 0 48px;height:48px;min-height:48px;padding:0 16px;gap:9px}.assistant-head .assistant-logo{width:30px;height:30px;border-radius:9px}.assistant-head strong{font-size:14px}.assistant-heading .generation-status{max-width:70vw;margin-top:3px;font-size:10px}.conversation{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 14px 12px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.message{min-width:0;gap:9px;margin-top:22px}.message-body{min-width:0;overflow-wrap:anywhere}.message p{font-size:14px;line-height:1.65}.message-meta{font-size:12px}.message-meta time{font-size:11px}.assistant-logo.small,.user-avatar{width:28px;height:28px}.user-message{padding-left:24px}.message-actions button{min-height:36px}.composer{flex:0 1 auto;min-height:0;max-height:min(62%,420px);margin:0 10px;padding:10px 12px 8px;border-radius:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.prompt-input{font-size:16px;max-height:min(160px,24dvh)}.composer-input-row{grid-template-columns:minmax(0,1fr) 40px}.composer-input-row .composer-mic{width:40px;height:40px}.composer-tools{flex-wrap:wrap;gap:4px;margin:0}.agent-select{min-height:40px;padding:0 8px;font-size:12px}.model-picker{flex:1 1;min-width:65px}.model-select{width:100%;min-height:40px;max-width:none;padding:0 5px;font-size:11px}.model-select-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-actions{margin-left:auto;flex:0 0 auto;gap:6px}.attach-button,.send-button{width:40px;height:40px;min-width:40px;min-height:40px}.context-summary-banner{flex:0 0 auto;flex-wrap:wrap;margin:6px 10px;padding:8px 10px;font-size:11px}.context-summary-banner button{min-height:36px}.agent-mode-menu,.model-menu{position:fixed;left:12px;right:12px;bottom:max(78px,env(safe-area-inset-bottom,0px));top:auto;width:auto;max-height:min(55dvh,410px);overflow-y:auto;z-index:60}.agent-mode-option,.model-option{min-height:44px}.preview-panel{display:flex;min-height:0;overflow:hidden}.preview-toolbar{height:auto;flex:0 0 auto;min-height:0;flex-wrap:wrap;gap:5px;padding:7px 10px}.preview-toolbar .edit-actions button,.preview-toolbar .toolbar-icon{width:36px;height:36px;flex:0 0 36px}.preview-toolbar .address-bar{order:1;flex:1 0 100%;width:100%;min-height:38px;margin:0}.address-bar input{font-size:16px}.preview-stage{flex:1 1;min-height:0;padding:8px;overflow:hidden}.browser-frame,.browser-frame.mobile-preview,.browser-frame.tablet-preview{min-height:0;height:100%;max-height:100%}.preview-document,.preview-iframe-wrap{min-height:0}.preview-caption{flex:0 0 auto;height:auto;min-height:30px;padding:5px 10px max(5px,env(safe-area-inset-bottom,0px));gap:8px;font-size:10px;flex-wrap:wrap}.preview-caption>span:last-child{display:none}.preview-empty-state{min-width:0;padding:24px}.preview-empty-state h2{font-size:clamp(22px,5vw,30px)}.code-panel{flex-direction:column;min-height:0;overflow:hidden}.code-explorer{flex:0 0 auto;width:100%;max-height:130px;display:flex;align-items:center;gap:5px;padding:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.code-explorer>small{display:none}.code-explorer .code-file{flex:0 0 auto;max-width:230px;min-height:40px}.code-workbench{min-width:0;min-height:0;flex:1 1}.code-editor{font-size:13px}.code-panel-footer,.code-panel-header{padding:8px 12px;height:auto;min-height:36px}.code-panel-footer>span:first-child{display:none}.library-layout>.library-content,.library-layout>.settings-content{grid-column:1;grid-row:2;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 16px max(24px,env(safe-area-inset-bottom,0px));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.library-content .library-heading,.settings-heading{gap:12px}.library-description{max-width:100%}.library-version{max-width:100%;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}.library-empty-state{min-height:min(420px,60dvh)}.media-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;touch-action:pan-x}.media-filters button{flex:0 0 auto;min-height:42px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}.media-card,.media-card-actions,.media-card-info{min-width:0}.media-card-actions a,.media-card-actions button{min-height:40px}.project-settings-controls>div{flex-wrap:wrap}.project-settings-controls select{flex:1 0 100%;min-width:0;width:100%}.project-settings-controls button{flex:1 1;min-height:44px}.project-import-form input,.project-import-form select,.project-rename-dialog input,.settings-content input:not([type=checkbox]),.settings-content select{font-size:16px;min-width:0}.project-delete-backdrop,.publish-backdrop{padding:12px}.project-delete-dialog,.publish-dialog{max-height:calc(var(--app-viewport-height, 100dvh) - 24px);overflow-y:auto}.project-delete-dialog>div:last-child{flex-wrap:wrap}.project-rename-actions button{min-width:0;flex:1 1 auto;min-height:44px}.notification-popover,.project-popover,.version-popover{position:fixed;top:calc(62px + env(safe-area-inset-top, 0px));left:12px;right:12px;width:auto;max-height:calc(var(--app-viewport-height, 100dvh) - 90px);overflow-y:auto}html[data-theme=light] .mobile-workspace-switch button[aria-pressed=true]{background:#f0e2ec;color:#714e69}html[data-mobile-keyboard=true] .assistant-head,html[data-mobile-keyboard=true] .mobile-workspace-switch,html[data-mobile-keyboard=true] .modebar,html[data-mobile-keyboard=true] .sidebar{display:none}html[data-mobile-keyboard=true] .tool-layout{grid-template-rows:0 0 minmax(0,1fr)}html[data-mobile-keyboard=true] .library-layout{grid-template-rows:0 minmax(0,1fr)}}@media (max-width:620px){.topbar{gap:7px;padding-left:10px;padding-right:10px}.brand{min-width:34px;flex:0 0 34px}.avatar,.brand>span:last-child,.top-spacer{display:none}.project-menu-wrap{flex:1 1;min-width:0}.project-select{display:flex;min-width:0;max-width:100%;padding:0 3px;gap:7px;font-size:13px}.project-select>span:nth-child(2){min-width:0;max-width:none}.project-select i{width:7px;height:7px;flex:0 0 7px}.version-wrap{flex:0 0 36px}.topbar .version{width:36px;min-width:36px;justify-content:center;padding:0;border:1px solid var(--line)}.version-label,.version>.version-chevron{display:none}.providers-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.providers-intro{grid-column:1/-1}.providers-intro p{font-size:14px}.provider-overview-card{min-height:112px;padding:14px;border-radius:12px}.provider-card-title{gap:7px;font-size:18px}.provider-card-status{padding:4px 7px;font-size:10px}.add-custom-provider-card strong{font-size:15px}.add-custom-provider-card>span:last-child{font-size:12px}.add-provider-plus{font-size:28px}}