@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";@media (prefers-color-scheme:dark){:root{--cfr-bg:#09090be6;--cfr-fg:#f4f4f5;--cfr-border:#ffffff1a;--cfr-primary:#f4f4f5;--cfr-primary-fg:#09090b;--cfr-secondary:#27272a;--cfr-secondary-fg:#f4f4f5;--cfr-ghost-hover:#27272a;--cfr-destructive:#ef4444;--cfr-destructive-fg:#fff;--cfr-muted-fg:#a1a1aa;--cfr-backdrop:#0000004d}}@keyframes cfr-ripple{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}:root{--bg-main:#181818;--bg-card:#1f1f1f;--bg-card-hover:#262626;--bg-button:#2d2d2d;--bg-button-hover:#3a3a3a;--text-primary:#fff;--text-secondary:#a1a1aa;--text-placeholder:#666;--text-accent:#38bdf8;--border-color:#2e2e2e;--border-color-focus:#444;--accent-color:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", var(--font-sans);font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:0;display:flex}.headless-intro-overlay{z-index:10000;pointer-events:none;background:#000;place-items:center;animation:1s ease-out forwards headlessIntroFade;display:grid;position:fixed;inset:0}.headless-intro-image{object-fit:contain;background:#000;width:100%;height:100%}@keyframes headlessIntroFade{0%,72%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@keyframes pulseWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDot{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wave-bar:first-child{animation:1s ease-in-out infinite pulseWave}.wave-bar:nth-child(2){animation:.8s ease-in-out .15s infinite pulseWave}.wave-bar:nth-child(3){animation:1.2s ease-in-out .3s infinite pulseWave}.wave-bar:nth-child(4){animation:.7s ease-in-out .1s infinite pulseWave}.wave-bar:nth-child(5){animation:1.1s ease-in-out .2s infinite pulseWave}.wave-bar:nth-child(6){animation:.9s ease-in-out .4s infinite pulseWave}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.train-screen{color:#f7f7f8;background:#161616;width:100%;min-height:100vh}.train-topbar{border-bottom:1px solid #2b2b2d;align-items:center;gap:28px;height:64px;padding:0 28px;display:flex}.train-back,.train-success button{color:#a7a7ad;cursor:pointer;background:0 0;border:0}.train-back{font:500 13px var(--font-sans);align-items:center;gap:8px;display:flex}.train-back:hover,.train-success button:hover{color:#fff}.train-brand{font:600 15px var(--font-sans);align-items:center;gap:10px;display:flex}.train-brand-mark{background:#2387e8;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.train-content{width:min(920px,100% - 40px);margin:0 auto;padding:60px 0 80px}.train-heading{margin-bottom:38px}.train-heading h1{font:600 clamp(32px, 4vw, 42px)/1.1 var(--font-heading);letter-spacing:-.8px;margin-bottom:12px}.train-heading p{color:#a3a3aa;font-size:15px;line-height:1.6}.train-upload-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.train-upload-group,.train-description{flex-direction:column;gap:10px;display:flex}.train-field-label{color:#ededee;font-size:14px;font-weight:600}.train-field-label span{color:#77777f;font-weight:400}.train-drop-zone{color:#97979f;cursor:pointer;min-height:190px;font:inherit;background:#1b1b1d;border:1px dashed #4a4a4f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:20px;transition:border-color .16s,background .16s;display:flex}.train-drop-zone:hover,.train-drop-zone.dragging{background:#1a2027;border-color:#318ee8}.train-drop-zone.has-file{justify-content:flex-end}.train-drop-zone>strong{color:#e5e5e7;font-size:14px;font-weight:500}.train-drop-zone>small{color:#74747c;font-size:12px}.train-selected-file{text-align:left;background:#202023;border:1px solid #343438;border-radius:9px;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.train-file-icon{color:#409af1}.train-file-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.train-file-copy strong{color:#f1f1f2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.train-file-copy small{color:#85858c;font-size:11px}.train-remove-file{color:#b8b8bd;border:1px solid #444449;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.train-description{margin-top:28px;position:relative}.train-description textarea{resize:vertical;color:#f2f2f3;min-height:130px;font:14px/1.55 var(--font-sans);background:#1b1b1d;border:1px solid #414146;border-radius:10px;outline:none;padding:16px}.train-description textarea:focus{border-color:#318ee8;box-shadow:0 0 0 3px #318ee81f}.train-description>small{color:#73737b;font-size:11px;position:absolute;bottom:11px;right:13px}.train-summary{background:#1c1c1e;border:1px solid #333337;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:16px 18px;display:flex}.train-summary>div{align-items:center;gap:12px;display:flex}.train-summary-icon{color:#96969d}.train-summary small,.train-summary strong{display:block}.train-summary small{color:#7f7f87;margin-bottom:3px;font-size:11px}.train-summary strong{color:#4da2f4;font-size:13px;font-weight:500}.train-summary code{color:#94949b;text-align:right;font-size:11px}.train-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.train-actions p{color:#74747c;font-size:12px}.train-actions .train-error{color:#f08b8b}.train-add-button{color:#fff;cursor:pointer;min-width:108px;font:600 13px var(--font-sans);background:#268af0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;display:flex}.train-add-button:hover:not(:disabled){background:#3898f7}.train-add-button:disabled{opacity:.45;cursor:not-allowed}.train-spin{animation:.8s linear infinite train-spin}@keyframes train-spin{to{transform:rotate(360deg)}}.train-success{background:#142719;border:1px solid #286437;border-radius:10px;align-items:center;gap:13px;margin-top:22px;padding:15px 17px;animation:.18s ease-out fadeIn;display:flex}.train-success>span{color:#59cf71;background:#1c3a23;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.train-success div{flex:1}.train-success strong{margin-bottom:4px;font-size:13px;display:block}.train-success p{color:#9fa6a1;overflow-wrap:anywhere;font-size:11px}@media (width<=720px){.train-topbar{padding:0 18px}.train-content{padding-top:38px}.train-upload-grid{grid-template-columns:1fr}.train-summary,.train-actions{flex-direction:column;align-items:flex-start}.train-summary code{text-align:left}.train-add-button{width:100%}}.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-trigger:hover,.dropdown-trigger.active{color:var(--text-primary);background-color:var(--bg-button)}.dropdown-trigger-content{align-items:center;gap:6px;display:flex}.dropdown-trigger-icon{opacity:.8}.dropdown-chevron{opacity:.6;transition:transform .2s}.dropdown-chevron.rotated{transform:rotate(180deg)}.dropdown-menu{z-index:100;background-color:#232324;border:1px solid #ffffff14;border-radius:12px;min-width:190px;padding:6px;list-style:none;animation:.15s ease-out fadeIn;position:absolute;bottom:calc(100% + 8px);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080}.dropdown-menu-heading{color:var(--text-secondary);white-space:nowrap;justify-content:space-between;align-items:baseline;gap:24px;padding:12px 18px 10px;font-size:14px;line-height:1.3;display:flex}.dropdown-menu-heading a{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline}.dropdown-menu.align-left{left:0}.dropdown-menu.align-right{right:0}.dropdown-item{width:100%;color:var(--text-secondary);font-size:13.5px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .15s;display:flex}.dropdown-item.with-description{align-items:flex-start;gap:14px;padding:11px 18px}.dropdown-item-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.dropdown-item-description{color:var(--text-secondary);white-space:nowrap;font-size:13.5px;font-weight:400;line-height:1.35}.dropdown-item:hover{background-color:var(--bg-button-hover);color:var(--text-primary)}.dropdown-item.selected{color:var(--text-primary);background-color:#ffffff0f;font-weight:500}.dropdown-item-icon{opacity:.7}.thread-composer-permission .dropdown-trigger{color:#8bc7ff}.chat-input-card.prompt-box .thread-composer-permission .dropdown-trigger{box-shadow:none;background-color:#0000}.chat-input-card.prompt-box .thread-composer-permission .dropdown-trigger:hover,.chat-input-card.prompt-box .thread-composer-permission .dropdown-trigger.active{color:#a8d5ff;background-color:#ffffff0f}.thread-composer-permission .dropdown-trigger-icon,.thread-composer-permission .dropdown-chevron{opacity:1}.thread-composer-permission .dropdown-menu{background-color:#2b2b2c;border-radius:14px;min-width:min(720px,100vw - 48px);padding:10px 0}.thread-composer-permission .dropdown-item{border-radius:0}.thread-composer-permission .dropdown-item:hover{background-color:#ffffff0a}.thread-composer-permission .dropdown-item.selected{background-color:#0000}.thread-composer-permission .dropdown-item-icon{color:var(--text-primary);opacity:.9;margin-top:3px}.thread-composer-permission .dropdown-item-label{color:var(--text-primary);font-size:14.5px;line-height:1.25}.voice-visualizer-overlay{background-color:var(--bg-card);z-index:10;border-radius:16px;justify-content:space-between;align-items:center;padding:0 20px;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}.voice-visualizer-content{align-items:center;gap:16px;display:flex}.voice-visualizer-wave{align-items:center;gap:4px;height:24px;display:flex}.wave-bar{transform-origin:50%;background-color:#38bdf8;border-radius:2px;width:3px;height:24px}.voice-visualizer-status{color:var(--text-primary);letter-spacing:.2px;font-size:14px;font-weight:500}.voice-visualizer-cancel{background-color:var(--bg-button);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.voice-visualizer-cancel:hover{background-color:var(--bg-button-hover);color:var(--text-primary)}.app-container{flex-direction:column;justify-content:flex-end;width:100%;max-width:800px;height:100vh;margin:0 auto;padding:24px 20px;display:flex;position:relative}.main-content{z-index:5;flex-direction:column;width:100%;max-width:800px;transition:all .3s;display:flex;position:relative}.main-content.centered-view{justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto}.app-title{font-family:var(--font-heading);color:var(--text-primary);text-align:center;letter-spacing:-.8px;margin-bottom:20px;font-size:32px;font-weight:500;transition:all .3s}.desktop-shell-layout .app-title{width:auto;max-width:min(92%,780px);min-height:2.18em;box-shadow:none;color:#fff;text-shadow:0 2px 8px #000000b8,0 10px 30px #0000007a;background:0 0;border:0;border-radius:0;padding:0;font-weight:650;line-height:1.09;display:block}.desktop-shell-layout .main-content.centered-view .chat-feed-column{transform:translateY(-24px)}.chat-input-wrapper{flex-direction:column;align-self:center;width:100%;display:flex;position:relative}.border-glow-card.composer-glow-frame{box-shadow:0 16px 48px #00000057,0 0 32px #58a6ff14}.chat-input-card{border:1px solid var(--border-color);background-color:#1f1f1f;border-radius:18px;flex-direction:column;gap:0;width:100%;padding:0;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px -2px #0000004d}.chat-input-card.prompt-box{box-shadow:none;border-color:#0000;border-radius:18px}.chat-input-card.prompt-box:focus-within{border-color:#0000}.chat-input-top-box{box-sizing:border-box;background-color:#2d2d2d;border-top-left-radius:17px;border-top-right-radius:17px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.chat-input-card.prompt-box .chat-input-top-box{gap:5px;padding:10px 14px 8px}.chat-input-card:not(:has(.workspace-bar)) .chat-input-top-box{border-bottom-right-radius:17px;border-bottom-left-radius:17px}.chat-input-card.in-thread{background-color:#1e1e1e;border-color:#ffffff12;box-shadow:0 4px 14px #0003}.chat-input-card.in-thread .chat-input-top-box{background-color:#0000;gap:8px;padding:12px 14px 10px}.chat-input-card.in-thread .prompt-textarea{font-size:15px}.chat-input-card:focus-within{border-color:var(--border-color-focus)}.attachment-chips-container{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.attachment-chip{color:var(--text-primary);background-color:#ffffff0f;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;animation:.15s ease-out fadeIn;display:flex}.attachment-chip-image{color:#fff;background:0 0;border:0;border-radius:14px;width:84px;height:84px;padding:0;position:relative}.attachment-chip-thumb{object-fit:cover;border:1px solid #ffffff42;border-radius:14px;width:84px;height:84px;display:block;box-shadow:0 5px 14px #0000003d,inset 0 1px #ffffff29}.attachment-chip-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.attachment-chip-image .attachment-chip-name{color:#fff;text-align:center;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:74px;font-weight:700;line-height:1.08;display:-webkit-box}.attachment-chip-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;transition:all .15s;display:flex}.attachment-chip-image .attachment-chip-remove{color:#171717;background:#fff;width:24px;height:24px;margin:0;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 10px #00000038}.attachment-chip-remove:hover{color:var(--text-primary);background-color:#ffffff1f}.attachment-chip-image .attachment-chip-remove:hover{color:#000;background:#fff}.prompt-textarea{resize:none;width:100%;font-family:var(--font-sans);color:var(--text-primary);caret-color:var(--text-primary);background:0 0;border:none;outline:none;min-height:28px;max-height:200px;padding:0;font-size:16px;line-height:1.5}.chat-input-card.prompt-box .prompt-textarea{min-height:41px;font-size:15px;line-height:1.35}.chat-input-card.prompt-box .custom-placeholder-overlay{font-size:15px!important;line-height:1.35!important}.prompt-textarea::placeholder{color:var(--text-placeholder)}.new-film-page{min-height:100vh;color:var(--text-primary);background:#121313;padding:7px 14px;position:relative}.new-film-workspace{z-index:0;background:var(--bg-main);display:none;position:fixed;inset:0}.new-film-workspace.visible{display:block}.new-film-text-stage{background:#121313;place-items:center;min-height:100vh;padding:24px;display:grid}.new-film-text-card{color:#f4f4f5;min-width:min(560px,100vw - 48px);max-width:min(760px,100vw - 48px);min-height:140px;font-family:var(--font-heading);text-align:center;letter-spacing:0;background:#202121;border:1px solid #ffffff2e;border-radius:8px;place-items:center;padding:34px 42px;font-size:34px;font-weight:600;line-height:1.2;display:grid;box-shadow:0 22px 70px #00000052}.new-film-composer{z-index:20;background:#292a2a;border:1px solid #373838;border-radius:19px;align-items:flex-start;gap:12px;width:100%;min-height:78px;padding:14px 14px 14px 12px;display:flex;position:relative;box-shadow:0 4px 14px #00000038}.new-film-composer:focus-within{border-color:#484949}.new-film-page.workspace-visible .new-film-composer,.new-film-page.workspace-visible .new-film-status{display:none}.new-film-prompt{resize:none;color:#f3f3f3;caret-color:#f3f3f3;min-width:0;min-height:48px;font-family:var(--font-sans);letter-spacing:0;background:0 0;border:0;outline:0;flex:1;padding:5px 10px;font-size:15px;line-height:1.45;overflow:hidden}.new-film-prompt::placeholder{color:#767777;opacity:1}.new-film-actions{flex:none;align-items:center;gap:6px;display:flex}.new-film-icon-button{border:0;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;text-decoration:none;transition:background-color .14s,color .14s,opacity .14s;display:inline-flex}.new-film-icon-button.submit{cursor:pointer;color:#1b1c1c;background:#f3f3f3}.new-film-icon-button.submit.active{color:#fff;background:#ef4444}.new-film-icon-button.submit:disabled{cursor:not-allowed;color:#777979;background:#ffffff1a}.new-film-icon-button:not(:disabled):hover{filter:brightness(1.08)}.new-film-stop-icon{background:currentColor;border-radius:2px;width:11px;height:11px}.new-film-status{z-index:20;color:#8c8e8e;text-overflow:ellipsis;white-space:nowrap;min-height:18px;margin:7px 12px 0;font-size:12px;line-height:18px;position:relative;overflow:hidden}.new-film-status:empty{display:none}.new-film-status.error{color:#fca5a5}.cfr-simulated-pointer.codex-film-pointer{width:28px;height:33px;box-shadow:none;filter:drop-shadow(0 2px 2px #00000073);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2234%22%20height%3D%2240%22%20viewBox%3D%22-1%20-1%2036%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.38%205.1C3.32%202.25%206.14%20-.46%208.93%20.77L31.16%2010.6C34.24%2011.96%2034.51%2016.23%2031.62%2017.98L21.02%2024.39L15.84%2035.7C14.46%2038.71%2010.11%2038.43%209.12%2035.27L1.16%209.91C.54%207.94%202.45%204.25%204.38%205.1Z%22%20fill%3D%22%23339CFF%22/%3E%3C/svg%3E)!important}.cfr-simulated-pointer.codex-film-pointer.cfr-holding{background-color:#0000}@media (width<=640px){.new-film-page{padding:7px}.new-film-composer{border-radius:17px;min-height:72px;padding:11px 10px}.new-film-prompt{padding-left:8px}}.input-actions-row{justify-content:space-between;align-items:center;width:100%;margin-top:4px;display:flex}.chat-input-card.prompt-box .input-actions-row{margin-top:0}.actions-left,.actions-right{align-items:center;gap:6px;display:flex}.plus-button{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.plus-button:hover,.plus-button.active{background-color:var(--bg-button);color:var(--text-primary)}.mic-button{color:#666668;cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mic-button:hover{background-color:var(--bg-button);color:var(--text-primary)}.send-button{color:#1c1c1e;cursor:not-allowed;background-color:#7f7f82;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.send-button.active{color:#1c1c1e;cursor:pointer;background-color:#fff}.send-button.active:hover{transform:scale(1.05)}.send-button-arrow{stroke-width:2.4px;transform-origin:50%;width:18px;height:18px;transform:scaleY(1.12)}.workspace-bar{box-sizing:border-box;background-color:#1f1f1f;border-bottom-right-radius:17px;border-bottom-left-radius:17px;align-items:center;gap:8px;width:100%;padding:10px 16px 12px;animation:.3s ease-out fadeIn;display:flex}.chat-input-card.prompt-box .workspace-bar{padding:6px 14px 8px}.workspace-trigger{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background-color:#0000;border:none;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.workspace-trigger:hover{color:#fff;background-color:#313131}.workspace-icon{opacity:.78}.chat-input-card.prompt-box .workspace-trigger>svg:last-child{color:#d7d7d9;transform:translateY(-1px);opacity:.95!important}.plus-menu{z-index:90;background-color:#2b2b2c;border:1px solid #ffffff1f;border-radius:20px;min-width:min(620px,100vw - 48px);padding:12px 10px 14px;animation:.15s ease-out fadeIn;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 18px 55px #0000006b,inset 0 0 0 1px #ffffff0a}.plus-menu-section+.plus-menu-section{border-top:1px solid #ffffff0a;margin-top:12px;padding-top:10px}.plus-menu-section-title{color:var(--text-secondary);padding:0 10px 8px;font-size:15px;line-height:1.2}.plus-menu-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.plus-menu-item{width:100%;min-height:42px;color:var(--text-primary);font-size:16px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:13px;align-items:center;gap:14px;padding:8px 12px;transition:all .15s;display:flex}.plus-menu-item:hover{color:var(--text-primary);background-color:#ffffff14}.plus-menu-icon{width:20px;min-width:20px;color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex}.plus-menu-copy{align-items:baseline;gap:10px;min-width:0;display:flex}.plus-menu-label{white-space:nowrap}.plus-menu-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plus-menu-plugin-badge{color:#fff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.chat-history-container{flex-direction:column;flex:1;gap:24px;width:100%;margin-top:60px;margin-bottom:16px;padding-bottom:24px;padding-right:4px;display:flex;overflow-y:auto}.message-item{flex-direction:column;gap:8px;animation:.25s ease-out fadeIn;display:flex}.message-user{background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px 16px 4px;align-self:flex-end;max-width:80%;padding:12px 16px}.message-user-wrapper{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:80%;display:flex}.message-user-wrapper .message-user{max-width:100%}.message-user-text{color:var(--text-primary);white-space:pre-wrap;font-size:14.5px;line-height:1.5}.message-user-actions{color:#8c8c90;align-items:center;gap:12px;min-height:24px;padding-right:2px;display:flex}.message-user-actions time{font-variant-numeric:tabular-nums;font-size:13px;line-height:1}.message-user-action-btn{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex}.message-user-action-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.message-user-edit{box-sizing:border-box;background:#242424;border-radius:24px;flex-direction:column;gap:12px;width:100%;height:132px;padding:18px;display:flex}.message-user-edit textarea{box-sizing:border-box;resize:none;width:100%;min-height:0;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14.5px;font-weight:400;line-height:1.5;overflow-y:auto}.message-user-edit-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.message-user-edit-actions button{height:31px;font-family:var(--font-sans);cursor:pointer;border-radius:9px;padding:0 12px;font-size:11.7px;font-weight:400}.message-user-edit-cancel{color:var(--text-primary);background:0 0;border:2px solid #424242}.message-user-edit-send{color:#292929;background:#f3f3f3;border:0}.message-user-edit-send:disabled{cursor:not-allowed;opacity:.45}.message-user-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.message-meta-pill{background-color:#ffffff0a;border:1px solid #ffffff0a;border-radius:4px;padding:2px 6px}.message-ai{align-self:flex-start;gap:14px;width:100%;padding:4px 0;display:flex}.message-ai-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.message-ai-content{flex-direction:column;flex:1;gap:10px;display:flex}.message-ai-text{color:#e4e4e7;white-space:pre-wrap;font-size:14.5px;line-height:1.6}.code-block-wrapper{background-color:#2b2b2b;border-radius:8px;margin:12px 0;animation:.2s ease-out fadeIn;overflow:hidden}.code-block-header{color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);background-color:#2b2b2b;justify-content:space-between;align-items:center;padding:12px 16px 6px;display:flex}.code-block-lang{text-transform:lowercase;font-weight:500}.code-block-copy{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.code-block-copy:hover{color:var(--text-primary);background-color:#ffffff0d}.message-ai-code{color:#fff;background-color:#2b2b2b;border:none;border-radius:0;margin:0;padding:14px 20px 20px;font-family:JetBrains Mono,Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;overflow-x:auto}.code-key{color:#df307a}.code-value{color:#01a77d}.code-comment{color:#888;font-style:italic}.code-keyword{color:#df307a}.code-string{color:#01a77d}.code-prompt{color:var(--text-secondary);-webkit-user-select:none;user-select:none}.code-command{color:var(--text-primary);font-weight:500}.typing-indicator{align-items:center;gap:4px;margin-left:42px;padding:8px 0;display:flex}.typing-dot{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite bounceDot}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.thread-thinking-status{min-height:28px;font-family:var(--font-sans);align-items:center;padding:8px 0;font-size:14px;font-weight:500;display:flex}.thread-activity-status{min-height:28px;color:var(--text-secondary);font-family:var(--font-sans);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.thread-activity-status svg{flex:none}.thread-command-activity-status{width:fit-content}.thread-command-status-row{width:min(100%,980px);min-height:28px;color:var(--text-secondary);font-family:var(--font-sans);align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.thread-command-status-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thread-command-status-row svg{flex:none}.thread-command-status-warning{color:#d9a441}.thread-image-preview{flex-direction:column;gap:8px;width:min(100%,720px);margin:2px 0;display:flex}.thread-image-preview-button{width:100%;color:var(--text-primary);cursor:zoom-in;background:0 0;border:0;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.thread-image-preview img{object-fit:contain;border:1px solid var(--border-subtle);background:var(--surface-secondary);border-radius:8px;width:100%;max-height:420px;display:block}.thread-image-preview-button img{transition:filter .16s,transform .16s}.thread-image-preview-hover{opacity:0;pointer-events:none;background:#00000057;border-radius:8px;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.thread-image-preview-hover-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181818d1;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 16px 36px #00000052}.thread-image-preview-button:hover img,.thread-image-preview-button:focus-visible img{filter:brightness(.78);transform:scale(1.01)}.thread-image-preview-button:hover .thread-image-preview-hover,.thread-image-preview-button:focus-visible .thread-image-preview-hover{opacity:1}.thread-image-preview-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.thread-image-preview figcaption{color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;line-height:1.4}.thread-context-compaction-divider{width:100%;min-height:36px;color:var(--text-secondary);font-family:var(--font-sans);grid-template-columns:minmax(32px,1fr) auto minmax(32px,1fr);align-items:center;gap:16px;font-size:14px;font-weight:500;display:grid}.thread-context-compaction-divider:before,.thread-context-compaction-divider:after{content:"";background:#ffffff29;height:1px}.thread-context-compaction-divider span{white-space:nowrap}.thread-automation-card{color:var(--text-primary);border-bottom:1px solid #ffffff1f;margin:24px 28px 0;padding-bottom:24px}.thread-automation-heading{color:var(--text-secondary);letter-spacing:0;margin:0 0 18px;font-size:15px;font-weight:500}.thread-automation-row{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:28px;font-size:15px;font-weight:500;display:grid}.thread-automation-icon{color:var(--text-primary)}.thread-automation-title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-automation-schedule{color:var(--text-secondary);white-space:nowrap}.clear-feed-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border-radius:6px;padding:5px 10px;font-size:12px;transition:all .2s;position:absolute;top:16px;right:20px}.clear-feed-btn:hover{background-color:var(--bg-button);color:var(--text-primary)}.plugins-screen-container{background-color:var(--bg-main);height:100vh;color:var(--text-primary);flex-direction:column;flex:1;padding:24px 40px;display:flex;overflow-y:auto}.plugins-screen-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:16px;display:flex}.header-tabs{gap:24px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 0;transition:all .15s}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.header-controls{gap:8px;display:flex}.control-btn{background-color:var(--bg-button);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.control-btn:hover{background-color:var(--bg-button-hover)}.control-btn.icon-only-btn{padding:6px 8px}.plugins-screen-body{flex-direction:column;gap:28px;width:100%;max-width:850px;margin:0 auto;display:flex}.plugins-title{font-family:var(--font-heading);text-align:center;color:var(--text-primary);letter-spacing:-.6px;margin-top:10px;font-size:30px;font-weight:500}.search-filters-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.search-input-container{flex:1;max-width:450px;position:relative}.search-icon{color:var(--text-placeholder);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);background-color:#202022;border-radius:100px;outline:none;padding:8px 16px 8px 38px;font-size:14.5px;transition:border-color .15s}.search-input:focus{border-color:var(--border-color-focus)}.filter-pill{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:13.5px;font-family:var(--font-sans);background-color:#202022;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:flex}.filter-pill:hover{color:var(--text-primary);background-color:var(--bg-button)}.carousel-banner-card{border:1px solid var(--border-color);background-color:#1a1a1a;border-radius:20px;justify-content:space-between;align-items:center;width:100%;height:250px;padding:40px;display:flex;position:relative;overflow:hidden}.carousel-banner-card:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#3b82f61f 50%,#0000 100%);width:380px;height:380px;position:absolute;top:-40%;right:-10%}.carousel-banner-content{z-index:5;flex-direction:column;gap:20px;display:flex}.gmail-pill{background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:12px;padding:8px 16px;display:flex}.gmail-pill-text{color:var(--text-primary);font-size:14.5px;font-family:var(--font-sans)}.bold-service{margin-right:6px;font-weight:600}.try-in-chat-btn{color:#000;cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-sans);background-color:#fff;border:none;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:10px 20px;transition:all .15s;display:flex}.try-in-chat-btn:hover{background-color:#f4f4f5;transform:scale(1.03)}.carousel-pagination{z-index:5;flex-direction:column;gap:8px;display:flex}.carousel-pagination .dot{background-color:#fff3;border-radius:50%;width:5px;height:5px}.carousel-pagination .dot.active{background-color:#fff}.featured-section{flex-direction:column;gap:16px;width:100%;display:flex}.section-title{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-size:15px;font-weight:600}.plugins-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.plugin-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.plugin-card:hover{background-color:var(--bg-card-hover);border-color:#ffffff1f}.plugin-card-left{align-items:center;gap:14px;display:flex}.plugin-icon-container{background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.plugin-info{flex-direction:column;gap:2px;display:flex}.plugin-name{color:var(--text-primary);font-size:15px;font-weight:600}.plugin-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.plugin-card-right{justify-content:center;align-items:center;display:flex}.plugin-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.plugin-action-btn.install{color:var(--text-primary);background-color:#ffffff0d;border:1px solid #ffffff1a}.plugin-action-btn.install:hover{background-color:#ffffff26}.plugin-action-btn.installed{color:var(--text-secondary);background-color:#0000}.sheets-icon-wrap{color:#2eb67d;align-items:center;display:flex}.presentations-icon-wrap{color:#ecb22e;align-items:center;display:flex}.analytics-icon-wrap{color:#38bdf8;align-items:center;display:flex}.design-icon-wrap{color:#a855f7;align-items:center;display:flex}.computer-icon-wrap{justify-content:center;align-items:center;display:flex}.spherical-gradient{background:radial-gradient(circle at 30% 30%,#38bdf8,#a855f7,#ec4899);border-radius:50%;width:24px;height:24px}.configurator-container{background-color:var(--bg-main);height:100vh;color:var(--text-primary);flex-direction:column;flex:1;padding:24px 40px;display:flex;overflow-y:auto}.configurator-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.configurator-title{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:600}.config-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.config-back-btn:hover{background-color:var(--bg-button);color:var(--text-primary)}.configurator-actions{gap:8px;display:flex}.config-action-btn{background-color:var(--bg-button);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.config-action-btn:hover{background-color:var(--bg-button-hover)}.configurator-body{flex-direction:column;gap:16px;width:100%;max-width:850px;margin:0 auto;display:flex}.configurator-instructions{color:var(--text-secondary);font-size:14px;line-height:1.5}.config-error-banner{color:#ef4444;background-color:#ef444414;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;animation:.2s ease-out fadeIn;display:flex}.editor-wrapper{border:1px solid var(--border-color);background-color:#0c0c0d;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0000004d}.json-textarea{color:#38bdf8;width:100%;height:520px;font-family:var(--font-mono);resize:vertical;background:0 0;border:none;outline:none;padding:20px;font-size:13.5px;line-height:1.5}.thread-view-header{box-sizing:border-box;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 20px;display:flex}.thread-header-title{color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-sans)}.thread-header-title-container{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.thread-more-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.thread-more-btn:hover,.thread-more-btn.active{color:var(--text-primary);background-color:#ffffff1a}.thread-title-menu{z-index:1200;-webkit-backdrop-filter:blur(22px)saturate(1.08);background:#2c2c2df5;border:1px solid #ffffff1f;border-radius:14px;width:min(440px,100vw - 36px);padding:12px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 24px 68px #00000070,inset 0 1px #ffffff12}.thread-title-menu-item{color:#ffffffeb;width:100%;min-height:42px;font:500 15px/1.2 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.thread-title-menu-item:hover:not(:disabled){background:#ffffff14}.thread-title-menu-item svg{color:#ffffffc2}.thread-title-menu-item kbd,.thread-title-menu-item>svg:last-child{color:#ffffff6b;font:inherit}.thread-title-menu-item.disabled{color:#ffffff6b;cursor:default}.thread-title-menu-item.disabled svg{color:#ffffff6b}.thread-title-menu-divider{background:#ffffff1a;height:1px;margin:8px 12px}.message-ai-plain{flex-direction:column;align-self:flex-start;gap:14px;width:100%;padding:8px 0;animation:.25s ease-out fadeIn;display:flex}.message-ai-plain-text{color:var(--text-primary);font-size:14.5px;line-height:1.6;font-family:var(--font-sans)}.message-user.rounded-capsule{background-color:#ffffff0d;border-radius:20px 20px 4px;width:max-content;max-width:min(80%,760px);padding:10px 18px}.message-user.rounded-capsule .message-user-text{white-space:pre-wrap}.user-message-tool-chip{color:var(--text-primary);vertical-align:middle;background-color:#ffffff12;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;margin:0 4px;padding:3px 10px;font-size:13px;display:inline-flex}.spherical-gradient.mini{width:12px;height:12px}.worked-time-bar{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;font-size:13px;display:flex}.worked-time-bar .chevron-right{opacity:.6;font-size:11px}.thread-paragraph{margin-bottom:12px;font-size:14.5px;line-height:1.6}.thread-ul,.thread-ol{flex-direction:column;gap:8px;margin:12px 0;padding-left:20px;display:flex}.thread-li{color:var(--text-primary);font-size:14.5px;line-height:1.5}.inline-code{color:#e4e4e7;font-family:var(--font-mono);background-color:#2a2a2c;border:none;border-radius:6px;padding:2px 6px;font-size:13.5px}.file-badge{text-transform:uppercase;color:#fff;border-radius:3px;justify-content:center;align-items:center;min-width:18px;margin-right:6px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.file-badge.ts{background-color:#2b73c7}.file-badge.js{background-color:#cca625}.custom-ai-cards-container{flex-direction:column;gap:10px;width:100%;max-width:700px;margin:6px 0;display:flex}.preview-card{background-color:#1c1c1e;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:12px 16px;display:flex}.preview-card.web-preview{flex-direction:row;justify-content:space-between;align-items:center}.preview-card-left{align-items:center;gap:12px;display:flex}.globe-icon-container{color:#38bdf8;background-color:#38bdf814;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.edit-icon-container{width:36px;height:36px;color:var(--text-primary);background-color:#161616;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.preview-card-info{flex-direction:column;gap:1px;display:flex}.preview-card-title{color:var(--text-primary);font-size:14px;font-weight:500}.preview-card-subtitle{color:var(--text-secondary);font-size:12px}.preview-card-stats{gap:6px;font-size:12.5px;font-weight:500;display:flex}.stats-add{color:#41c977}.stats-del{color:#fa423e}.preview-action-btn{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.preview-action-btn:hover{background-color:#ffffff14;border-color:#ffffff1a}.preview-card.edited-files{background-color:#1c1c1c;border:1px solid #2c2c2c;flex-direction:column;gap:0;padding:0;overflow:hidden}.edited-card-header{background-color:#232323;border-bottom:1px solid #252525;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.edited-card-actions{align-items:center;gap:8px;display:flex}.undo-btn{color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:3px;padding:4px 8px;transition:all .15s;display:flex}.undo-btn:hover{color:var(--text-primary);background-color:#ffffff0a}.review-btn{color:#fff;cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font-sans);background-color:#1c1c1c;border:1px solid #333;border-radius:8px;padding:6px 14px;transition:all .15s}.review-btn:hover{background-color:#252527;border-color:#444}.diff-files-list{background-color:#1c1c1c;flex-direction:column;gap:12px;width:100%;padding:12px 16px;display:flex}.diff-file-row{justify-content:space-between;align-items:center;width:100%;display:flex}.diff-file-path{font-size:13px;font-family:var(--font-mono);color:#c5c5c5}.diff-file-stats{gap:6px;font-size:12.5px;display:flex}.ai-feedback-row{align-items:center;gap:14px;margin-top:8px;margin-left:2px;display:flex}.feedback-icon-btn{color:#666668;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.feedback-icon-btn:hover{color:var(--text-primary);background-color:#ffffff0a}.app-layout{background-color:var(--bg-main);width:100vw;height:100vh;display:flex;overflow:hidden}.app-layout.desktop-shell-layout{--thread-header-height:60px;width:100%;height:100%;container-type:inline-size}.desktop-shell-layout .app-container{height:100%;padding-block:12px!important}.desktop-shell-layout .chat-main-container{height:100%}.chat-main-container{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-container{z-index:20;background-color:#282828;border-right:1px solid #ffffff0d;flex-direction:column;width:250px;min-width:250px;height:100vh;animation:.25s ease-out fadeIn;display:flex;overflow:hidden}@container (width<=900px){.desktop-shell-layout .sidebar-container,.desktop-shell-layout .floating-sidebar-toggle{display:none}.desktop-shell-layout .chat-main-container{flex-basis:100%;width:100%}.desktop-shell-layout .app-container{max-width:100%;padding:10px clamp(12px,3cqw,20px)!important}.desktop-shell-layout .main-content,.desktop-shell-layout .main-content.centered-view .chat-feed-column{max-width:100%}.desktop-shell-layout .main-content.centered-view .chat-feed-column{margin-inline:0;padding-inline:0;transform:translateY(-18px)}}@container (width<=620px){.desktop-shell-layout .app-container{padding:8px 10px!important}.desktop-shell-layout .app-title{min-height:2.18em;margin-bottom:14px;font-size:clamp(24px,7cqw,32px)}.desktop-shell-layout .chat-input-wrapper,.desktop-shell-layout .border-glow-card.composer-glow-frame{min-width:0;max-width:100%}}.desktop-shell-layout .model-dropdown-container{z-index:280}.desktop-shell-layout .model-dropdown-menu{overscroll-behavior:contain;max-height:min(420px,100vh - 180px);bottom:calc(100% + 10px);overflow-y:auto}.desktop-shell-layout .model-submenu-card{overscroll-behavior:contain;max-height:min(360px,100vh - 200px);overflow-y:auto}.sidebar-header{box-sizing:border-box;background-color:#0000;border-bottom:1px solid #ffffff08;grid-template-columns:58px 86px 1fr;align-items:center;gap:6px;height:52px;padding:0 14px;display:grid}.window-controls{justify-self:start;gap:6px;width:50px;display:flex}.window-controls.is-hidden-but-spaced{visibility:hidden}.window-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.header-actions{justify-self:start;align-items:center;gap:2px;width:82px;display:flex}.header-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.header-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.update-btn{color:#fff;cursor:pointer;font-size:11.5px;font-weight:500;font-family:var(--font-sans);background-color:#007aff;border:none;border-radius:14px;justify-self:end;padding:4px 10px;transition:background-color .15s}.update-btn:hover{background-color:#0062cc}.sidebar-content{flex:1;padding:14px 8px;overflow:hidden auto}.sidebar-menu-list{flex-direction:column;gap:2px;margin-bottom:20px;list-style:none;display:flex}.sidebar-item{color:#e4e4e7;width:100%;font-size:14px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:#282828;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.sidebar-item:hover,.sidebar-link-glow.is-glow-active .sidebar-item{color:#fff;background-color:#ffffff0a}.sidebar-item-icon{color:currentColor;opacity:.85;flex-shrink:0}.sidebar-item-label{flex:1}.sidebar-link-shortcut{color:#f4f4f5;opacity:0;pointer-events:none;background-color:#ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:24px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;display:inline-flex;transform:translate(3px)}.sidebar-link-glow.is-glow-active .sidebar-link-shortcut,.sidebar-item:focus-visible .sidebar-link-shortcut{opacity:1;transform:translate(0)}.sidebar-search-row{cursor:text}.sidebar-search-input{color:#fff;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1}.sidebar-search-input::placeholder{color:#e4e4e7}.sidebar-search-input::-webkit-search-cancel-button{display:none}.sidebar-folders-section{flex-direction:column;gap:14px;display:flex}.sidebar-folder-group{flex-direction:column;gap:4px;display:flex}.sidebar-folder-header{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:flex;position:relative}.sidebar-folder-header:hover{color:var(--text-primary);background-color:#ffffff0d}.folder-icon{opacity:.7;flex-shrink:0}.folder-name{letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.folder-actions{opacity:0;pointer-events:none;flex-shrink:0;align-items:center;gap:6px;transition:opacity .15s;display:flex}.sidebar-folder-header:hover .folder-actions{opacity:1;pointer-events:auto}.folder-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.folder-action-btn:hover{color:var(--text-primary);background-color:#ffffff14}.compose-wrapper{display:inline-flex;position:relative}.folder-tooltip{color:#fff;font-family:var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background-color:#222;border:1px solid #ffffff14;border-radius:8px;margin-left:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .15s;position:fixed;top:auto;left:auto;transform:translateY(-3px);box-shadow:0 4px 12px #00000080}.compose-btn:hover+.folder-tooltip{opacity:1}.sidebar-chat-list{flex-direction:column;gap:1px;padding-left:0;list-style:none;display:flex}.sidebar-chat-row{transform-origin:top;height:28px;transition:height .36s cubic-bezier(.22,1,.36,1),opacity .26s,transform .36s cubic-bezier(.22,1,.36,1),margin .36s cubic-bezier(.22,1,.36,1);overflow:hidden}.sidebar-chat-row.archiving{opacity:0;pointer-events:none;height:0;margin-top:-1px;transform:translateY(8px)}.sidebar-chat-item{width:100%;height:28px;color:var(--text-secondary);font-size:13px;font-family:var(--font-sans);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:0 8px 0 28px;transition:all .15s;display:flex}.sidebar-chat-item:hover{color:var(--text-primary);background-color:#ffffff0a}.sidebar-chat-item.active{color:var(--text-primary);background-color:#ffffff12;font-weight:500}.chat-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:6px;overflow:hidden}.chat-item-time{color:#555558;flex-shrink:0;font-size:10.5px}.sidebar-footer{border-top:1px solid #ffffff08;padding:12px 8px}.floating-sidebar-toggle{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:26px;height:26px;transition:all .2s/ease;z-index:10;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:13px;left:78px}.floating-sidebar-toggle:hover{color:var(--text-primary);background-color:var(--bg-button)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:500px;padding:24px;display:flex;box-shadow:0 20px 25px -5px #00000080}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-body{flex-direction:column;gap:14px;display:flex}.settings-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.settings-label{font-size:14px;font-weight:500}.settings-select{background-color:var(--bg-button);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;outline:none;padding:6px 12px}.image-modal-overlay{z-index:250;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000db;place-items:center;padding:72px 56px 52px;animation:.16s ease-out fadeIn;display:grid;position:fixed;inset:0}.image-modal-toolbar{z-index:1;gap:14px;display:flex;position:fixed;top:24px;right:24px}.image-modal-action{color:#fff;cursor:pointer;background:#383838eb;border:1px solid #ffffff14;border-radius:999px;place-items:center;width:64px;height:64px;text-decoration:none;transition:background .16s,transform .16s;display:grid}.image-modal-action:hover,.image-modal-action:focus-visible{background:#4e4e4ef2;transform:translateY(-1px)}.image-modal-action:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.image-modal-content{justify-items:center;gap:12px;width:min(92vw,1320px);max-height:86vh;margin:0;display:grid}.image-modal-content img{object-fit:contain;background:#0f0f0f;border:1px solid #ffffff1a;border-radius:10px;max-width:100%;max-height:82vh;display:block;box-shadow:0 28px 90px #00000085}.image-modal-content figcaption{color:#ffffffd1;max-width:min(92vw,780px);font-family:var(--font-sans);text-align:center;font-size:15px;line-height:1.4}@media (width<=720px){.image-modal-overlay{padding:84px 16px 32px}.image-modal-toolbar{gap:10px;top:16px;right:16px}.image-modal-action{width:52px;height:52px}}.app-container.split-view-active{flex-direction:row;max-width:100%;padding:0!important}.split-view-active .main-content{border-right:1px solid var(--border-color);flex:0 0 50%;max-width:50%;padding:0}.app-container.thread-view-active{--thread-column-max:860px;--thread-gutter:clamp(16px, 5vw, 56px);--thread-split-gutter:clamp(10px, 3cqw, 24px);justify-content:flex-start;max-width:100%;margin:0;overflow:hidden;padding:0!important}.app-container.thread-view-active .main-content{flex:1;max-width:100%;min-height:0;padding:0;overflow:hidden}.app-container.thread-view-active.split-view-active .main-content{border-right:1px solid var(--border-color);flex:none;width:50%;min-width:0;max-width:50%;height:calc(100vh - 52px)}.app-container.thread-view-active.split-view-active .chat-feed-column{width:100%;max-width:none;padding-left:var(--thread-split-gutter);padding-right:var(--thread-split-gutter);margin-inline:0}.chat-feed-column{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:0 20px 24px;display:flex;position:relative;overflow:visible;container-type:inline-size}.app-container.thread-view-active .chat-feed-column{min-height:0;max-width:min(var(--thread-column-max), 100%);padding-left:var(--thread-gutter);padding-right:var(--thread-gutter);margin-inline:auto;overflow:hidden}.app-container.thread-view-active .chat-history-container{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0}.app-container.thread-view-active .chat-input-wrapper{flex:none}.app-container.thread-view-active.split-view-active{flex-wrap:wrap;align-content:flex-start}.app-container.thread-view-active.split-view-active .thread-view-header{flex:0 0 100%}.app-container.thread-view-active.split-view-active .split-right-panel{height:calc(100vh - 52px)}.desktop-shell-layout .app-container.thread-view-active.split-view-active .split-right-panel{height:calc(100vh - var(--thread-header-height,60px))}.desktop-shell-layout .thread-view-header{height:var(--thread-header-height,60px);min-height:var(--thread-header-height,60px);padding-left:24px;padding-right:42px}.desktop-shell-layout .thread-header-title-container{min-width:0;max-width:min(52%,520px)}.desktop-shell-layout .thread-header-title{overflow-wrap:anywhere;font-size:16px;line-height:1.25}.desktop-shell-layout .thread-header-controls{flex:none;padding-left:16px}@container (width<=820px){.chat-input-card.in-thread{border-radius:22px}.chat-input-card.in-thread .chat-input-top-box{border-radius:21px;gap:6px;padding:11px 12px 10px}.chat-input-card.in-thread .prompt-textarea{min-height:30px;font-size:15px;line-height:1.35}.chat-input-card.in-thread .input-actions-row{margin-top:0}.chat-input-card.in-thread .actions-left,.chat-input-card.in-thread .actions-right{gap:4px;min-width:0}.chat-input-card.in-thread .plus-button,.chat-input-card.in-thread .mic-button,.chat-input-card.in-thread .send-button{width:30px;height:30px}.chat-input-card.in-thread .dropdown-trigger,.chat-input-card.in-thread .model-dropdown-trigger{border-radius:10px;min-height:30px;padding:5px 7px}.chat-input-card.in-thread .thread-composer-permission .dropdown-trigger{justify-content:center;gap:0;width:36px}.chat-input-card.in-thread .thread-composer-permission .dropdown-trigger-content{gap:0}.chat-input-card.in-thread .thread-composer-permission .dropdown-trigger-content>span,.chat-input-card.in-thread .thread-composer-permission .dropdown-chevron,.chat-input-card.in-thread .model-trigger-reasoning{display:none}.chat-input-card.in-thread .model-dropdown-trigger{gap:5px}.chat-input-card.in-thread .model-trigger-family{font-size:14px}}@media (width<=980px){.app-container.thread-view-active{--thread-gutter:clamp(12px, 3vw, 24px);--thread-split-gutter:8px}.app-container.thread-view-active .chat-feed-column{max-width:100%;margin-inline:0}}@media (width<=720px){.app-container.thread-view-active .chat-feed-column{--thread-gutter:12px;--thread-split-gutter:8px;max-width:100%;padding:0 var(--thread-gutter) 16px;margin-inline:0}.app-container.thread-view-active.split-view-active .chat-feed-column{padding-left:var(--thread-split-gutter);padding-right:var(--thread-split-gutter)}.chat-input-card.in-thread{border-radius:20px}.chat-input-card.in-thread .chat-input-top-box{border-radius:19px;padding:10px 10px 9px}}@container (width<=640px){.chat-input-card.prompt-box{border-radius:24px}.chat-input-card.prompt-box .chat-input-top-box{border-radius:23px 23px 0 0;gap:5px;padding:10px 14px 8px}.chat-input-card.prompt-box .prompt-textarea{min-height:41px;font-size:15px;line-height:1.35}.chat-input-card.prompt-box .custom-placeholder-overlay{font-size:15px!important;line-height:1.35!important}.chat-input-card.prompt-box .input-actions-row{margin-top:0}.chat-input-card.prompt-box .actions-left,.chat-input-card.prompt-box .actions-right{gap:6px;min-width:0}.chat-input-card.prompt-box .plus-button,.chat-input-card.prompt-box .mic-button,.chat-input-card.prompt-box .send-button{flex:0 0 32px;width:32px;height:32px}.chat-input-card.prompt-box .thread-composer-permission .dropdown-trigger{justify-content:center;gap:4px;width:58px;min-height:32px;padding:0 6px}.chat-input-card.prompt-box .thread-composer-permission .dropdown-trigger-content>span{display:none}.chat-input-card.prompt-box .model-dropdown-trigger{gap:6px;min-height:32px;padding:0 7px}.chat-input-card.prompt-box .model-trigger-reasoning{display:none}.chat-input-card.prompt-box .workspace-bar{border-radius:0 0 23px 23px;gap:12px;padding:6px 14px 8px}.chat-input-card.prompt-box .workspace-trigger{border-radius:8px;gap:8px;min-height:30px;padding:0 2px}.chat-input-card.prompt-box .workspace-trigger>span{display:none}}.chat-feed-column.wide-thread{max-width:800px}.main-content.centered-view .chat-feed-column{justify-content:center;align-items:center;max-width:800px;height:100%;transform:translateY(clamp(48px,11vh,88px))}.split-right-panel{background-color:var(--bg-main);flex-direction:column;flex:none;width:50%;max-width:50%;height:100vh;display:flex}.right-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.preview-panel-title{flex-direction:column;gap:2px;min-width:0;display:flex}.preview-panel-kicker{color:var(--text-secondary);font-size:11px;line-height:1.1}.preview-panel-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.right-panel-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.right-panel-action:hover{background:var(--bg-button);color:var(--text-primary)}.right-panel-tools-grid{flex-direction:column;gap:12px;padding:24px;display:flex;overflow-y:auto}.website-preview-panel{background:#101010;flex-direction:column;flex:1;min-height:0;display:flex}.browser-preview-toolbar{border-bottom:1px solid var(--border-color);background:#141414;flex:none;align-items:center;gap:12px;height:50px;padding:0 14px;display:flex}.browser-preview-nav{align-items:center;gap:6px;display:flex}.browser-preview-nav button{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.browser-preview-url{min-width:0;height:32px;color:var(--text-secondary);font-family:var(--font-sans);background:#0f0f0f;border:1px solid #ffffff12;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.browser-preview-url span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.website-preview-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}.website-preview-fallback{min-height:0;color:var(--text-secondary);text-align:center;flex:1;place-items:center;padding:28px;display:grid}.website-preview-fallback img{object-fit:contain;border:1px solid #ffffff14;border-radius:10px;width:min(100%,520px);max-height:52vh;box-shadow:0 22px 70px #00000057}.website-preview-fallback div{gap:6px;max-width:360px;display:grid}.website-preview-fallback strong{color:var(--text-primary);font-size:16px}.website-preview-fallback span{font-size:13px;line-height:1.45}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.tool-card:hover{background-color:var(--bg-card-hover);border-color:#ffffff26}.tool-icon{color:var(--text-secondary);flex-shrink:0}.tool-content{flex-direction:column;flex:1;gap:4px;display:flex}.tool-title{color:var(--text-primary);font-size:15px;font-weight:500}.tool-desc{color:var(--text-secondary);font-size:13px}.tool-shortcut{color:#555;letter-spacing:.5px;background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.thread-header-controls{align-items:center;gap:8px;display:flex}.thread-header-btn{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.thread-header-btn:hover,.thread-header-btn.active{color:var(--text-primary);background-color:#ffffff14;border-color:#ffffff26}.env-toggle-btn{color:var(--text-primary);cursor:pointer;height:32px;font-family:var(--font-sans);background-color:#1c1c1c;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:6px;padding:0 10px;transition:all .15s;display:flex}.env-toggle-btn:hover,.env-toggle-btn.active{background-color:#ffffff14;border-color:#ffffff26}.env-popover-card{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:12px;width:260px;margin-top:8px;animation:.15s ease-out fadeIn;position:absolute;top:100%;right:0;box-shadow:0 10px 30px -5px #0009}.env-popover-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.env-gear-icon{cursor:pointer;opacity:.7}.env-gear-icon:hover{opacity:1}.env-popover-body{padding:8px 0}.env-row{cursor:pointer;align-items:center;gap:12px;padding:8px 16px;transition:background .15s;display:flex}.env-row:hover{background-color:#ffffff08}.env-row.indent{padding-left:42px}.env-row.disabled{opacity:.5;cursor:not-allowed}.env-icon{color:var(--text-secondary)}.env-icon.branch{color:#a855f7}.env-icon.github{color:#fff}.env-icon.globe{color:#3b82f6}.env-label{color:var(--text-primary);flex:1;font-size:13px}.env-local-wrapper{background:#ffffff0d;border-radius:6px;align-items:center;gap:4px;margin-left:26px;padding:4px 10px;display:flex}.status-dot{border:2px solid var(--text-secondary);border-radius:50%;width:8px;height:8px}.env-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px 16px 8px;font-size:12px;font-weight:500}.bottom-terminal-panel{border-top:1px solid var(--border-color);background-color:#181818;border-bottom:none;border-left:none;border-right:none;border-radius:0;flex-direction:column;flex-shrink:0;width:100%;animation:.2s ease-out fadeIn;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border-color);background-color:#1c1c1c;justify-content:space-between;align-items:center;height:38px;padding-right:12px;display:flex}.terminal-tabs{align-items:center;display:flex}.terminal-tab{height:38px;color:var(--text-secondary);border-right:1px solid var(--border-color);cursor:pointer;font-size:12px;font-family:var(--font-sans);background-color:#1c1c1c;align-items:center;gap:8px;padding:0 16px;display:flex}.terminal-tab.active{color:var(--text-primary);background-color:#181818;border-bottom:1px solid #0000}.tab-icon{opacity:.7}.terminal-add-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px}.terminal-add-btn:hover{color:var(--text-primary)}.terminal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.terminal-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.terminal-body{cursor:text;min-height:88px;padding:16px;font-family:JetBrains Mono,Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.terminal-line{flex-wrap:wrap;gap:8px;display:flex}.terminal-entry{margin-top:2px}.term-prompt{color:var(--text-primary);font-weight:500}.term-branch{color:var(--text-secondary);flex-shrink:0}.terminal-command{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.terminal-output{color:#8e8e8e;padding-left:8px}.terminal-input-line{flex-wrap:nowrap;align-items:baseline}.terminal-input{min-width:0;color:var(--text-primary);caret-color:var(--text-primary);font:inherit;line-height:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.home-connection-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:36px;display:grid}.home-connection-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:flex-start;width:100%;padding:24px 20px;transition:all .2s;display:flex}.home-connection-card:hover{background-color:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-2px)}.connection-card-icon{justify-content:center;align-items:center;height:24px;margin-bottom:16px;display:flex}.connection-card-title{color:var(--text-primary);font-size:15px;font-weight:600;font-family:var(--font-sans);margin:0 0 6px}.connection-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.45;font-family:var(--font-sans);margin:0}.project-dropdown-card{z-index:9999;background-color:#222;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;min-width:260px;margin-bottom:8px;padding:8px;animation:.15s ease-out fadeIn;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 10px 30px #0009,0 4px 12px #0006}.dropdown-search-box{background-color:#161616;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.dropdown-search-icon{color:#666668}.dropdown-search-input{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.dropdown-search-input::placeholder{color:#555}.project-dropdown-list{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.project-dropdown-item{color:#e4e4e7;width:100%;font-size:13.5px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.project-dropdown-item:hover,.project-dropdown-item.selected{color:#fff;background-color:#ffffff0f}.project-dropdown-item .item-icon{color:#a1a1aa}.project-dropdown-separator{background-color:#ffffff0f;height:1px;margin:6px 0}.project-dropdown-action-item{color:#a1a1aa;width:100%;font-size:13.5px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.project-dropdown-action-item:hover{color:#fff;background-color:#ffffff0f}.project-dropdown-action-item .item-icon{color:#88888a}.project-dropdown-action-item:hover .item-icon{color:#fff}.branch-dropdown-card{z-index:200;background-color:#222;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;min-width:280px;margin-bottom:8px;padding:8px;animation:.15s ease-out fadeIn;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 10px 30px #0009,0 4px 12px #0006}.branch-dropdown-subheader{font-family:var(--font-sans);color:#88888a;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:500}.branch-dropdown-list{max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.branch-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.branch-dropdown-item:hover{background-color:#ffffff0f}.branch-item-text{flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.branch-name{color:#e4e4e7;font-size:13.5px;font-weight:500;font-family:var(--font-sans);transition:color .15s}.branch-dropdown-item:hover .branch-name,.branch-dropdown-item.selected .branch-name{color:#fff}.branch-subtitle{color:#88888a;font-size:11px;font-family:var(--font-sans)}.branch-dropdown-item .item-icon{color:#a1a1aa;flex-shrink:0;transition:color .15s}.branch-dropdown-item:hover .item-icon{color:#fff}.branch-dropdown-item .item-check{color:#e4e4e7;flex-shrink:0}.local-work-dropdown-card{z-index:200;background-color:#222;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;min-width:220px;margin-bottom:8px;padding:8px;animation:.15s ease-out fadeIn;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 10px 30px #0009,0 4px 12px #0006}.local-work-dropdown-subheader{font-family:var(--font-sans);color:#88888a;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:500}.local-work-dropdown-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.local-work-dropdown-item{color:#e4e4e7;width:100%;font-size:13.5px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.local-work-dropdown-item:hover,.local-work-dropdown-item.selected{color:#fff;background-color:#ffffff0f}.local-work-dropdown-item .item-icon{color:#a1a1aa;flex-shrink:0}.local-work-dropdown-item:hover .item-icon{color:#fff}.local-work-dropdown-item .item-check{color:#e4e4e7;flex-shrink:0}.local-work-action-item{color:#e4e4e7;width:100%;font-size:13.5px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.local-work-action-item:hover{color:#fff;background-color:#ffffff0f}.local-work-action-item .item-icon{color:#88888a;flex-shrink:0}.local-work-action-item:hover .item-icon{color:#fff}.chat-item-actions{align-items:center;gap:6px;display:none}.sidebar-chat-item:hover .chat-item-time{display:none}.sidebar-chat-item:hover .chat-item-actions{display:flex}.chat-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.chat-action-btn:hover{color:var(--text-primary);background-color:#ffffff14}.model-dropdown-container{display:inline-block;position:relative}.model-dropdown-trigger{color:#fff;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:6px 10px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.model-dropdown-trigger:hover,.model-dropdown-trigger.active{color:var(--text-primary);background-color:var(--bg-button)}.model-trigger-content{align-items:center;gap:4px;display:flex}.model-trigger-family{color:#fff;font-weight:600}.model-trigger-reasoning{color:#a1a1aa;font-weight:400}.model-dropdown-chevron{color:#88888a;flex-shrink:0;transition:transform .2s}.model-dropdown-chevron.rotated{transform:rotate(180deg)}.model-dropdown-menu{z-index:9999;background-color:#232324;border:1px solid #ffffff14;border-radius:16px;width:240px;padding:6px;list-style:none;animation:.15s cubic-bezier(.16,1,.3,1) fadeIn;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000080,0 4px 12px #0006}.model-dropdown-section{flex-direction:column;display:flex}.model-dropdown-header{color:#8e8e93;letter-spacing:-.1px;padding:6px 12px 4px;font-size:12px;font-weight:500}.model-dropdown-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.model-dropdown-item{color:#e4e4e7;width:100%;font-size:13.5px;font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.model-dropdown-item:hover:not(.disabled){color:#fff;background-color:#ffffff0f}.model-dropdown-item.selected{color:#fff;background-color:#ffffff14}.model-dropdown-item.disabled{opacity:.35;cursor:not-allowed}.model-item-check{color:#fff;flex-shrink:0}.model-dropdown-divider{background-color:#ffffff14;height:1px;margin:6px 4px}.model-dropdown-item.family-item{font-weight:500}.model-dropdown-item.family-item.active-family{color:#fff}.model-item-arrow{color:#8e8e93;opacity:.7;flex-shrink:0;transition:transform .15s}.model-dropdown-item.family-item:hover:not(.disabled) .model-item-arrow,.model-dropdown-item.family-item.hovered .model-item-arrow{color:#fff;opacity:1;transform:translate(2px)}.model-dropdown-item.family-item.hovered{color:#fff;background-color:#ffffff0f}.model-submenu-card{z-index:10000;background-color:#232324;border:1px solid #ffffff14;border-radius:16px;width:220px;padding:6px;list-style:none;animation:.12s cubic-bezier(.16,1,.3,1) fadeIn;position:absolute;bottom:0;right:calc(100% + 8px);box-shadow:0 12px 30px #00000080,0 4px 12px #0006}.automations-screen-container{background-color:var(--bg-main);height:100vh;color:var(--text-primary);flex-direction:column;flex:1;padding:24px 40px;display:flex;overflow-y:auto}.automations-screen-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;display:flex}.automations-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.6px;margin:0 0 6px;font-size:30px;font-weight:500}.automations-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.learn-more-link{color:#3b82f6;text-decoration:none;transition:color .15s}.learn-more-link:hover{color:#60a5fa;text-decoration:underline}.automations-header-controls{align-items:center;gap:10px;display:flex}.control-btn.outline-btn{color:#f4f4f5;cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font-sans);background-color:#0000;border:1px solid #ffffff26;border-radius:8px;padding:6px 14px;transition:all .15s}.control-btn.outline-btn:hover{background-color:#ffffff0d;border-color:#ffffff4d}.control-btn.solid-white-btn{color:#000;cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-sans);background-color:#fff;border:1px solid #fff;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;transition:all .15s;display:flex}.control-btn.solid-white-btn:hover{background-color:#f4f4f5;border-color:#f4f4f5;transform:translateY(-1px)}.automations-screen-body{flex-direction:column;flex:1;display:flex}.automations-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:auto;padding:40px 20px;display:flex}.automations-empty-icon-container{color:#fff;background:radial-gradient(circle,#ffffff08 0%,#fff0 70%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:24px;transition:transform .3s;display:flex;position:relative}.automations-empty-icon-container:hover{transform:scale(1.05)}.automations-clock-svg{color:#fff;opacity:.95;filter:drop-shadow(0 4px 12px #ffffff0d)}.automations-empty-title{color:var(--text-primary);font-size:15px;font-weight:500;font-family:var(--font-sans);margin:0 0 20px}.automations-templates-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.template-pill{color:#e4e4e7;cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font-sans);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.template-pill:hover{color:#fff;background-color:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.template-pill:hover .pill-icon{color:#fff}.template-pill:active{transform:scale(.98)}.pill-icon{color:#e4e4e7;flex-shrink:0}.text-blue{color:#3b82f6}.text-green{color:#10b981}.text-yellow{color:#f59e0b}.text-purple{color:#a855f7}.automations-list-container{flex-direction:column;gap:16px;animation:.25s ease-out fadeIn;display:flex}.automations-list-header h3{color:var(--text-secondary);margin:0;font-size:16px;font-weight:600}.automations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.automation-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.automation-card:hover{background-color:var(--bg-card-hover);border-color:#ffffff1f}.automation-card.inactive{opacity:.6}.card-top{align-items:center;gap:12px;display:flex}.icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.card-info{flex:1;min-width:0}.automation-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:600;overflow:hidden}.automation-schedule{color:var(--text-secondary);margin:0;font-size:12.5px}.ios-switch{cursor:pointer;background-color:#ffffff26;border:none;border-radius:100px;width:36px;height:20px;padding:0;transition:background-color .2s;position:relative}.ios-switch.active{background-color:#10b981}.switch-slider{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.ios-switch.active .switch-slider{transform:translate(16px)}.automation-prompt-preview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.workspace-badge{color:var(--text-secondary);font-size:11.5px}.workspace-badge strong{color:var(--text-primary);font-weight:500}.card-actions{align-items:center;gap:8px;display:flex}.run-now-btn{color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background-color:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;transition:all .15s;display:flex}.run-now-btn:hover:not(:disabled){background-color:#ffffff1f;border-color:#ffffff2e}.run-now-btn:disabled{opacity:.4;cursor:not-allowed}.delete-card-btn{color:#ef4444;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.delete-card-btn:hover{opacity:1;background-color:#ef44441f}.automations-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.automations-modal-card{-webkit-backdrop-filter:blur(25px);background:#1e1e1fbf;border:1px solid #ffffff1a;border-radius:20px;width:500px;max-width:90%;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 24px 60px #00000080,0 8px 18px #0000004d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#fff;background-color:#ffffff0f}.modal-form{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-row{gap:16px;display:flex}.form-group.half{flex:1}.form-group label{color:var(--text-secondary);font-size:12.5px;font-weight:500}.form-group input[type=text],.form-group textarea,.form-group select,.form-group input[type=time]{color:#fff;font-family:var(--font-sans);background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:all .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background-color:#ffffff0f;border-color:#fff3}.form-group textarea{resize:vertical;line-height:1.5}.form-hint-text{color:var(--text-placeholder);align-items:center;gap:4px;font-size:11.5px;display:flex}.modal-footer{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.modal-btn{cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font-sans);border-radius:8px;padding:8px 16px;transition:all .15s}.modal-btn.cancel-btn{color:var(--text-secondary);background-color:#0000;border:1px solid #ffffff1a}.modal-btn.cancel-btn:hover{color:#fff;background-color:#ffffff0a}.modal-btn.submit-btn{color:#000;background-color:#fff;border:1px solid #fff;font-weight:600}.modal-btn.submit-btn:hover:not(:disabled){background-color:#f4f4f5;border-color:#f4f4f5;transform:translateY(-1px)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;animation:.25s ease-out fadeIn;display:flex}.success-icon-wrap{background-color:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;display:flex}.modal-success-state h4{color:#fff;margin:0 0 8px;font-size:17px;font-weight:600}.modal-success-state p{color:var(--text-secondary);margin:0;font-size:13.5px}.spinner-loader{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spinLoader;display:inline-block}@keyframes spinLoader{to{transform:rotate(360deg)}}.fade-in{animation:.2s ease-out fadeIn}.sidebar-chats-section{flex-direction:column;gap:4px;margin-bottom:12px;padding:0 4px;display:flex}.sidebar-chats-header{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:6px;display:flex;position:relative}.chats-section-title{letter-spacing:-.1px;color:var(--text-secondary);font-size:13.5px;font-weight:500}.chats-section-actions{opacity:.6;align-items:center;gap:4px;transition:opacity .15s;display:flex}.sidebar-chats-header:hover .chats-section-actions{opacity:1}.sidebar-chats-empty{color:#555558;padding:6px;font-size:13px}.sidebar-chats-list{flex-direction:column;gap:1px;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.shortcut-badge{color:#a1a1aa;letter-spacing:.5px;background-color:#ffffff1f;border:1px solid #ffffff0d;border-radius:4px;margin-left:6px;padding:1px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px}.toast-notification{-webkit-backdrop-filter:blur(16px);color:var(--text-primary);font-family:var(--font-sans);z-index:10000;background-color:#1f1f1fd9;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;max-width:380px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastFadeIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px -5px #00000080,0 4px 12px -2px #0006}.toast-notification.success{border-left:3px solid #10b981}.toast-notification.error{border-left:3px solid #ef4444}.toast-notification.info{border-left:3px solid var(--text-accent)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-icon.info{color:var(--text-accent)}.toast-icon.success{color:#10b981}.toast-icon.error{color:#ef4444}.toast-content{flex-direction:column;flex:1;gap:2px;display:flex}.toast-title{color:var(--text-primary);font-weight:600}.toast-desc{color:var(--text-secondary);word-break:break-all;font-size:12px}.toast-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:2px;transition:all .15s;display:flex}.toast-close-btn:hover{color:var(--text-primary);background-color:#ffffff0d}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}.playground-shell{color:#f5f5f5;background:#171717;width:100vw;height:100vh;display:flex;overflow:hidden}.playground-sidebar{background:#202020;border-right:1px solid #ffffff0e;flex-direction:column;flex:0 0 252px;width:252px;height:100vh;display:flex}.playground-sidebar-header{justify-content:space-between;align-items:center;height:52px;padding:0 12px 0 14px;display:flex}.playground-sidebar-actions,.playground-thread-header>div{align-items:center;gap:3px;display:flex}.playground-sidebar-actions button,.playground-thread-heading button,.playground-thread-header button{color:#898989;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.playground-sidebar-actions button:hover,.playground-thread-heading button:hover,.playground-thread-header button:hover{color:#f5f5f5;background:#ffffff0f}.playground-sidebar-body{flex:1;min-height:0;padding:7px 10px;overflow-y:auto}.playground-nav-item{color:#d1d1d1;cursor:pointer;width:100%;height:34px;font:400 13px var(--font-sans);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 9px;display:flex}.playground-nav-item:hover,.playground-nav-item.active{color:#fff;background:#2b2b2b}.playground-nav-item kbd{color:#696969;font:11px var(--font-sans);margin-left:auto}.playground-thread-section{margin-top:26px}.playground-thread-heading{color:#858585;height:30px;font:500 12px var(--font-sans);justify-content:space-between;align-items:center;padding:0 6px 0 9px;display:flex}.playground-empty-threads{color:#626262;padding:7px 9px;font-size:12px;line-height:1.45}.playground-thread-list{flex-direction:column;gap:2px;list-style:none;display:flex}.playground-thread-list button{color:#bcbcbc;cursor:pointer;width:100%;min-height:38px;font:400 12.5px var(--font-sans);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;display:flex}.playground-thread-list button:hover,.playground-thread-list button.active{color:#fff;background:#2b2b2b}.playground-thread-list button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.playground-thread-list button small{color:#666;font-size:10px}.playground-sidebar-footer{border-top:1px solid #ffffff0b;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:flex}.playground-profile-mark{color:#e8e8e8;background:#363636;border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.playground-sidebar-footer>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.playground-sidebar-footer strong{font-size:12px;font-weight:500}.playground-sidebar-footer span{color:#717171;font-size:10px}.playground-sidebar-footer>svg{color:#6d6d6d}.playground-sidebar-reopen{z-index:20;color:#aaa;cursor:pointer;background:#242424;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:fixed;top:11px;left:12px}.playground-main{background:#181818;flex:1;min-width:0;height:100vh}.playground-new-chat{place-items:center;width:100%;height:100%;padding:44px;display:grid}.playground-new-chat-content{width:min(680px,100%);transform:translateY(-5vh)}.playground-new-chat h1{color:#f4f4f4;font:500 clamp(28px, 4vw, 38px)/1.15 var(--font-heading);letter-spacing:-.9px;text-align:center;margin-bottom:28px}.playground-composer{background:#292929;border:1px solid #393939;border-radius:18px;padding:14px 14px 12px;box-shadow:0 16px 45px #00000042}.playground-composer:focus-within{border-color:#505050}.playground-composer textarea{resize:none;color:#f5f5f5;width:100%;min-height:60px;max-height:180px;font:15px/1.5 var(--font-sans);background:0 0;border:0;outline:0;padding:2px 3px 10px}.playground-composer textarea::placeholder{color:#777}.playground-composer-actions,.playground-composer-actions>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.playground-icon-button,.playground-mode-button{color:#a3a3a3;cursor:pointer;height:32px;font:500 12px var(--font-sans);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.playground-icon-button{width:32px}.playground-mode-button{gap:6px;padding:0 9px}.playground-icon-button:hover,.playground-mode-button:hover{color:#fff;background:#363636}.playground-send{color:#242424;background:#555;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.playground-send.active{color:#171717;cursor:pointer;background:#f2f2f2}.playground-hint{color:#646464;text-align:center;margin-top:13px;font-size:11px}.playground-error{color:#fca5a5;text-align:center;margin-top:13px;font-size:11px;line-height:1.45}.playground-main.thread-active{flex-direction:column;display:flex}.playground-thread-header{border-bottom:1px solid #ffffff0e;flex:0 0 52px;justify-content:space-between;align-items:center;height:52px;padding:0 15px 0 19px;display:flex}.playground-thread-header strong{color:#ededed;text-overflow:ellipsis;white-space:nowrap;max-width:min(50vw,520px);font-size:13px;font-weight:500;overflow:hidden}.playground-workspace{flex:1;grid-template-columns:minmax(250px,31%) minmax(0,1fr);min-height:0;display:grid}.playground-thread-context{background:#181818;border-right:1px solid #ffffff0e;min-width:0;padding:32px 24px}.playground-user-prompt{color:#e8e8e8;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:17px 17px 4px;max-width:92%;margin-left:auto;padding:11px 14px;font-size:13px;line-height:1.5}.playground-status-line{color:#777;align-items:center;gap:8px;margin-top:28px;font-size:11px;display:flex}.playground-status-dot{background:#66cc8a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #66cc8a6b}.playground-json-card{background:#121212;border:1px solid #303030;border-radius:10px;margin-top:18px;overflow:hidden}.playground-json-header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;height:34px;padding:0 10px;display:flex}.playground-json-header>div{gap:4px;display:flex}.playground-json-header button{color:#6d6d6d;cursor:pointer;font:9px var(--font-sans);background:0 0;border:0;border-radius:5px;padding:4px 6px}.playground-json-header button.active{color:#ddd;background:#292929}.playground-json-header strong{color:#bbb;font-size:10px;font-weight:500}.playground-json-header span{color:#5e9f78;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.playground-json-card pre{color:#aeb9c8;white-space:pre-wrap;max-height:calc(100vh - 230px);padding:12px;font:10px/1.55 JetBrains Mono,Menlo,monospace;overflow:auto}.playground-valid-badge{color:#72c990;background:#5cbe7e12;border:1px solid #5cbe7e2e;border-radius:7px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:10px;display:inline-flex}.playground-workspace.codex-preview-workspace{grid-template-columns:minmax(300px,34%) minmax(0,1fr)}.playground-codex-preview{background:#101010;border:1px solid #303030;border-radius:12px;flex-direction:column;min-width:0;margin:12px;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000047}.playground-preview-chrome{color:#747474;text-align:center;background:#1f1f1f;border-bottom:1px solid #292929;flex:0 0 38px;grid-template-columns:70px 1fr 70px;align-items:center;height:38px;padding:0 12px;font-size:10px;display:grid}.playground-preview-body{flex:1;min-height:0;position:relative;overflow:hidden}.playground-preview-body>.app-layout{width:100%;height:100%;position:absolute;inset:0}.playground-preview-body .sidebar-container,.playground-preview-body .chat-main-container,.playground-preview-body .app-container{height:100%}.playground-preview-body .app-container{max-width:none}.playground-preview-body .app-title{font-size:clamp(24px,3vw,38px)}@media (width<=900px){.playground-sidebar{flex-basis:220px;width:220px}.playground-workspace:not(.codex-preview-workspace){grid-template-columns:1fr}.playground-workspace:not(.codex-preview-workspace) .playground-thread-context{display:none}}@media (width<=760px){.playground-workspace.codex-preview-workspace{grid-template-columns:1fr}.playground-workspace.codex-preview-workspace .playground-thread-context{display:none}}@media (width<=640px){.playground-sidebar{z-index:30;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 50px #00000073}.playground-new-chat{padding:24px}.playground-thread-header{padding-left:54px}}.header-btn.exporting{pointer-events:none;color:var(--text-accent)!important}.chat-input-card.has-sliderays{background-color:#1f1f1f;position:relative;overflow:hidden}.chat-input-card.has-sliderays .side-rays-container{opacity:.9;z-index:0;display:block}.chat-input-card.has-sliderays .chat-input-top-box{-webkit-backdrop-filter:blur(3px);z-index:2;background-color:#2d2d2db8;position:relative}.chat-input-card.has-sliderays .workspace-bar{-webkit-backdrop-filter:blur(3px);z-index:2;background-color:#1f1f1f94;position:relative}.chat-input-card.has-sliderays .voice-visualizer-overlay,.chat-input-card.has-sliderays .plus-menu,.chat-input-card.has-sliderays .project-dropdown-card,.chat-input-card.has-sliderays .local-work-dropdown-card,.chat-input-card.has-sliderays .branch-dropdown-card{z-index:9999}.live-editor-layout{width:100vw;height:100vh;font-family:var(--font-sans);background-color:#0d0d0f;display:flex;overflow:hidden}.editor-left-pane{z-index:10;background-color:#121214;border-right:1px solid #232328;flex-direction:column;width:42%;min-width:400px;height:100vh;display:flex;overflow:hidden;box-shadow:4px 0 24px #0006}.editor-right-pane{background-color:#0b0b0c;justify-content:center;align-items:center;width:58%;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.editor-header{background-color:#16161a;border-bottom:1px solid #232328;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.editor-header-title-area{align-items:center;gap:10px;display:flex}.editor-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:600}.sync-badge{color:#10b981;background-color:#10b98114;border:1px solid #10b98126;border-radius:100px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:flex}.sync-dot-pulse{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulseSync;box-shadow:0 0 8px #10b981}@keyframes pulseSync{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.editor-header-actions{align-items:center;gap:8px;display:flex}.editor-btn-secondary{color:var(--text-secondary);cursor:pointer;background-color:#212126;border:1px solid #2d2d34;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.editor-btn-secondary:hover{color:var(--text-primary);background-color:#2b2b33;border-color:#383842}.editor-btn-primary{color:#0c0c0e;cursor:pointer;background-color:#fff;border:1px solid #fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.editor-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26}.editor-generator-panel{background:#131316;border-bottom:1px solid #232328;flex-direction:column;gap:10px;padding:14px 20px;display:flex}.editor-generator-heading,.editor-generator-actions,.editor-generation-preview-header,.editor-preview-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-generator-heading>div{flex-direction:column;gap:3px;display:flex}.editor-generator-title{color:#f4f4f5;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.editor-generator-heading small,.editor-generator-actions>span{color:#71717a;font-size:10px}.editor-generator-heading select{color:#d4d4d8;font:11px var(--font-sans);background:#202025;border:1px solid #303038;border-radius:6px;padding:5px 7px}.editor-generator-panel>textarea{resize:vertical;color:#e4e4e7;min-height:68px;font:12px/1.45 var(--font-sans);background:#1a1a1e;border:1px solid #303038;border-radius:8px;outline:none;padding:10px 11px}.editor-generator-panel>textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf814}.editor-generator-options{flex-wrap:wrap;gap:12px;display:flex}.editor-generator-options label{color:#8b8b94;align-items:center;gap:6px;font-size:10px;display:flex}.editor-generator-options input{accent-color:#38bdf8}.editor-generate-btn{color:#071218;cursor:pointer;font:600 11px var(--font-sans);background:#38bdf8;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:flex}.editor-generate-btn:disabled{opacity:.45;cursor:not-allowed}.editor-generation-preview{background:#101012;border:1px solid #303038;border-radius:8px;overflow:hidden}.editor-generation-preview-header{border-bottom:1px solid #26262c;padding:7px 9px}.editor-generation-preview-header>span{color:#7d7d86;font-size:9px}.editor-preview-tabs{gap:4px;display:flex}.editor-preview-tabs button{color:#7d7d86;cursor:pointer;font:10px var(--font-sans);background:0 0;border:0;border-radius:4px;padding:4px 6px}.editor-preview-tabs button.active{color:#f4f4f5;background:#25252b}.editor-generation-preview pre{color:#c4c4ca;white-space:pre-wrap;max-height:150px;padding:10px;font:10px/1.45 JetBrains Mono,Menlo,monospace;overflow:auto}.editor-changed-paths{flex-wrap:wrap;gap:4px;padding:0 9px 9px;display:flex}.editor-changed-paths code{color:#7dd3fc;background:#1e2932;border-radius:4px;padding:3px 5px;font-size:9px}.editor-preview-actions{border-top:1px solid #26262c;justify-content:flex-end;padding:8px 9px}.presets-container{background-color:#16161a;border-bottom:1px solid #232328;flex-direction:column;gap:8px;padding:14px 20px;display:flex}.presets-label{color:#71717a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.presets-row{flex-wrap:wrap;gap:6px;display:flex}.preset-pill{color:var(--text-secondary);cursor:pointer;background-color:#1d1d22;border:1px solid #2b2b33;border-radius:100px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s}.preset-pill:hover,.preset-pill.active{color:var(--text-primary);background-color:#ffffff0d;border-color:#4b4b57}.preset-pill.active{border-color:var(--text-accent);color:var(--text-accent);background-color:#38bdf80a}.editor-error-banner{color:#f87171;background-color:#ef444414;border-bottom:1px solid #ef444433;align-items:flex-start;gap:10px;padding:10px 20px;font-size:12px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.editor-error-content{flex-direction:column;gap:2px;display:flex}.editor-error-title{font-weight:600}.editor-error-desc{opacity:.85;font-family:monospace}.editor-textarea-wrapper{background-color:#121214;flex:1;position:relative;overflow:hidden}.editor-textarea{resize:none;color:#d4d4d8;tab-size:2;box-sizing:border-box;background-color:#0000;border:none;outline:none;width:100%;height:100%;padding:20px;font-family:JetBrains Mono,Menlo,Monaco,Courier New,monospace;font-size:13.5px;line-height:1.6}.editor-textarea::selection{background-color:#38bdf840}.preview-window-frame{background-color:var(--bg-main);border:1px solid #232328;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3}.preview-window-header{-webkit-user-select:none;user-select:none;background-color:#1c1c1f;border-bottom:1px solid #28282d;justify-content:space-between;align-items:center;height:38px;padding:0 16px;display:flex}.preview-window-dots{gap:6px;display:flex}.preview-dot{background-color:#38383e;border-radius:50%;width:9px;height:9px}.preview-window-address{color:#8a8a93;text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;background-color:#101012;border:1px solid #232328;border-radius:6px;width:320px;padding:3px 20px;font-size:11.5px;overflow:hidden}.preview-window-body{flex:1;position:relative;overflow:hidden}.live-editor-right-pane{background-color:#0b0b0c;justify-content:center;align-items:center;width:58%;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.live-editor-right-pane .app-layout{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important}.live-editor-right-pane .sidebar-container,.live-editor-right-pane .chat-main-container{height:100%!important}.live-editor-right-pane .app-container{padding:24px 20px;max-width:none!important;height:100%!important}.style-guide-page{color:#f8f8f8;background:#181818;grid-template-columns:248px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.style-guide-rail{background:#1f1f1f;border-right:1px solid #2b2b2b;flex-direction:column;gap:18px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.style-guide-brand{font:600 14px var(--font-heading);align-items:center;gap:10px;padding:8px;display:flex}.style-guide-brand-mark{color:#171717;background:#f5f5f5;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.style-guide-rail nav{flex-direction:column;gap:4px;display:flex}.style-guide-rail a,.style-guide-back{color:#b8b8bd;height:34px;font:500 13px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;text-decoration:none;display:flex}.style-guide-rail a:hover,.style-guide-back:hover{color:#fff;background:#282828}.style-guide-back{width:100%;margin-top:auto}.style-guide-content{width:min(1180px,100%);margin:0 auto;padding:44px 36px 80px}.style-guide-hero{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:flex-start;gap:28px;min-height:210px;margin-bottom:42px;display:flex}.style-guide-hero h1{font:600 56px/1.02 var(--font-heading);letter-spacing:0;margin-bottom:14px}.style-guide-hero p,.style-guide-section-copy p{color:#a1a1aa;font-size:15px;line-height:1.6}.style-guide-hero-actions,.component-row,.style-composer-actions,.modal-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.component-column{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.style-guide-section{border-bottom:1px solid #262626;padding:28px 0 44px;scroll-margin-top:24px}.style-guide-section-copy{width:min(720px,100%);margin-bottom:20px}.style-guide-kicker{text-transform:uppercase;margin-bottom:8px;color:#73737c!important;font:600 11px/1 var(--font-sans)!important}.style-guide-section h2{font:600 28px/1.15 var(--font-heading);letter-spacing:0;margin-bottom:8px}.style-grid{gap:16px;display:grid}.style-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.style-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.style-specimen{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:8px;min-width:0;padding:16px}.style-specimen.wide{grid-column:1/-1}.style-specimen-title{color:#a9a9b1;margin-bottom:14px;font-size:12px;font-weight:600}.token-list{gap:8px;display:grid}.token-row{background:#181818;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px;display:grid}.token-row strong,.token-row span:last-child{color:#f4f4f5;font-size:13px}.token-row code{color:#8d8d96;width:fit-content;margin-top:4px;font-size:12px;display:block}.token-swatch{border:1px solid #3a3a3a;border-radius:8px;width:34px;height:34px}.type-stack{flex-direction:column;gap:12px;display:flex}.type-display{font:600 36px/1.05 var(--font-heading)}.type-title{font:600 24px/1.2 var(--font-heading)}.type-body{color:#d6d6d9;font-size:15px;line-height:1.6}.type-caption{color:#9c9ca4;font-size:12px;font-weight:600}.icon-grid{grid-template-columns:repeat(8,36px);gap:8px;display:grid}.icon-sample{color:#d9d9dc;background:#191919;border:1px solid #303030;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.style-primary-btn,.style-secondary-btn,.style-danger-btn,.style-icon-btn,.style-send-btn,.style-glow-demo{height:36px;font:600 13px var(--font-sans);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 13px;transition:background .14s,color .14s,border-color .14s,transform .14s;display:inline-flex}.style-primary-btn{color:#121212;background:#f4f4f5}.style-primary-btn:hover{background:#fff}.style-primary-btn:disabled{opacity:.55;cursor:not-allowed}.style-secondary-btn,.style-glow-demo{color:#eeeeef;background:#2d2d2d;border:1px solid #343434}.style-secondary-btn:hover,.style-secondary-btn.selected,.style-icon-btn:hover,.style-icon-btn.active,.style-glow-demo:hover{color:#fff;background:#3a3a3a}.style-danger-btn,.style-icon-btn.danger{color:#fca5a5;background:#ef44441f}.style-danger-btn:hover,.style-icon-btn.danger:hover{background:#ef444438}.style-icon-btn,.style-send-btn{color:#d7d7dc;background:#2d2d2d;border:1px solid #343434;width:36px;padding:0}.style-send-btn{color:#111;background:#fff;transform:rotate(180deg)}.style-segmented{background:#181818;border:1px solid #303030;border-radius:8px;padding:3px;display:inline-flex}.style-segmented button{color:#9f9fa8;height:30px;font:600 12px var(--font-sans);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}.style-segmented button.active{color:#fff;background:#343434}.style-sidebar-demo{gap:5px;width:min(100%,260px);display:grid}.style-tabs-demo{background:#181818;border:1px solid #303030;border-radius:8px;width:fit-content;padding:4px}.style-tabs-demo button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:6px;height:30px;padding:0 12px}.style-tabs-demo button.active{color:#fff;background:#303030}.style-field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.style-field span,.style-check{color:#d9d9dd;font-size:13px;font-weight:600}.style-search-box{color:#8f8f97;background:#181818;border:1px solid #333;border-radius:8px;align-items:center;gap:9px;height:38px;padding:0 11px;display:flex}.style-search-box input,.style-field textarea{color:#f4f4f5;width:100%;font:500 13px var(--font-sans);background:0 0;border:0;outline:0}.style-field textarea{resize:vertical;background:#181818;border:1px solid #333;border-radius:8px;min-height:104px;padding:12px;line-height:1.5}.style-search-box:focus-within,.style-field textarea:focus{border-color:#525252}.style-composer-demo{background:#1b1b1b;border:1px solid #3a3a3a;border-radius:12px;padding:13px;box-shadow:0 22px 60px #00000047}.style-composer-input{color:#85858d;min-height:72px;font-size:14px;line-height:1.5}.style-composer-actions{justify-content:space-between}.style-check{color:#bdbdc4;align-items:center;gap:8px;display:inline-flex}.style-check input{accent-color:#f4f4f5}.style-table{border-collapse:collapse;border:1px solid #303030;border-radius:8px;width:100%;overflow:hidden}.style-table th,.style-table td{text-align:left;color:#dbdbdf;border-bottom:1px solid #2b2b2b;padding:12px;font-size:13px}.style-table th{color:#9898a1;background:#181818;font-size:12px;font-weight:600}.style-table tr:last-child td{border-bottom:0}.style-badge{border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.style-badge.success{color:#86efac;background:#10b9811f}.style-badge.info{color:#7dd3fc;background:#38bdf81f}.style-badge.warn{color:#fcd34d;background:#f59e0b24}.style-code-block{color:#d6d6d9;background:#101010;border:1px solid #303030;border-radius:8px;padding:14px;font:500 13px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.style-toast-static{width:100%;min-width:0;animation:none;position:static;transform:none}.style-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;display:flex}.style-empty-state>span{color:#cfcfd4;background:#242424;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.style-empty-state strong{font:600 18px var(--font-heading)}.style-empty-state p{color:#9d9da5;max-width:260px;font-size:13px;line-height:1.5}.style-card-reset{width:100%;margin:0}.style-modal-demo{background:#202020;border:1px solid #333;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #00000059}.style-loading-dots{gap:5px;display:inline-flex}.style-loading-dots span{background:#f4f4f5;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite bounceDot}.style-loading-dots span:nth-child(2){animation-delay:.12s}.style-loading-dots span:nth-child(3){animation-delay:.24s}.style-product-frame{background:#161616;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden}.style-new-chat-area{max-width:none;min-height:520px;padding:34px 20px!important}.style-guide-tight-grid{margin-top:16px}.style-mini-content-area{background:#181818;border:1px solid #303030;border-radius:8px;flex-direction:column;justify-content:center;gap:10px;min-height:190px;padding:20px;display:flex}.style-mini-content-area h3{font:600 22px/1.2 var(--font-heading)}.style-mini-content-area p{color:#9f9fa8;font-size:14px;line-height:1.55}.style-chat-box-demo{width:100%;max-width:none;margin:0}.style-prompt-preview{color:#767676;min-height:58px;font-size:16px;line-height:1.5}.style-connection-grid-demo{width:100%;max-width:760px;margin:22px auto 0}.style-thread-box{background:#181818;border:1px solid #2d2d2d;border-radius:8px;overflow:hidden}.style-thread-header-demo{border-radius:0;width:100%;position:static}.style-thread-header-demo .thread-header-title-container{align-items:center;gap:8px;display:flex}.style-thread-feed{width:min(740px,100% - 32px);margin:18px auto;padding:0}.style-thread-box .chat-input-card{width:min(740px,100% - 32px);margin:0 auto 18px}.style-changes-list{gap:10px;display:grid}.style-changes-list>div{background:#181818;border:1px solid #303030;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px;display:grid}.style-changes-list strong{color:#eeeeef;font-size:13px}.style-changes-list small{color:#878790;grid-column:2;font-size:12px}.style-static-menu{z-index:auto;max-width:none;margin:0;width:100%!important;min-width:0!important;position:static!important}.style-static-menu.branch-dropdown-card,.style-static-menu.project-dropdown-card,.style-static-menu.env-popover-card{box-shadow:none}.style-terminal-demo{border:1px solid #303030;border-radius:8px;width:100%;height:190px;position:static;overflow:hidden}.style-tools-demo{border:1px solid #303030;border-radius:8px;width:100%;min-height:390px;position:static;overflow:hidden}.style-tasks-panel{background:#1d1d1d;border:1px solid #303030;border-radius:8px;min-height:390px;overflow:hidden}.style-tasks-panel .right-panel-header{height:48px}.style-tasks-panel .right-panel-header strong{color:#f4f4f5;font-size:13px}.style-task-list{gap:10px;padding:14px;display:grid}.style-task-row{color:#d7d7dc;background:#181818;border:1px solid #303030;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:13px;display:flex}.style-task-row.done{color:#9b9ba3}.style-task-row input{accent-color:#f4f4f5}.style-settings-demo{width:100%;max-width:none;box-shadow:none;position:static;transform:none}.style-settings-demo .modal-header h2{font-size:18px;font-weight:600}.style-settings-footer{justify-content:flex-end;padding-top:12px;display:flex}.style-screen-demo{border:1px solid #303030;border-radius:8px;height:auto;min-height:auto;overflow:hidden}.style-screen-demo .plugins-screen-body,.style-screen-demo .automations-screen-body{padding:24px}.style-plugins-grid-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.style-automation-body-demo{min-height:360px}.style-automation-body-demo .automations-empty-state{margin:0 auto}.style-automation-body-demo .automations-list-container{margin:0}.style-automation-body-demo .automations-grid{grid-template-columns:minmax(0,420px)}.image-based-style-guide .style-guide-hero{min-height:190px}.style-guide-cta{text-decoration:none}.prompt-reference-grid{gap:16px;display:grid}.prompt-reference-card{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:8px;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:stretch;gap:18px;padding:16px;display:grid}.prompt-reference-copy{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}.prompt-reference-copy>span{color:#85858d;text-transform:uppercase;font-size:11px;font-weight:600}.prompt-reference-copy h3{color:#f4f4f5;font:600 28px/1.1 var(--font-heading)}.prompt-reference-copy p{color:#a1a1aa;font-size:14px;line-height:1.55}.prompt-reference-card img{object-fit:contain;background:#151515;border:1px solid #303030;border-radius:8px;width:100%;height:220px}.image-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.image-reference-card{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:8px;min-width:0;overflow:hidden}.image-reference-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;min-height:66px;padding:14px 16px;display:flex}.image-reference-header span{color:#85858d;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.image-reference-header h3{color:#f4f4f5;font:600 15px/1.25 var(--font-heading);margin-top:5px}.image-reference-card img{object-fit:contain;background:#151515;width:100%;height:280px;display:block}.image-reference-components{border-top:1px solid #2a2a2a;flex-wrap:wrap;gap:7px;min-height:52px;padding:12px;display:flex}.image-reference-components span{color:#b8b8c0;background:#181818;border:1px solid #333;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600}.prompt-chip-group a{color:#b8b8c0;font:600 11px var(--font-sans);cursor:pointer;background:#181818;border:1px solid #333;border-radius:999px;padding:5px 8px;text-decoration:none}.prompt-chip-group a:hover,.prompt-chip-group a:focus-visible{color:#fff;background:#2b2b2b;border-color:#525252}.component-reference-list{gap:12px;display:grid}.component-reference-row{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:8px;grid-template-columns:minmax(180px,.48fr) minmax(0,1fr);align-items:center;gap:16px;padding:12px;display:grid}.component-reference-row strong{color:#f4f4f5;font:600 15px/1.25 var(--font-heading);margin-bottom:5px;display:block}.component-reference-row span{color:#8f8f98;font-size:12px}.component-reference-row img{object-fit:contain;background:#151515;border:1px solid #303030;border-radius:8px;width:100%;height:150px}.style-rules-panel{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:8px;gap:12px;padding:18px;display:grid}.style-rules-panel p{color:#d6d6dc;font-size:14px;line-height:1.55}.style-rules-panel code{color:#f4f4f5;background:#151515;border:1px solid #303030;border-radius:6px;padding:2px 5px}.zod-guide-page{color:#f8f8f8;background:radial-gradient(circle at 82% 8%,#38bdf81f,#0000 28%),linear-gradient(#181818 0%,#141414 100%);grid-template-columns:248px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.zod-guide-rail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f1f1ff0;border-right:1px solid #2b2b2b;flex-direction:column;gap:18px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.zod-guide-brand{align-items:center;gap:10px;padding:8px;display:flex}.zod-guide-brand span{color:#08090b;background:linear-gradient(135deg,#38bdf8,#c084fc);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.zod-guide-brand strong{font:600 14px var(--font-heading)}.zod-guide-rail nav{flex-direction:column;gap:4px;display:flex}.zod-guide-rail a,.zod-guide-back{color:#b8b8bd;height:34px;font:500 13px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;text-decoration:none;display:flex}.zod-guide-rail a:hover,.zod-guide-back:hover{color:#fff;background:#38bdf81c}.zod-guide-back{width:100%;margin-top:auto}.zod-guide-content{width:min(1260px,100%);margin:0 auto;padding:44px 36px 80px}.zod-guide-hero{border-bottom:1px solid #2d2d2d;align-items:flex-start;min-height:230px;margin-bottom:30px;display:flex}.zod-guide-hero h1{font:600 56px/1.02 var(--font-heading);margin-bottom:14px}.zod-guide-hero p{color:#a1a1aa;max-width:760px;font-size:15px;line-height:1.65}.zod-guide-source{margin-top:10px}.zod-guide-hero code,.zod-code-panel code,.zod-tufte-code code{color:#f4f4f5}.zod-fact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:32px;display:grid}.zod-fact-card,.zod-code-panel,.zod-checklist,.zod-annotated-json{background:#1f1f1feb;border:1px solid #2e2e2e;border-radius:8px;box-shadow:0 18px 60px #0000003d}.zod-fact-card{padding:16px}.zod-fact-card>span{color:#7dd3fc;background:#38bdf81a;border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.zod-fact-card h2{font:600 15px/1.25 var(--font-heading);margin-bottom:8px}.zod-fact-card p,.zod-guide-section-copy p{color:#a1a1aa;font-size:13px;line-height:1.55}.zod-guide-section{border-bottom:1px solid #262626;padding:28px 0 44px;scroll-margin-top:24px}.zod-guide-section-copy{width:min(720px,100%);margin-bottom:18px}.zod-guide-section-copy h2{font:600 28px/1.15 var(--font-heading);margin-bottom:8px}.zod-code-panel{overflow:hidden}.zod-code-header,.zod-annotated-header{border-bottom:1px solid #2a2a2a;min-height:68px;padding:14px 16px}.zod-annotated-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.zod-code-header span,.zod-annotated-header span{color:#85858d;font-size:11px;font-weight:600}.zod-code-header h3,.zod-annotated-header h3{font:600 16px/1.25 var(--font-heading);margin-top:5px}.zod-annotated-header p{color:#bae6fd;font:600 11px/1 var(--font-sans);background:#38bdf814;border:1px solid #38bdf842;border-radius:999px;flex:none;padding:6px 10px}.zod-code-panel pre{color:#d7d7dc;background:#111;max-height:520px;margin:0;padding:18px;font:500 12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.zod-config-section,.zod-annotated-json{overflow:visible}.zod-tufte-code{color:#d7d7dc;counter-reset:sidenote-counter;background:linear-gradient(90deg,#38bdf80e,#0000 1px) 0 0/52px 100%,#111;max-height:760px;margin:0;padding:18px 0;font:500 12.5px/1.72 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative;overflow:auto}.zod-json-line{white-space:normal;grid-template-columns:minmax(0,1fr) 300px;align-items:start;column-gap:28px;min-height:22px;display:grid;position:relative}.zod-json-line.has-note{counter-increment:sidenote-counter}.zod-json-number{color:#52525b;text-align:right;-webkit-user-select:none;user-select:none;width:42px;margin-right:10px;padding-right:8px;display:inline-block}.zod-json-code{white-space:pre-wrap;word-break:break-word;min-width:0}.zod-tufte-code .margin-toggle{display:none}.zod-tufte-code .sidenote-number{color:#7dd3fc;cursor:pointer;display:inline}.zod-tufte-code .sidenote-number:after{content:counter(sidenote-counter);margin-left:3px;font-size:.72rem;font-weight:700;position:relative;top:-.42rem}.zod-tufte-code .sidenote{white-space:normal;color:#c9d1d9;width:300px;font:500 11.5px/1.45 var(--font-sans);grid-column:2;position:static}.zod-tufte-code .sidenote:before{content:counter(sidenote-counter);color:#7dd3fc;width:18px;height:18px;font:700 10px/1 var(--font-sans);background:#38bdf824;border-radius:50%;place-items:center;margin-right:7px;display:inline-grid}.zod-json-line.has-note:hover{background:#38bdf813}.zod-json-line.has-note:hover .sidenote{color:#f8fafc}.zod-checklist{padding:18px}.zod-checklist h2{font:600 18px var(--font-heading);align-items:center;gap:8px;margin-bottom:14px;display:flex}.zod-checklist p{color:#d6d6dc;align-items:center;gap:8px;font-size:14px;line-height:1.7;display:flex}@media (width<=980px){.style-guide-page,.zod-guide-page{grid-template-columns:1fr}.zod-guide-rail{border-bottom:1px solid #2b2b2b;border-right:0;height:auto;position:static}.zod-guide-rail nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zod-guide-back{margin-top:0}.zod-guide-content{padding:32px 20px 64px}.zod-guide-hero{min-height:auto;padding-bottom:28px}.zod-guide-hero h1{font-size:40px}.zod-fact-grid{grid-template-columns:1fr}.zod-annotated-header{flex-direction:column;align-items:flex-start}.zod-tufte-code{max-height:660px;padding:14px 0}.zod-json-line{display:block}.zod-json-number{width:34px;margin-right:8px}.zod-tufte-code .sidenote-number{text-align:center;background:#38bdf821;border-radius:50%;min-width:20px;min-height:20px;margin-left:4px;display:inline-block}.zod-tufte-code .sidenote-number:after{margin-left:0;font-size:.68rem;line-height:20px;top:0}.zod-tufte-code .sidenote{background:#38bdf814;border-left:2px solid #38bdf88c;border-radius:0 8px 8px 0;width:auto;margin:7px 14px 10px 52px;padding:10px 12px;display:none;position:relative;top:auto;left:auto}.zod-json-line:has(.margin-toggle:checked) .sidenote{display:block}@media (width<=640px){.zod-guide-page{overflow-x:hidden}.zod-guide-rail{padding:14px}.zod-guide-rail nav{grid-template-columns:1fr}.zod-guide-content{min-width:0;padding:28px 16px 56px;overflow-x:hidden}.zod-guide-section-copy h2,.zod-guide-hero h1{overflow-wrap:anywhere}.zod-guide-section-copy h2{font-size:26px}.zod-annotated-header p{white-space:normal;line-height:1.3}.zod-tufte-code{width:100%;overflow-x:hidden}.zod-json-code,.zod-tufte-code code{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.zod-tufte-code .sidenote{overflow-wrap:anywhere;margin-left:44px;margin-right:10px}}.style-guide-rail{border-bottom:1px solid #2b2b2b;border-right:0;height:auto;position:static}.style-guide-rail nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.style-guide-back{margin-top:0}.style-guide-content{padding:32px 20px 64px}.style-guide-hero{flex-direction:column;min-height:auto;padding-bottom:28px}.style-guide-hero h1{font-size:40px}.style-grid.two,.style-grid.three{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(6,36px)}.style-plugins-grid-demo,.style-automation-body-demo .automations-grid{grid-template-columns:1fr}.style-thread-feed,.style-thread-box .chat-input-card{width:calc(100% - 20px)}.image-reference-grid,.component-reference-row,.prompt-reference-card{grid-template-columns:1fr}.image-reference-card img{height:220px}.prompt-reference-card img{height:180px}}.classes-screen{min-height:100vh;color:var(--text-primary);background:#121313;padding:32px;overflow-y:auto}.classes-hero{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1180px;margin:0 auto 28px;display:flex}.classes-kicker{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px;font-weight:700}.classes-hero h1{font-family:var(--font-heading);margin:0;font-size:44px;line-height:1}.classes-back-button{height:40px;color:var(--text-primary);font:inherit;cursor:pointer;background:#202121;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.classes-section{background:#181919;border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:auto auto 1fr;gap:14px;min-width:0;padding:18px;display:grid}.classes-section-copy h2{margin:0 0 6px;font-size:19px}.classes-section-copy p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.classes-list{gap:7px;display:grid}.classes-row{grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);align-items:start;gap:10px;min-width:0;display:grid}.classes-row code{color:#8bd5ff;overflow-wrap:anywhere;background:#101111;border:1px solid #ffffff1a;border-radius:6px;min-width:0;padding:5px 7px;font-size:12px}.classes-row span{color:var(--text-secondary);font-size:12.5px;line-height:1.45}.classes-example{background:#101111;border-radius:8px;align-items:center;min-height:180px;padding:14px;display:grid;overflow:hidden}.classes-shell-example{border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:150px 1fr;height:190px;display:grid;overflow:hidden}.classes-mini-sidebar{background:#202121;flex-direction:column;gap:8px;padding:12px;display:flex}.classes-mini-sidebar button,.classes-mini-sidebar div{min-height:30px;color:var(--text-primary);font:inherit;background:#2b2c2c;border:0;border-radius:6px;align-items:center;padding:0 9px;font-size:12px;display:flex}.classes-mini-sidebar [data-film-active-thread=true]{color:#d9f3ff;background:#38bdf829}.classes-mini-main{text-align:center;background:#151616;place-content:center;gap:8px;padding:20px;display:grid}.classes-mini-main span{color:var(--text-secondary);font-size:12px}.classes-prompt-example{width:100%;min-height:auto;padding:12px;transform:none!important}.classes-prompt-example .prompt-textarea{min-height:56px;font-size:14px}.classes-workspace-bar{align-items:center;gap:8px;margin-top:10px;display:flex}.classes-workspace-bar .plus-button,.classes-workspace-bar .mic-button,.classes-workspace-bar .send-button{flex:none;position:static}.classes-workspace-bar .model-dropdown-trigger{min-height:36px;color:var(--text-primary);background:#2a2a2d;border:1px solid #ffffff1f;border-radius:8px;padding:0 12px}.classes-thread-example{background:#151616;border-radius:8px;height:auto;max-height:none;padding:14px;overflow:visible}.classes-thread-example .message-ai-plain{width:100%}.classes-thread-example .preview-card.edited-files{margin-top:10px;padding:12px}.classes-thread-example .preview-card.edited-files span{color:var(--text-secondary);margin-top:6px;font-size:12px;display:block}.classes-plugin-example{background:#151616;border-radius:8px;min-height:0;padding:14px}.classes-plugin-example .plugins-screen-body{padding:0}.classes-plugin-example .plugins-title{margin:8px 0 12px;font-size:22px}.classes-plugin-example .plugins-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.classes-plugin-card{background:#242525;border-radius:8px;align-items:center;gap:9px;min-height:58px;padding:12px;display:flex}.classes-film-example{gap:12px;display:grid}.classes-film-example .new-film-text-stage{border-radius:8px;min-height:170px;padding:16px}.classes-film-example .new-film-text-card{width:100%;min-width:0;min-height:100px;font-size:28px}.classes-film-example .new-film-composer{width:100%;position:static;transform:none}.classes-utility-example{gap:12px;display:grid}.classes-utility-example .train-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.classes-utility-example .train-drop-zone{min-height:84px}.classes-utility-example .bottom-terminal-panel{border-radius:8px;width:100%;min-height:48px;padding:12px;position:static}.classes-utility-example .terminal-input{color:#c7f9d4;width:100%;display:block}@media (width<=900px){.classes-screen{padding:20px}.classes-hero{flex-direction:column;align-items:stretch}.classes-grid,.classes-row{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome-toolbar-bg:#e1e1e2;--chrome-toolbar-border:#d7d7d8;background:#101318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,.desktop-root,.desktop-stage{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden}.desktop-recorder-controls{z-index:2147483640;pointer-events:none;background:var(--chrome-toolbar-bg);height:35px;box-shadow:none;border-bottom:0;justify-content:flex-start;padding:0;display:flex;position:fixed;inset:0 0 auto}body:not(.desktop-recording-active) .cfr-grid-overlay,body:not(.desktop-recording-active) .cfr-crop-box{display:none!important}.desktop-effect-controls-root{z-index:2147483641;pointer-events:none;position:fixed;inset:0 auto auto 246px}.desktop-recorder-menu-root{pointer-events:auto;align-items:center;gap:2px;height:35px;display:flex}.desktop-recorder-menu{position:relative}.desktop-recorder-menu-trigger{color:#3c4043;letter-spacing:0;cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:6px;height:27px;padding:0 11px;font-size:13px;font-weight:620}.desktop-recorder-menu-trigger:hover,.desktop-recorder-menu-trigger.active{background:#3c40431f}.desktop-recorder-menu-popover{-webkit-backdrop-filter:blur(18px)saturate(1.1);color:#f2f2f3;background:#2a2a2bf5;border:1px solid #787b80b8;border-radius:9px;min-width:228px;padding:8px 0;position:absolute;top:31px;left:0;box-shadow:0 18px 54px #00000057,inset 0 1px #ffffff14}.desktop-recorder-menu-item{width:100%;height:30px;color:inherit;text-align:left;cursor:default;background:0 0;border:0;border-radius:0;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px 0 9px;font-size:14px;font-weight:560;display:grid}.desktop-recorder-menu-item:hover:not(:disabled){background:#ffffff1a}.desktop-recorder-menu-item:disabled{color:#ffffff6b}.desktop-recorder-menu-check{text-align:center;font-size:16px;font-weight:760;line-height:1}.desktop-recorder-menu-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desktop-recorder-menu-shortcut{color:#ffffff70;font-size:13px;font-weight:560}.desktop-camera-bubble{z-index:60;width:var(--desktop-camera-size,168px);height:var(--desktop-camera-size,168px);pointer-events:none;background:radial-gradient(circle at 32% 18%,#ffffff3d,#0000 28%),#1f2023;border:3px solid #ffffffdb;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 62px #0000006b,inset 0 0 0 1px #0000006b,inset 0 1px #fff3}.desktop-camera-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)scale(2)}.desktop-camera-error{color:#ffffffe0;text-align:center;text-shadow:0 1px 3px #0000008c;max-width:74%;font-size:13px;font-weight:650;line-height:1.2}.desktop-recorder-controls .cfr-settings-bar{background:var(--chrome-toolbar-bg);width:100%;height:35px;box-shadow:none;pointer-events:auto;color:#3c4043;border:0;border-radius:0;justify-content:flex-start;padding:0 12px;position:relative;inset:auto}.desktop-recorder-controls .cfr-settings-bar-content{justify-content:flex-start;gap:8px;width:100%;min-width:0;padding-right:0;overflow:hidden}.desktop-recorder-controls .cfr-settings-bar-content:before{content:"";background-image:var(--desktop-record-cta-icon);filter:saturate(1.08)contrast(1.06);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:0 1px 4px #3c404333,inset 0 1px #ffffff29}.desktop-recorder-controls .cfr-btn{white-space:nowrap;color:#3c4043;height:26px}.desktop-recorder-controls .cfr-btn:not(#cfr-record-btn),.desktop-recorder-controls .cfr-select-wrapper{display:none}.desktop-recorder-controls .cfr-label,.desktop-recorder-controls .cfr-kbd,.desktop-recorder-controls .cfr-select,.desktop-recorder-controls select{color:#3c4043}.desktop-recorder-controls .cfr-kbd{background:#e8eaed;border-color:#d0d3d8}.desktop-recorder-controls .cfr-select,.desktop-recorder-controls select{background:#fff;border-color:#dadce0;height:26px}.desktop-recorder-controls #cfr-record-btn{color:#0000;background:#fff;border:1px solid #c5c7ca;border-radius:999px;justify-content:center;gap:8px;width:auto;min-width:148px;height:26px;padding:0 16px;font-size:12px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c404329}.desktop-recorder-controls #cfr-record-btn:before{content:"";background:#e11919;border-radius:50%;flex:none;width:8px;height:8px;animation:1.05s ease-in-out infinite desktopRecordDotBlink;box-shadow:0 0 #e1191970}.desktop-recorder-controls #cfr-record-btn:hover:not(:disabled){background:#f8fafd;border-color:#c7cacf;box-shadow:0 1px 3px #3c404333}.desktop-recorder-controls #cfr-record-btn svg,.desktop-recorder-controls #cfr-record-btn .cfr-kbd{display:none}.desktop-recorder-controls #cfr-record-btn:after{content:"Record  ⌘J";color:#202124;white-space:nowrap;max-width:100%;line-height:1;display:block}.desktop-recorder-controls #cfr-record-btn.cfr-btn-destructive{background:#fce8e6;border-color:#f2b8b5;box-shadow:0 1px 3px #3c40432e}.desktop-recorder-controls #cfr-record-btn.cfr-btn-destructive:before{background:#d93025;animation:none;box-shadow:0 0 0 3px #d9302524}.desktop-recorder-controls #cfr-record-btn.cfr-btn-destructive:after{content:"Stop  ⌘J";background:0 0;border:0;border-radius:0;width:auto;height:auto;position:static}@keyframes desktopRecordDotBlink{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #e1191970}50%{opacity:.38;transform:scale(.78);box-shadow:0 0 0 4px #e1191900}}.desktop-recorder-controls #cfr-png-btn,.desktop-recorder-controls .cfr-checkbox-container{display:none}.desktop-recorder-controls .cfr-divider{border-color:var(--chrome-toolbar-border);margin:0 2px}.desktop-recorder-controls .cfr-select-wrapper{min-width:160px}@media (width<=1180px){.desktop-recorder-controls .cfr-settings-bar-content{padding-right:0}}@media (width<=820px){.desktop-effect-controls-root{left:246px}.desktop-recorder-controls .cfr-settings-bar-content{gap:6px;padding-right:0}.desktop-recorder-controls .cfr-settings-bar{padding-inline:8px}.desktop-recorder-controls .cfr-select-wrapper{min-width:118px;max-width:32vw}.desktop-recorder-controls .cfr-checkbox-container{gap:3px}.desktop-recorder-controls .cfr-label{display:none}}@media (width<=560px){.desktop-effect-controls-root{left:130px}.desktop-recorder-menu-trigger{padding-inline:7px;font-size:12px}.desktop-recorder-menu-root{gap:0}.desktop-recorder-controls .cfr-settings-bar-content:before,.desktop-recorder-controls .cfr-divider,.desktop-recorder-controls .cfr-checkbox-container{display:none}.desktop-recorder-controls #cfr-record-btn{min-width:112px;padding-inline:10px}.desktop-recorder-controls #cfr-record-btn:after{content:"Record"}.desktop-recorder-controls #cfr-record-btn.cfr-btn-destructive:after{content:"Stop"}}button{font:inherit}.desktop-stage{color:#fff;perspective:1800px;background-image:linear-gradient(135deg, #080c1247, #080c1214), var(--desktop-wallpaper), radial-gradient(circle at 16% 20%, #ffe1b8c7, transparent 27%), radial-gradient(circle at 84% 18%, #589bffb3, transparent 29%), radial-gradient(circle at 65% 82%, #d85f9985, transparent 31%), linear-gradient(135deg, #172641 0%, #1f394f 34%, #724069 68%, #d08a54 100%);background-position:50%;background-size:cover;position:relative;overflow:hidden}.desktop-stage:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.desktop-icons{z-index:2;position:absolute;inset:0}.desktop-icon{color:#fff;cursor:default;-webkit-user-select:none;user-select:none;text-align:center;text-shadow:0 1px 4px #000c;background:0 0;border:0;border-radius:12px;width:88px;min-height:98px;padding:8px 5px;position:absolute}.desktop-icon:hover,.desktop-icon:focus-visible{background:#ffffff26;outline:none}.desktop-icon-folder:hover,.desktop-icon-folder:focus-visible{background:0 0}.desktop-icon-art{background:#0f16246b;border-radius:10px;place-items:center;width:58px;height:50px;margin:0 auto 5px;display:grid;position:relative;box-shadow:0 10px 24px #0000003d}.desktop-icon-art svg{width:39px;height:39px}.desktop-icon-folder .desktop-icon-art{width:88px;height:72px;box-shadow:none;background:0 0;border-radius:0}.desktop-icon-open-folder{width:118px;min-height:126px;padding:10px 8px}.desktop-icon-open-folder .desktop-icon-art{width:104px;height:82px;box-shadow:none;background:0 0;border:0;border-radius:0}.desktop-icon-open-folder .folder-icon-image{width:92px;height:74px}.desktop-icon-open-folder:hover,.desktop-icon-open-folder:focus-visible{background:#ffffff1f}.folder-icon-image{object-fit:contain;filter:drop-shadow(0 10px 13px #00000052);pointer-events:none;width:84px;height:68px;display:block}.desktop-icon-file .desktop-icon-art{color:#f7f9fd}.desktop-icon-file .desktop-image-thumb{object-fit:cover;pointer-events:none;background:#0c0d0f57;border:1px solid #ffffff6b;border-radius:9px;width:84px;height:68px;display:block;box-shadow:0 10px 16px #00000057,inset 0 1px #ffffff2e}.desktop-icon-file:has(.desktop-image-thumb) .desktop-icon-art{width:88px;height:72px;box-shadow:none;background:0 0;border-radius:0}.desktop-icon-webcam .desktop-icon-art{color:#f4f7fb;background:#0c0d0fad}.folder-count{color:#fff;min-width:18px;height:18px;text-shadow:none;background:#2488ff;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:-3px;right:-4px}.desktop-icon-label{overflow-wrap:anywhere;border-radius:7px;max-height:32px;padding:2px 4px;font-size:12px;line-height:1.2;display:block;overflow:hidden}.desktop-drop-hint{z-index:3;pointer-events:none;color:#fff;text-shadow:0 2px 12px #0000009e;align-items:center;gap:12px;display:inline-flex;position:absolute;bottom:calc(28px + 10%);left:28px}.desktop-drop-arrow{filter:drop-shadow(0 10px 18px #00000052);font-size:72px;font-weight:900;line-height:.85;animation:1.05s ease-in-out infinite desktopArrowHover;display:inline-block}.desktop-drop-text{letter-spacing:0;white-space:nowrap;font-size:22px;font-weight:720;line-height:1}@keyframes desktopArrowHover{0%,to{transform:translateY(-9px)}50%{transform:translateY(9px)}}.browser-window{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(1.15);backdrop-filter:blur(24px)saturate(1.15);perspective:1200px;min-width:480px;max-width:calc(100vw - 16px);min-height:360px;max-height:calc(100vh - 40px);transform-style:preserve-3d;background:#121316eb;border:1px solid #ffffff2e;border-radius:16px;transition:box-shadow .22s;position:absolute;overflow:hidden;box-shadow:0 34px 90px #0000006b,inset 0 1px #ffffff1a}.browser-window[data-app-tilt=true]{box-shadow:0 44px 120px #00000085,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1f}.browser-drag-strip{z-index:4;cursor:grab;height:12px;position:absolute;inset:0 0 auto}.browser-drag-strip:active{cursor:grabbing}.browser-resize-handle{z-index:45;pointer-events:auto;position:absolute}.browser-resize-n,.browser-resize-s{height:10px;left:12px;right:12px}.browser-resize-n{cursor:ns-resize;top:-2px}.browser-resize-s{cursor:ns-resize;bottom:-2px}.browser-resize-e,.browser-resize-w{width:10px;top:12px;bottom:12px}.browser-resize-e{cursor:ew-resize;right:-2px}.browser-resize-w{cursor:ew-resize;left:-2px}.browser-resize-ne,.browser-resize-nw,.browser-resize-se,.browser-resize-sw{width:18px;height:18px}.browser-resize-ne{cursor:nesw-resize;top:-3px;right:-3px}.browser-resize-nw{cursor:nwse-resize;top:-3px;left:-3px}.browser-resize-se{cursor:nwse-resize;bottom:-3px;right:-3px}.browser-resize-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.desktop-window-controls{z-index:50;pointer-events:auto;position:absolute;top:14px;left:20px}.window-controls{gap:6px;display:flex}.window-dot{cursor:default;border:0;border-radius:50%;width:11px;height:11px;padding:0;display:inline-block}.window-dot.red{background-color:#ff5f56}.window-dot.yellow{background-color:#ffbd2e}.window-dot.green{background-color:#27c93f}.desktop-window-title{z-index:48;color:#fffffff5;letter-spacing:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px #000000b8,0 6px 18px #00000080;max-width:min(54%,460px);font-size:15px;font-weight:760;line-height:1.1;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%)}.desktop-dock-item{z-index:2147483642;color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121316ad;border:1px solid #ffffff2e;border-radius:16px;min-width:92px;height:42px;padding:0 18px;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #00000057,inset 0 1px #ffffff1f}.desktop-dock-item:hover{background:#24262cbd}.browser-app-content{transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;background:#111;transition:transform .22s}.browser-window[data-app-tilt=true] .browser-app-content{width:calc(100% + 18px);height:calc(100% + 18px);transform:rotateX(var(--codex-app-tilt-x,1.2deg)) rotateY(var(--codex-app-tilt-y,-2.4deg)) rotateZ(var(--codex-app-tilt-z,0deg)) scale(1.018);margin:-9px}.browser-app-content>.app-container{width:100%;height:100%}.codex-drop-overlay{z-index:35;-webkit-backdrop-filter:saturate(1.15);backdrop-filter:saturate(1.15);pointer-events:auto;background:#1865b27a;place-items:center;display:grid;position:absolute;inset:0}.codex-drop-overlay[hidden]{display:none}.codex-drop-card{color:#fff;text-shadow:0 1px 2px #00000059;border-radius:10px;justify-items:center;gap:10px;min-width:118px;padding:10px 12px 12px;display:grid}.codex-drop-thumb{place-items:center;width:86px;height:68px;display:grid}.codex-drop-thumb img{object-fit:cover;border:2px solid #ffffffd6;border-radius:3px;width:86px;height:68px;box-shadow:0 12px 24px #00000047}.codex-drop-thumb svg{color:#ffffffeb;filter:drop-shadow(0 8px 14px #00000047);width:54px;height:54px}.codex-drop-name{text-align:center;-webkit-line-clamp:2;background:#1769d8;border-radius:5px;-webkit-box-orient:vertical;max-width:118px;padding:4px 8px;font-size:13px;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.codex-drop-action{background:#1769d8b8;border:1px solid #7dbeff59;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:700;box-shadow:0 7px 18px #0000002e}.desktop-menu{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#26272ae0;border:1px solid #ffffff29;border-radius:10px;min-width:178px;padding:6px;position:absolute;box-shadow:0 18px 48px #00000057}.desktop-menu button{color:#ffffffeb;text-align:left;cursor:default;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 10px}.desktop-menu button:hover{background:#ffffff1f}.webcam-player{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0deb;border:1px solid #ffffff24;border-radius:16px;width:min(360px,100vw - 48px);position:absolute;bottom:24px;right:24px;overflow:hidden;box-shadow:0 24px 70px #0000006b}.webcam-player-surface{grid-template-rows:auto 42px;display:grid}.webcam-video{aspect-ratio:16/10;object-fit:cover;background:#050505;width:100%;display:block}.webcam-player-controls{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.webcam-play-toggle,.webcam-close{color:#ffffffc7;cursor:pointer;background:0 0;border:0}.webcam-play-toggle{text-align:left;min-width:42px;padding:0;font-size:12px}.webcam-close{border-radius:999px;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}.webcam-close:hover{color:#fff;background:#ffffff1a}.webcam-seek{accent-color:#fff;width:100%}.webcam-time{color:#ffffff94;text-align:right;white-space:nowrap;min-width:58px;font-size:12px}@media (width<=900px){.browser-window{width:calc(100vw - 16px)!important;height:calc(100vh - 43px)!important;top:35px!important;left:8px!important}}:root{--cfr-bg:#ffffffe6;--cfr-fg:#18181b;--cfr-border:#e4e4e7;--cfr-primary:#18181b;--cfr-primary-fg:#f4f4f5;--cfr-secondary:#f4f4f5;--cfr-secondary-fg:#18181b;--cfr-ghost-hover:#f4f4f5;--cfr-destructive:#ef4444;--cfr-destructive-fg:#fff;--cfr-muted-fg:#71717a;--cfr-outline:#f43f5e;--cfr-backdrop:#0000002e;--cfr-glass-blur:12px}@media (prefers-color-scheme:dark){:root{--cfr-bg:#09090be6;--cfr-fg:#f4f4f5;--cfr-border:#ffffff1a;--cfr-primary:#f4f4f5;--cfr-primary-fg:#09090b;--cfr-secondary:#27272a;--cfr-secondary-fg:#f4f4f5;--cfr-ghost-hover:#27272a;--cfr-destructive:#ef4444;--cfr-destructive-fg:#fff;--cfr-muted-fg:#a1a1aa;--cfr-backdrop:#0000004d}}.cfr-settings-bar,.cfr-settings-bar *{box-sizing:border-box;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.cfr-settings-bar{z-index:2147483640;background-color:var(--cfr-bg);height:56px;-webkit-backdrop-filter:blur(var(--cfr-glass-blur));border-bottom:1px solid var(--cfr-border);scrollbar-width:none;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:auto}.cfr-settings-bar::-webkit-scrollbar{display:none}.cfr-settings-bar-content{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.cfr-divider{background-color:var(--cfr-border);width:1px;height:20px;margin:0 4px}.cfr-btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.cfr-btn:disabled{opacity:.5;cursor:not-allowed}.cfr-btn-default{background-color:var(--cfr-primary);color:var(--cfr-primary-fg)}.cfr-btn-default:hover:not(:disabled){opacity:.9}.cfr-btn-secondary{background-color:var(--cfr-secondary);color:var(--cfr-secondary-fg);border-color:var(--cfr-border)}.cfr-btn-secondary:hover:not(:disabled){opacity:.9}.cfr-btn-destructive{background-color:var(--cfr-destructive);color:var(--cfr-destructive-fg)}.cfr-btn-destructive:hover:not(:disabled){opacity:.9}.cfr-btn-ghost{color:var(--cfr-fg);background-color:#0000}.cfr-btn-ghost:hover:not(:disabled){background-color:var(--cfr-ghost-hover)}.cfr-kbd{color:var(--cfr-muted-fg);text-transform:uppercase;background-color:#80808026;border-radius:4px;margin-left:4px;padding:1px 4px;font-family:monospace;font-size:10px}.cfr-select-wrapper{position:relative}.cfr-select{appearance:none;width:200px;height:32px;color:var(--cfr-fg);border:1px solid var(--cfr-border);cursor:pointer;background-color:#0000;border-radius:6px;outline:none;padding:0 24px 0 10px;font-size:12px;transition:border-color .15s}.cfr-select:focus{border-color:var(--cfr-fg)}.cfr-select:disabled{opacity:.5;cursor:not-allowed}.cfr-select-wrapper:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--cfr-fg);pointer-events:none;opacity:.7;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cfr-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.cfr-label{color:var(--cfr-fg);cursor:pointer;white-space:nowrap;font-size:12px}.cfr-checkbox{appearance:none;border:1px solid var(--cfr-border);cursor:pointer;border-radius:4px;outline:none;justify-content:center;align-items:center;width:14px;height:14px;transition:background-color .15s,border-color .15s;display:flex}.cfr-checkbox:checked{background-color:var(--cfr-fg);border-color:var(--cfr-fg)}.cfr-checkbox:checked:after{content:"✓";color:var(--cfr-bg);font-size:10px;font-weight:700}.cfr-checkbox:disabled{opacity:.5;cursor:not-allowed}.cfr-grid-overlay{pointer-events:none;z-index:40;position:fixed;bottom:0;left:0;right:0}.cfr-crop-box{pointer-events:none;z-index:50;box-shadow:0 0 0 9999px var(--cfr-backdrop);transition:none;position:fixed}.cfr-simulated-pointer{width:24px;height:30px;box-shadow:none;filter:drop-shadow(0 2px 2px #00000059);z-index:2147483647;pointer-events:none;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;outline:0;margin:0;padding:0;transition:transform .15s;display:none;position:fixed;transform:translate(-2px,-2px)}.cfr-simulated-pointer.cfr-holding{transform:translate(-2px,-2px)scale(.88)}.cfr-simulated-pointer:after{content:"";border:2px solid var(--cfr-pointer-ripple-color,#64748b);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb,var(--cfr-pointer-ripple-color,#64748b) 38%,transparent),0 0 0 10px color-mix(in srgb,var(--cfr-pointer-ripple-color,#64748b) 16%,transparent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:2px;left:2px;transform:translate(-50%,-50%)scale(1)}.cfr-simulated-pointer.cfr-holding:after{animation:1s infinite cfr-ripple}.cfr-simulated-pointer.cfr-ripple-disabled:after{animation:none;display:none}.cfr-recording-overlay,.cfr-recording-overlay *{box-sizing:border-box}.cfr-recording-overlay{-webkit-user-select:none;user-select:none}.cfr-camera-overlay video,.cfr-camera-overlay-fallback{position:absolute;inset:0}.cfr-camera-overlay-fallback{color:#f8fafc;text-align:center;background:radial-gradient(circle at 35% 25%,#94a3b859,#0000 42%),linear-gradient(135deg,#111827,#020617);justify-content:center;align-items:center;padding:14px;font:600 12px/1.25 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.cfr-recording-overlay-resize{cursor:nwse-resize;filter:drop-shadow(0 1px 2px #0000008c);border-bottom:2px solid #ffffffdb;border-right:2px solid #ffffffdb;width:18px;height:18px;position:absolute;bottom:8px;right:8px}.shiny-text{display:inline-block}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;border:1px solid var(--border-glow-border-color,#ffffff26);background:var(--card-bg,#120f17);display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):before,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active):after,.border-glow-card:not(:hover):not(:focus-within):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:visible}.sidebar-link-glow{box-shadow:none}.script-screen-container{background-color:var(--bg-main);width:100vw;height:100vh;color:var(--text-primary);box-sizing:border-box;z-index:1000;gap:8px;padding:10px;position:fixed;top:0;left:0;overflow:hidden}.script-main-grid{grid-template-columns:minmax(0,1fr) minmax(320px,36vw);gap:10px;height:100%;min-height:0;display:grid}.script-editor-column{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.script-section-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:2px 4px;font-size:11px;font-weight:600;display:flex}.script-input-section{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.script-example-row{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;display:grid}.script-example-label{color:var(--text-secondary);text-transform:uppercase;padding-left:4px;font-size:11px;font-weight:600;line-height:1}.script-example-select{border:1px solid var(--border-color);background-color:var(--bg-card);min-width:0;height:30px;color:var(--text-primary);font-family:var(--font-sans);border-radius:6px;outline:none;padding:0 30px 0 10px;font-size:12px}.script-example-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf829}.script-example-select:disabled{opacity:.55;cursor:not-allowed}.script-output-section{flex-direction:column;flex:1.1;gap:4px;min-height:0;display:flex}.script-textarea{background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:none;box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:12px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.script-textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.script-textarea.code-font{color:#38bdf8;background-color:#0f0f10;border-color:#ffffff0d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px}.script-textarea.code-font:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.script-error-message{color:#fca5a5;margin:0;font-size:12px;line-height:1.4}.script-expand-button-container{padding:2px 0}.script-expand-button{color:#fff;width:100%;height:44px;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:transform .1s,filter .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0284c74d}.script-expand-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px #0284c766}.script-expand-button:active:not(:disabled){transform:scale(.995)}.script-expand-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.script-expand-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-button);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:none}.script-action-btn{background:var(--bg-button);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;transition:all .2s;display:flex}.script-action-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-button-hover);border-color:var(--border-color-focus)}.script-action-btn:disabled{opacity:.5;cursor:not-allowed}.script-header-nav{align-items:center;gap:8px;display:flex}.script-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.script-back-btn:hover{background:var(--bg-button);color:var(--text-primary)}.script-toast{color:#f8fafc;z-index:2000;background-color:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;animation:.15s ease-out fadeIn;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000004d}.script-spinner{animation:1s linear infinite script-spin}@keyframes script-spin{to{transform:rotate(360deg)}}.script-run-container{padding:2px 0}.script-run-button{color:#fff;width:100%;height:44px;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:transform .1s,filter .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0596694d}.script-run-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px #05966966}.script-run-button:active:not(:disabled){transform:scale(.995)}.script-run-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.script-run-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-button);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:none}.script-trace-panel{border-left:1px solid #ffffff14;flex-direction:column;gap:4px;min-width:0;min-height:0;padding-left:10px;display:flex}.script-trace-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow:auto}.script-trace-empty{min-height:100%;color:var(--text-secondary);text-align:center;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:8px;place-items:center;margin:0;padding:20px;font-size:13px;line-height:1.5;display:grid}.script-trace-call{background:#101112;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.script-trace-call-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.script-trace-call-header strong{color:var(--text-primary);text-transform:capitalize;font-size:13px}.script-trace-call-header span{color:var(--text-secondary);font-size:11px}.script-trace-block{min-width:0}.script-trace-block h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:10px;font-weight:700}.script-trace-block pre{color:#b6e7ff;white-space:pre-wrap;overflow-wrap:anywhere;background:#08090a;border:1px solid #ffffff0f;border-radius:6px;max-height:260px;margin:0;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45;overflow:auto}@media (width<=900px){.script-main-grid{grid-template-columns:1fr;overflow:auto}.script-example-row{grid-template-columns:1fr;gap:4px}.script-editor-column{min-height:720px}.script-trace-panel{border-top:1px solid #ffffff14;border-left:0;min-height:420px;padding-top:10px;padding-left:0}}.side-rays-container{pointer-events:none;z-index:0;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
