@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}::selection{color:var(--text);background:#e36b2b38}@media (hover:none){.btn:hover{box-shadow:var(--hard-sm);transform:none}#send-btn:hover{box-shadow:var(--hard);transform:none}button,a,[role=button]{-webkit-touch-callout:none}}@media (hover:none) and (pointer:coarse){::-webkit-scrollbar{display:none}*{scrollbar-width:none}}:focus:not(:focus-visible){box-shadow:none;outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a,button,input,select,textarea,[role=button],.example-prompt{touch-action:manipulation}:root{--bg:#faf8f5;--bg-alt:#fff;--bg-hover:#1e1b180e;--border:#e4ddd4;--border-hover:#c9bfb4;--text:#1e1b18;--text-dim:#5d544f;--text-muted:#7c706a;--surface:#fff;--surface-muted:#f3efe8;--surface-strong:#efe7dc;--code-bg:#27231f;--code-text:#fff8ed;--accent:#e06c47;--accent-hover:#c95936;--accent-soft:#e06c471f;--accent-border:#e06c4747;--accent-glow:#e06c472e;--green:#3e8e63;--green-soft:#3e8e631f;--red:#d65a47;--orange:#f0bf5b;--shadow-soft:0 12px 36px #1e1b1814;--shadow-sm:0 4px 14px #1e1b1812;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", "Inter", sans-serif;--ink:#1e1b18;--warm:#f3c64f;--sage:#4d7c5b;--hard-sm:2px 2px 0 var(--ink);--hard:4px 4px 0 var(--ink);--hard-hover:6px 6px 0 var(--ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e1b181f;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#1e1b1840}body{font-family:var(--font-ui);background:var(--bg);color:var(--text)}header{border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(12px);z-index:10;background:#faf8f5e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}header .left{align-items:center;gap:16px;display:flex}header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:16px;font-weight:800}header .logo-chip{background:var(--warm);border:2px solid var(--ink);width:30px;height:30px;box-shadow:var(--hard-sm);border-radius:9px;justify-content:center;align-items:center;display:flex}header .logo-chip .logo{color:var(--ink)}header .status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;transition:color .3s;display:flex}header .status.connected{color:var(--accent)}header .status.connected:before{content:"";background:var(--accent);border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px;display:inline-block}header .status.connecting{color:var(--text-muted)}header .status.connecting:before{content:"";background:var(--text-muted);border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite status-pulse;display:inline-block}@keyframes status-pulse{0%,to{opacity:.3}50%{opacity:1}}header .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}header .actions .btn{white-space:nowrap}.btn{font-family:var(--font-display);background:var(--surface);border:2px solid var(--ink);color:var(--text);cursor:pointer;box-shadow:var(--hard-sm);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover{color:var(--text);background:var(--bg-alt);box-shadow:var(--hard);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--ink)}.btn-accent:hover{background:var(--accent-hover);color:#fff}.btn-danger{background:var(--red);color:#fff;border-color:var(--ink)}.btn-danger:hover{color:#fff;background:#bf4637}.dropdown{align-items:center;display:inline-flex;position:relative}.dropdown-content{background-color:var(--surface);min-width:140px;box-shadow:var(--hard);border:2px solid var(--ink);z-index:100;border-radius:12px;flex-direction:column;gap:4px;margin-top:6px;padding:6px;display:none;position:absolute;top:100%;right:0}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown-content.open{display:flex}.dropdown-item{text-align:left;width:100%;font-family:var(--font-display);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:700;transition:background .1s}.dropdown-item:hover{background:var(--surface-muted);color:var(--accent)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#1e1b1861;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-box{background:var(--surface);border:2.5px solid var(--ink);width:440px;max-width:90%;box-shadow:8px 8px 0 var(--ink);border-radius:18px;padding:32px}.modal-box h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.5px;margin:0 0 16px;font-size:22px;font-weight:900}.modal-box h3{font-family:var(--font-display);font-weight:800}.modal-box label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);margin-top:16px;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.modal-box input,.modal-box select,.modal-box textarea{background-color:var(--bg);border:2px solid var(--ink);width:100%;min-height:42px;color:var(--text);font-family:var(--font-ui);box-sizing:border-box;border-radius:9px;outline:none;padding:10px 14px;font-size:14px;font-weight:650;line-height:20px;transition:background-color .15s,box-shadow .15s}.modal-box select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231E1B18' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:18px 18px;height:42px;padding:0 42px 0 14px;line-height:38px}.modal-box select::-ms-expand{display:none}.modal-box textarea{resize:vertical;min-height:92px}.modal-box input:focus,.modal-box select:focus,.modal-box textarea:focus{background-color:var(--surface);box-shadow:var(--hard-sm)}.modal-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.model-custom-input{margin-top:8px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.danger-modal{border-radius:16px;width:min(92vw,430px);padding:0;overflow:hidden}.danger-modal-head{border-bottom:2px solid var(--ink);background:#fff7ed;align-items:flex-start;gap:14px;padding:24px 24px 18px;display:flex}.danger-modal-icon{border:2px solid var(--ink);background:var(--accent);color:#fff;width:42px;height:42px;box-shadow:var(--hard-sm);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;display:flex}.danger-modal h2{margin:0 0 6px;font-size:22px;line-height:1.05}.danger-modal p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.danger-modal-body{padding:18px 24px 24px}.danger-build-name{border:2px solid var(--ink);background:var(--bg);font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:800;display:none;overflow:hidden}.danger-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.billing-mini{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:var(--surface);border-radius:12px;margin-top:10px;padding:12px}.billing-mini-row{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;gap:12px;padding:8px 0;font-size:12px;display:flex}.billing-mini-row:first-child{border-top:0;padding-top:0}.billing-mini-row strong{color:var(--text);font-family:var(--font-display)}.layout{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{border-right:2px solid var(--ink);background:var(--bg-alt);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:2px solid var(--ink);font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:16px;font-size:12px;font-weight:800;display:flex}.creation-slot-meter{font-family:var(--font-display);color:var(--text);background:var(--surface);border:1.5px solid var(--ink);letter-spacing:0;text-transform:none;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.creation-slot-meter.full{color:var(--red);background:#fdedea}.chat-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.chat-list-empty{color:var(--text-muted);padding:16px 12px;font-size:12px;font-weight:600;line-height:1.5}.sidebar-footer{border-top:2px solid var(--ink);flex-shrink:0;padding:10px 12px}.sidebar-user{cursor:pointer;width:100%;font:inherit;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.sidebar-user:hover{background:var(--surface)}.sidebar-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.sidebar-user-email{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px;font-weight:600;overflow:hidden}.chat-and-preview{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.pane-content{flex-direction:column;flex:1;min-height:0;display:none}.pane-content.active{transition:opacity .15s ease-in-out;display:flex}#chat{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:24px;padding:32px 24px;display:flex;overflow-y:auto}#input-area{background:var(--bg);border-top:2px solid var(--ink);z-index:10;flex-shrink:0;padding:20px 24px}#input-container{align-items:flex-end;gap:12px;max-width:760px;margin:0 auto;display:flex;position:relative}#prompt{background:var(--surface);border:2px solid var(--ink);color:var(--text);resize:none;min-height:52px;max-height:240px;box-shadow:var(--hard-sm);border-radius:12px;outline:none;flex:1;padding:13px 16px;font-family:inherit;font-size:15px;line-height:1.5;transition:background .15s,box-shadow .15s,border-color .15s;overflow-y:auto}#prompt::placeholder{color:var(--text-muted);opacity:1}#prompt:focus{box-shadow:var(--hard);background:#fff}#prompt:disabled{opacity:.5;cursor:not-allowed}#send-btn{font-family:var(--font-display);background:var(--accent);color:#fff;border:2px solid var(--ink);cursor:pointer;height:52px;box-shadow:var(--hard);border-radius:11px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}#send-btn:hover{background:var(--accent-hover);box-shadow:var(--hard-hover);transform:translate(-2px,-2px)}#send-btn:active{box-shadow:var(--hard-sm);transform:translate(2px,2px)}#send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:var(--hard-sm);transform:none}#stop-btn{font-family:var(--font-display);background:var(--surface);color:var(--red);border:2px solid var(--ink);cursor:pointer;height:52px;box-shadow:var(--hard-sm);border-radius:11px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);display:none}#stop-btn.visible{display:flex}#stop-btn:hover{box-shadow:var(--hard);background:#d65a4714;transform:translate(-2px,-2px)}#stop-btn:disabled{opacity:.45;cursor:wait;box-shadow:var(--hard-sm);transform:none}#attach-btn{background:var(--surface);border:2px solid var(--ink);cursor:pointer;width:52px;height:52px;box-shadow:var(--hard-sm);color:var(--text-dim);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}#attach-btn:hover{background:var(--surface-muted);box-shadow:var(--hard);color:var(--text);transform:translate(-2px,-2px)}#attach-btn:active{box-shadow:var(--hard-sm);transform:translate(2px,2px)}#attach-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:var(--hard-sm);transform:none}#file-input{display:none}#attachment-previews{flex-wrap:wrap;gap:8px;max-width:760px;margin:0 auto 12px;display:flex}.attachment-chip{background:var(--surface);border:1.5px solid var(--ink);max-width:220px;box-shadow:var(--hard-sm);border-radius:8px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:12px;display:flex;position:relative}.attachment-chip.error{border-color:var(--red);background:#d65a470d}.attachment-chip img{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.attachment-chip .file-icon{background:var(--surface-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.attachment-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attachment-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.attachment-size{color:var(--text-muted);font-size:11px}.upload-spinner,.upload-error-icon{flex-shrink:0;font-size:14px}.remove-attachment{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s;display:flex}.remove-attachment:hover{color:var(--red)}#input-footer{max-width:760px;color:var(--text-muted);justify-content:space-between;align-items:center;min-height:18px;margin:8px auto 0;font-size:12px;display:flex}.attachment-counter{font-weight:600}.send-hint{color:var(--accent);font-weight:600;animation:.2s ease-in fadeInHint}@keyframes fadeInHint{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--ink);color:var(--surface);box-shadow:var(--hard);z-index:1000;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#input-area{position:relative}#input-area.dragging{background:var(--surface-muted)}.drop-overlay{border:3px dashed var(--accent);z-index:20;pointer-events:none;background:#faf8f5eb;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-message{background:var(--surface);color:var(--text);box-shadow:var(--hard);border:2px solid var(--ink);border-radius:10px;padding:16px 28px;font-size:15px;font-weight:700}.chat-item{cursor:pointer;border:2px solid #0000;border-radius:9px;padding:12px 42px 12px 14px;font-size:13px;transition:all .15s cubic-bezier(.16,1,.3,1);position:relative}.chat-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.chat-item:active{background:var(--warm);transform:scale(.98)}.chat-item.active{border-color:var(--ink);box-shadow:var(--hard-sm);background:#fffce8}.chat-item .title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chat-item .meta{color:var(--text-muted);margin-top:6px;font-size:11px;font-weight:500}.chat-actions-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:9px;right:8px}@media (hover:none){.chat-actions-btn{opacity:1}}.chat-item:hover .chat-actions-btn,.chat-item.active .chat-actions-btn,.chat-item.menu-open .chat-actions-btn{opacity:1}.chat-actions-btn:hover{color:var(--text);background:var(--surface);border-color:var(--ink);box-shadow:var(--hard-sm);transform:translate(-1px,-1px)}.chat-menu{background:var(--surface);border:2px solid var(--ink);min-width:128px;box-shadow:var(--hard);z-index:35;border-radius:9px;padding:6px;display:none;position:absolute;top:39px;right:7px}.chat-item.menu-open .chat-menu{flex-direction:column;gap:4px;display:flex}.chat-menu button{width:100%;color:var(--text);font-family:var(--font-display);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;font-size:12px;font-weight:800;display:flex}.chat-menu button:hover{background:var(--accent-soft);color:var(--red)}.message{flex-direction:column;gap:6px;width:100%;max-width:760px;margin:12px auto;font-size:15px;line-height:1.6;display:flex}.message-header{font-family:var(--font-display);color:var(--text-dim);align-items:center;gap:8px;margin-bottom:2px;padding-left:4px;font-size:12px;font-weight:800;display:flex}.message-avatar{background:var(--surface-muted);border:2px solid var(--ink);width:24px;height:24px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:flex}.message.user .message-avatar{background:var(--warm);border-color:var(--ink);color:var(--ink)}.message.assistant .message-avatar{border-color:var(--ink);color:var(--sage);background:#eef8f1}.message-body{background:var(--surface);border:2px solid var(--ink);box-shadow:var(--hard-sm);border-radius:12px;padding:16px 20px}.message.user .message-body{border:2px solid var(--ink);background:#fffce8}.message.system{color:var(--red);background:#ef44440f;border:1px solid #ef444426;border-radius:12px;width:100%;max-width:760px;margin:12px auto;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.code-block-wrapper{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin:14px 0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.code-block-header{color:var(--code-text);-webkit-user-select:none;user-select:none;background:#ffffff0f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.code-block-info{align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;display:flex}.code-toggle-btn{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.code-toggle-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--code-text)}.code-block-wrapper.collapsed pre{display:none}.code-block-wrapper pre{font-family:Fira Code,Menlo,monospace;font-size:13px;animation:.25s cubic-bezier(.4,0,.2,1) forwards codeFadeIn;position:relative;overflow-x:auto;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:16px!important}@keyframes codeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.message code{background:var(--surface-strong);border-radius:4px;padding:3px 6px;font-family:Fira Code,Menlo,monospace;font-size:13px}.message pre code{background:0 0!important;padding:0!important}.copy-code-btn{color:var(--text-dim);cursor:pointer;opacity:0;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex;position:absolute;top:10px;right:10px}.message pre:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{color:var(--code-text);background:#ffffff29;border-color:#ffffff47}.message a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.message a:hover{border-color:var(--accent)}.message h1,.message h2,.message h3{color:var(--text);letter-spacing:-.01em;margin:24px 0 12px;font-weight:600}.message h1{font-size:24px}.message h2{font-size:20px}.message h3{font-size:16px}.message table{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;width:100%;margin:16px 0;overflow:hidden}.message th,.message td{border:1px solid var(--border);text-align:left;padding:10px 14px;font-size:14px}.message th{background:var(--surface-muted);color:var(--text);font-weight:500}.message ul,.message ol{margin:12px 0;padding-left:24px}.message li{margin:6px 0}.turn-indicator{color:var(--text-muted);width:100%;max-width:760px;margin:0 auto;padding:4px 0;font-family:ui-monospace,Menlo,monospace;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes progressCorePulse{0%,to{box-shadow:0 0 0 3px var(--accent-soft), 0 0 18px #e06c472e;transform:scale(.82)}50%{transform:scale(1.12);box-shadow:0 0 0 6px #e06c4714,0 0 28px #e06c4752}}@keyframes progressOrbit{0%{transform:rotate(0)translate(12px)rotate(0)}to{transform:rotate(360deg)translate(12px)rotate(-360deg)}}.progress{color:var(--accent);width:fit-content;max-width:min(760px,100%);box-shadow:none;background:0 0;border:0;align-items:center;gap:10px;margin:0 auto;padding:2px 0;font-size:13px;font-weight:750;display:inline-flex;position:relative}.progress-orb{z-index:1;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:relative}.progress-orb:before,.progress-orb:after{content:"";border:2px solid #0000;border-radius:50%;position:absolute}.progress-orb:before{border-top-color:var(--accent);border-right-color:var(--sage);animation:1s linear infinite spin;inset:1px}.progress-orb:after{border-left-color:var(--warm);border-bottom-color:var(--accent);animation:1.6s linear infinite spinReverse;inset:6px}.progress-core{background:var(--accent);border:1.5px solid var(--ink);z-index:2;border-radius:50%;width:7px;height:7px;animation:1.35s ease-in-out infinite progressCorePulse}.progress-dot{background:var(--warm);border:1.3px solid var(--ink);z-index:3;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;animation:1.8s linear infinite progressOrbit;position:absolute;top:50%;left:50%}.progress-dot.dot-b{background:var(--sage);animation-delay:-.6s}.progress-dot.dot-c{background:#fff;animation-delay:-1.2s}.progress-text{z-index:1;overflow-wrap:anywhere;min-width:0;line-height:1.45;position:relative}@media (prefers-reduced-motion:reduce){.progress-orb:before,.progress-orb:after,.progress-core,.progress-dot{animation:none!important}}.cost-bar{width:100%;max-width:760px;color:var(--text-muted);gap:16px;margin:0 auto;padding:8px 0;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:flex}.message.published{border:2.5px solid var(--ink);box-shadow:var(--hard);background:#eef8f1;border-radius:14px;width:100%;max-width:760px;margin:16px auto;padding:18px 22px}.message.published .label{font-family:var(--font-display);color:var(--sage);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.message.published .label:before{content:"";background:var(--green);border:1.5px solid var(--ink);border-radius:50%;width:8px;height:8px}.message.published .body{color:var(--text);font-size:15px;font-weight:500}.empty-state{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.empty-state .empty-icon{background:var(--warm);border:2.5px solid var(--ink);width:60px;height:60px;color:var(--ink);box-shadow:var(--hard);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex;transform:rotate(-3deg)}.empty-state h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.5px;margin-bottom:4px;font-size:30px;font-weight:800}.empty-state p{color:var(--text-dim);text-align:center;max-width:480px;font-size:15px;font-weight:500;line-height:1.65}.home-state{justify-content:center;align-items:center;gap:24px;width:100%;max-width:760px;height:100%;min-height:100%;margin:0 auto}.home-state h2,.home-state h3{color:var(--text)}.home-state .empty-icon{border-width:3px;border-radius:24px;width:80px;height:80px;transform:rotate(-5deg)}.home-state h2{margin-bottom:8px;font-size:36px}.home-state .home-subhead{max-width:420px;margin:0 auto;font-size:16px;line-height:1.5}.example-prompts{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:640px;margin-top:28px;display:grid}.home-state .example-prompts{gap:12px;max-width:500px;margin-top:16px}@media (width<=640px){.example-prompts{grid-template-columns:1fr}}.example-prompt{background:var(--surface);border:2px solid var(--ink);color:var(--text-dim);cursor:pointer;text-align:left;box-shadow:var(--hard-sm);border-radius:12px;align-items:flex-start;gap:12px;padding:16px 18px;font-size:13.5px;font-weight:500;line-height:1.5;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.home-state .example-prompt{padding:12px}.example-prompt .ep-icon{background:var(--surface-muted);border:1.5px solid var(--ink);width:30px;height:30px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.example-prompt .ep-text{color:var(--text);font-size:13px;font-weight:600}.example-prompt:hover{color:var(--text);box-shadow:var(--hard-hover);background:#fffce8;transform:translate(-3px,-3px)}.example-prompt:active{box-shadow:var(--hard-sm);background:#fffce8;transform:scale(.97)}.example-prompt:hover .ep-icon,.example-prompt:active .ep-icon{background:var(--warm);color:var(--ink)}.silly-btn{background:var(--surface);border:2px solid var(--ink);color:var(--text);cursor:pointer;text-align:left;box-shadow:var(--hard-sm);max-width:500px;font-size:14px;font-weight:600;line-height:1.5;font-family:var(--font-ui);border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:16px 20px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.silly-btn:hover:not(:disabled){box-shadow:var(--hard-hover);background:#fffce8;transform:translate(-3px,-3px)}.silly-btn:active:not(:disabled){box-shadow:var(--hard-sm);transform:scale(.97)}.silly-btn:disabled{opacity:.6;cursor:wait}.silly-btn .spinner{border:2.5px solid var(--surface-muted);border-top-color:var(--ink);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.home-state .error-msg{color:var(--red);border:1.5px solid var(--red);background:#d65a470f;border-radius:8px;margin-top:16px;padding:8px 14px;font-size:13px}.mobile-nav-toggle,.sidebar .drawer-nav,.sidebar-overlay{display:none}@media (width<=768px){header{padding:9px 12px;padding-top:calc(9px + env(safe-area-inset-top));gap:8px}header .left{flex:1;gap:8px;min-width:0}header h1{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}header .logo-chip{border-radius:8px;flex:none;width:28px;height:28px}header .left .status{display:none}.mobile-nav-toggle{width:40px;height:40px;color:var(--text);box-shadow:none;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex;padding:0!important}.mobile-nav-toggle:hover{box-shadow:none;transform:none}header .actions{display:contents}header .actions>.btn,header .actions>.dropdown{display:none}header .actions>.btn-accent{white-space:nowrap;border-radius:10px;flex:none;min-height:40px;padding:8px 12px;font-size:13px;display:inline-flex}.sidebar-overlay{z-index:90;opacity:0;pointer-events:none;background:#1e1b186b;transition:opacity .22s;display:block;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{z-index:95;will-change:transform;border-right:2px solid var(--ink);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(86vw,340px);max-width:340px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transition:transform .26s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%);box-shadow:8px 0 #1e1b181f}.sidebar.open{transform:translate(0)}body.drawer-open{overflow:hidden}.sidebar .drawer-nav{border-bottom:2px solid var(--ink);flex-direction:column;gap:8px;padding:14px 14px 12px;display:flex}.sidebar .drawer-item{white-space:nowrap;text-overflow:ellipsis;border-radius:10px;justify-content:flex-start;width:100%;min-height:48px;padding:0 14px;font-size:14px;font-weight:700;overflow:hidden}.sidebar .drawer-item:hover{box-shadow:var(--hard-sm);transform:none}.sidebar .drawer-item:active{transform:translate(1px,1px)}.sidebar .drawer-cta{margin-bottom:2px}.sidebar .sidebar-header{padding:14px 16px 12px}.sidebar .chat-list{padding-bottom:8px}#chat{gap:18px;padding:18px 14px 20px}.message,.message.system,.message.published,.turn-indicator,.cost-bar,.progress,#input-container{max-width:100%}.message{gap:5px;margin:6px auto;font-size:14px}.message-header{gap:7px;padding-left:2px;font-size:11px}.message-avatar{border-width:1.5px;width:22px;height:22px}.message-body{box-shadow:2px 2px 0 var(--ink);border-radius:11px;padding:14px 15px}.message pre{max-width:100%;overflow-x:auto}.progress{align-items:flex-start;width:100%;margin:-2px auto 0;font-size:12.5px;line-height:1.45}.progress-orb{flex-basis:24px;width:24px;height:24px;margin-top:1px}.progress-dot{animation-duration:2s}.cost-bar{flex-wrap:wrap;gap:6px 12px}#stop-btn{border-radius:10px;min-width:54px;height:48px;padding:0 14px;font-size:13px}#stop-btn:hover{box-shadow:var(--hard);transform:none}#input-area{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}#input-container{align-items:flex-end;gap:8px}#prompt{border-radius:11px;min-height:50px;max-height:42dvh;padding:12px 14px;font-size:16px;line-height:1.45}#send-btn{border-radius:10px;min-width:54px;height:48px;padding:0 14px;font-size:13px}#send-btn:hover{box-shadow:var(--hard);transform:none}.empty-state{justify-content:flex-start;padding:26px 14px}.empty-state .empty-icon{width:52px;height:52px}.empty-state h2{font-size:25px}.home-state h2{font-size:28px}.empty-state p{font-size:14px}.home-state{gap:16px;padding:18px 0 28px}.example-prompts{gap:10px;margin-top:18px}.example-prompt{padding:13px 14px;font-size:13px}.example-prompt:active{box-shadow:var(--hard-sm);transform:scale(.98)}}@media (width<=420px){header{padding-inline:10px}header .actions>.btn-accent .cta-word{display:none}#input-area{padding-inline:10px}#prompt{padding-inline:11px}#send-btn{min-width:50px;padding-inline:12px}}.login-overlay{background:var(--bg);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-overlay:before{content:"";opacity:1;pointer-events:none;background-image:linear-gradient(#1e1b1806 1px,#0000 1px),linear-gradient(90deg,#1e1b1806 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-box{background:var(--surface);border:2.5px solid var(--ink);z-index:10;width:400px;max-width:90vw;box-shadow:8px 8px 0 var(--ink);border-radius:20px;padding:40px;position:relative}.login-box h2{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);text-align:center;margin-bottom:8px;font-size:26px;font-weight:900}.login-box p{color:var(--text-dim);text-align:center;margin-bottom:28px;font-size:14px;font-weight:500;line-height:1.55}.login-box label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.login-box input{background:var(--bg);border:2px solid var(--ink);width:100%;color:var(--text);border-radius:10px;outline:none;margin-bottom:20px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .15s}.login-box input:focus{background:var(--surface);box-shadow:var(--hard-sm)}.login-box .login-btn{font-family:var(--font-display);background:var(--accent);color:#fff;border:2.5px solid var(--ink);cursor:pointer;width:100%;box-shadow:var(--hard);border-radius:11px;margin-top:8px;padding:13px;font-size:15px;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1)}.login-box .login-btn:hover{background:var(--accent-hover);box-shadow:var(--hard-hover);transform:translate(-2px,-2px)}.login-box .login-btn:active{box-shadow:var(--hard-sm);transform:translate(2px,2px)}.login-box .login-btn:disabled{opacity:.6;cursor:default}.login-box .or{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:20px 0;font-size:12px;position:relative}.login-box .or:before,.login-box .or:after{content:"";background:var(--border);width:35%;height:1px;position:absolute;top:50%}.login-box .or:before{left:0}.login-box .or:after{right:0}.login-box .register-link{text-align:center;color:var(--text-dim);font-size:13px}.login-box .register-link a{color:var(--text);font-weight:500;text-decoration:none;transition:color .2s}.login-box .register-link a:hover{color:var(--accent)}.login-error{color:var(--red);background:#f871711a;border:1px solid #f8717133;border-radius:6px;margin-bottom:16px;padding:10px;font-size:13px;display:none}.login-error:not(:empty){display:block}.login-brand{flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.login-brand .logo{background:var(--warm);color:var(--ink);border:2.5px solid var(--ink);box-shadow:var(--hard-sm);border-radius:12px;margin-bottom:18px;padding:8px}.login-brand h2{margin:0}#resetNotice{color:var(--text-muted);margin:8px 0 12px;font-size:13px;line-height:1.5}.login-box .reset-confirm-note{color:var(--text-muted);text-align:left;margin:8px 0 12px;font-size:13px;line-height:1.5}.login-box .forgot-row{text-align:center;margin-top:16px;margin-bottom:0}.login-box .forgot-row a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .2s}.login-box .forgot-row a:hover{color:var(--text)}@media (width<=768px){.login-box{padding:24px}.login-box input{font-size:16px}}body.has-preview .main{border-right:1px solid var(--border);flex:0 0 45%;min-width:360px;max-width:600px;transition:flex-basis .3s cubic-bezier(.4,0,.2,1)}.preview-pane{background:var(--surface-muted);flex-direction:column;flex:1;min-width:0;display:none;overflow:hidden}body.has-preview .preview-pane{animation:.3s cubic-bezier(.4,0,.2,1) previewSlideIn;display:flex}@keyframes previewSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-toolbar{border-bottom:2px solid var(--ink);background:var(--bg-alt);flex-shrink:0;align-items:center;gap:12px;height:50px;padding:0 16px;display:flex}.preview-toolbar .preview-slug-link{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;text-decoration:none;transition:color .2s;overflow:hidden}.preview-toolbar .preview-slug-link:hover{color:var(--text)}.preview-toolbar .preview-action{background:var(--surface);border:2px solid var(--ink);color:var(--text-dim);cursor:pointer;width:32px;height:32px;box-shadow:var(--hard-sm);border-radius:8px;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.preview-toolbar .preview-action:hover{color:var(--text);background:var(--warm);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.preview-frame-wrap{background:var(--surface-muted);flex:1;position:relative;overflow:hidden}.preview-frame-wrap iframe{background:#fff;border:0;width:100%;height:100%;display:block}.preview-overlay{background:var(--bg-alt);color:var(--text-dim);font-family:var(--font-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:15px;font-weight:700;display:none;position:absolute;inset:0}.preview-overlay.active{display:flex}.preview-overlay .spinner{border:2px solid #1e1b181a;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}.preview-overlay a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.preview-overlay a:hover{color:var(--text)}.pane-tabs{border-bottom:2px solid var(--ink);background:var(--bg-alt);flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.pane-tabs .tab-btn{color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-display);background:0 0;border:2px solid #0000;border-radius:9px;flex:none;padding:6px 16px;transition:all .15s cubic-bezier(.16,1,.3,1);position:relative}.pane-tabs .tab-btn:hover{color:var(--text);background:var(--bg-hover)}.pane-tabs .tab-btn:active{transform:scale(.95)}.pane-tabs .tab-btn.active{color:var(--text);border-color:var(--ink);background:var(--surface);box-shadow:var(--hard-sm)}.pane-tabs .tab-btn.mobile-preview{display:none}.pane-tabs .tab-btn.has-activity:after{content:"";background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1.5s ease-in-out infinite tabPulse;position:absolute;top:6px;right:6px}@keyframes tabPulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}#terminalPane{background:#1b1714}#terminal-status{color:#b8a89c;background:#161310;border-bottom:1px solid #f5efe61a;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:600}#terminal-container{flex:1;padding:12px;position:relative;overflow:hidden}#terminal-container .xterm{height:100%}@media (width<=767px){body.has-preview .pane-tabs .tab-btn.mobile-preview{flex:1;display:inline-block}.pane-tabs .tab-btn{flex:1}body.has-preview .main{border-right:0;flex:1;min-width:0;max-width:none}body.has-preview .preview-pane,body.has-preview.preview-mode-preview .main{display:none}body.has-preview.preview-mode-preview .preview-pane{display:flex}}@media (width<=520px){.modal-overlay{-webkit-backdrop-filter:none;justify-content:stretch;align-items:stretch}.modal-box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;height:100dvh;display:flex;overflow-y:auto;width:100%!important;max-width:none!important;max-height:100dvh!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}.modal-box>h2,.modal-box>div:first-child{z-index:5;background:var(--surface);border-bottom:2px solid var(--ink);flex:none;position:sticky;top:0;padding:calc(14px + env(safe-area-inset-top)) 16px 14px!important;margin:0!important}.modal-box>h2{font-size:20px}.modal-box>h2~*,.modal-box>div:first-child~*{padding-left:16px;padding-right:16px}.modal-box>:last-child{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-box>div:first-child .btn{min-height:44px}.modal-box input,.modal-box select,.modal-box textarea{font-size:16px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%;min-height:46px}.modal-box .lib-tab{flex:none;min-height:40px;padding:8px 12px;font-size:13px}}.creation-limit-banner{border:2px solid var(--ink);box-shadow:var(--hard-sm);color:var(--text);background:#fdedea;border-radius:10px;margin:10px 16px 0;padding:9px 11px;font-size:12px;font-weight:750;line-height:1.45}.plans-modal{width:min(96vw,1080px);max-width:1080px;max-height:88vh;overflow-y:auto}.plans-topline{color:var(--text-dim);max-width:720px;margin:-4px 0 18px;font-size:13px;line-height:1.55}.plans-notice{border:2px solid var(--ink);box-shadow:var(--hard-sm);color:var(--text);background:#fffce8;border-radius:12px;margin-bottom:18px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.45}.plans-market-row{grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin:0 0 14px;display:grid}.market-card{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--hard-sm);border-radius:12px;min-height:112px;padding:12px;position:relative;overflow:hidden}.market-card:before{content:"";border-top:2px solid var(--ink);background:repeating-linear-gradient(90deg,#f3c64f 0 18px,#e06c47 18px 36px,#4d7c5b 36px 54px,#3c6e91 54px 72px);height:7px;position:absolute;bottom:0;left:0;right:0}.market-card.green{background:#eef8f1}.market-card.gold{background:#fffce8}.market-card.blue{background:#eef5fa}.market-kicker{font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:900}.market-value{font-family:var(--font-display);color:var(--text);margin-top:4px;font-size:24px;font-weight:900;line-height:1}.market-copy{color:var(--text-dim);margin-top:5px;font-size:12px;font-weight:650;line-height:1.35}.market-meter{border:2px solid var(--ink);background:#ffffffad;border-radius:999px;height:12px;margin-top:10px;overflow:hidden}.market-meter-fill{width:var(--pct,0%);background:var(--accent);border-right:2px solid var(--ink);height:100%}.market-meter-fill.green{background:var(--green)}.market-meter-fill.gold{background:var(--warm)}.market-meter-fill.blue{background:#3c6e91}.market-stack{gap:6px;margin-top:9px;display:grid}.market-stack-row{color:var(--text-dim);grid-template-columns:minmax(74px,1fr) minmax(0,1.5fr) auto;align-items:center;gap:8px;font-size:11px;font-weight:800;display:grid}.market-stack-row strong{color:var(--text);font-family:var(--font-display);font-size:12px}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.plan-card{background:var(--surface);border:2.5px solid var(--ink);box-shadow:var(--hard);border-radius:14px;flex-direction:column;gap:12px;min-height:390px;padding:18px;display:flex;position:relative;overflow:hidden}.plan-card:before{content:"";border-bottom:2px solid var(--ink);background:repeating-linear-gradient(90deg,#f3c64f 0 16px,#e06c47 16px 32px,#4d7c5b 32px 48px,#3c6e91 48px 64px);height:8px;position:absolute;top:0;left:0;right:0}.plan-card.current{background:#eef8f1}.plan-card.featured{background:#fff7ed;transform:rotate(-.6deg)}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:4px;display:flex}.plan-card .plan-badge{background:var(--warm);border:2px solid var(--ink);font-family:var(--font-display);color:var(--ink);box-shadow:var(--hard-sm);border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:11px;font-weight:900}.plan-card.current .plan-badge{background:var(--green);color:#fff}.plan-token{border:2px solid var(--ink);width:48px;height:48px;box-shadow:var(--hard-sm);font-family:var(--font-display);background:#eef5fa;border-radius:12px;flex:0 0 48px;place-items:center;font-size:19px;font-weight:900;display:grid;transform:rotate(2deg)}.plan-token.free{background:#eef8f1}.plan-token.paid{background:var(--warm)}.plan-token.enterprise{background:#ddeaf4}.plan-card h3{letter-spacing:-.2px;margin:0;font-size:22px}.plan-price{font-family:var(--font-display);letter-spacing:0;color:var(--text);font-size:32px;font-weight:900}.plan-price span{color:var(--text-dim);font-size:13px;font-weight:800}.plan-copy{color:var(--text-dim);min-height:40px;font-size:13px;line-height:1.5}.plan-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-metric{border:1.5px solid var(--ink);background:#ffffff94;border-radius:9px;min-height:58px;padding:8px}.plan-metric strong{font-family:var(--font-display);color:var(--text);font-size:16px;line-height:1.1;display:block}.plan-metric span{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:700;line-height:1.25;display:block}.plan-list{color:var(--text);flex-direction:column;gap:8px;margin:0;padding:0;font-size:12px;line-height:1.35;list-style:none;display:flex}.plan-list li{align-items:flex-start;gap:7px;display:flex}.plan-list li:before{content:"";border:1.5px solid var(--ink);background:var(--green);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:4px}.plan-capacity{border:1.5px solid var(--ink);background:#ffffff8a;border-radius:10px;flex-direction:column;gap:7px;padding:9px;display:flex}.plan-capacity-row{color:var(--text-dim);grid-template-columns:minmax(72px,1fr) minmax(0,1.4fr) auto;align-items:center;gap:7px;font-size:11px;font-weight:800;display:grid}.plan-capacity-row strong{font-family:var(--font-display);color:var(--text);font-size:12px}.mini-meter{border:1.5px solid var(--ink);background:var(--surface-muted);border-radius:999px;height:9px;overflow:hidden}.mini-meter-fill{width:var(--pct,0%);background:var(--accent);border-right:1.5px solid var(--ink);height:100%}.mini-meter-fill.green{background:var(--green)}.mini-meter-fill.gold{background:var(--warm)}.mini-meter-fill.blue{background:#3c6e91}.plan-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.plan-actions .btn{justify-content:center;width:100%;min-height:40px}.plan-actions .btn[disabled]{opacity:.72;cursor:default;box-shadow:var(--hard-sm);background:var(--surface-muted);transform:none}.plans-usage{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:var(--surface);border-radius:13px;margin-top:18px;padding:14px}.plans-usage h3{margin:0 0 10px;font-size:15px}.store-section{margin-top:18px}.store-section h3{margin:0 0 10px;font-size:15px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-card{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--hard-sm);border-radius:10px;flex-direction:column;gap:8px;min-height:204px;padding:12px;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";border-bottom:2px solid var(--ink);background:var(--warm);height:6px;position:absolute;top:0;left:0;right:0}.product-card.boost:before{background:var(--accent)}.product-card.keepalive:before{background:var(--green)}.product-card.bundle:before{background:#3c6e91}.product-head{align-items:center;gap:9px;padding-top:3px;display:flex}.product-icon{border:2px solid var(--ink);width:34px;height:34px;box-shadow:var(--hard-sm);font-family:var(--font-display);color:var(--ink);background:#fffce8;border-radius:10px;flex:0 0 34px;place-items:center;font-weight:900;display:grid}.product-card.boost .product-icon{background:#ffe5d9}.product-card.keepalive .product-icon{background:#eef8f1}.product-card.bundle .product-icon{background:#eef5fa}.product-card .product-type{font-size:10px;font-weight:900;font-family:var(--font-display);text-transform:uppercase;color:var(--text-muted);letter-spacing:.4px}.product-card h4{font-family:var(--font-display);margin:0;font-size:15px;line-height:1.2}.product-card p{color:var(--text-dim);margin:0;font-size:12px;line-height:1.45}.product-card .product-price{font-family:var(--font-display);font-size:20px;font-weight:900}.product-card .product-price span{color:var(--text-dim);font-size:12px;font-weight:800}.product-grants{flex-wrap:wrap;gap:6px;display:flex}.grant-chip{border:1.5px solid var(--ink);background:var(--bg);font-family:var(--font-display);color:var(--text);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.product-card .btn{justify-content:center;margin-top:auto}.offer-stack{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.offer-row{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:#fffce8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;position:relative;overflow:hidden}.offer-row:before{content:"";border-right:2px solid var(--ink);background:repeating-linear-gradient(#f3c64f 0 14px,#e06c47 14px 28px,#4d7c5b 28px 42px);width:8px;position:absolute;top:0;bottom:0;left:0}.offer-copy{align-items:flex-start;gap:10px;min-width:0;padding-left:6px;display:flex}.offer-icon{border:2px solid var(--ink);background:var(--surface);width:34px;height:34px;box-shadow:var(--hard-sm);font-family:var(--font-display);border-radius:10px;flex:0 0 34px;place-items:center;font-weight:900;display:grid}.offer-row strong{font-family:var(--font-display);font-size:14px;display:block}.offer-row span{color:var(--text-dim);margin-top:3px;font-size:12px;line-height:1.4;display:block}.creator-modal{width:min(94vw,1040px);max-width:1040px;max-height:86vh;overflow-y:auto}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.creator-card{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:var(--surface);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.creator-head{border-bottom:2px solid var(--ink);background:#f7f2ea;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;display:flex}.creator-title-wrap{align-items:flex-start;gap:10px;min-width:0;display:flex}.creator-badge{border:2px solid var(--ink);background:var(--warm);width:42px;height:42px;box-shadow:var(--hard-sm);font-family:var(--font-display);border-radius:12px;flex:0 0 42px;place-items:center;font-size:17px;font-weight:900;display:grid}.creator-card.boosted .creator-badge{background:#ffe5d9}.creator-card.live .creator-badge{background:#eef8f1}.creator-meta{min-width:0}.creator-card h3{margin:0;font-size:16px}.creator-slug{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-family:var(--font-display);overflow:hidden}.creator-state-row{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.state-chip{border:1.5px solid var(--ink);background:var(--surface);font-family:var(--font-display);color:var(--text);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.state-chip.live{background:#eef8f1}.state-chip.sleepy{background:#fffce8}.state-chip.boosted{background:#ffe5d9}.state-chip.supported{background:#eef5fa}.creator-body{flex-direction:column;gap:10px;padding:12px;display:flex}.creator-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.creator-stat{background:var(--bg);border:1.5px solid var(--ink);border-radius:9px;min-height:58px;padding:8px}.creator-stat strong{font-family:var(--font-display);font-size:15px;display:block}.creator-stat span{color:var(--text-muted);margin-top:4px;font-size:10px;font-weight:800;line-height:1.25;display:block}.creator-meter-block{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0}.creator-meter-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;display:flex}.creator-meter-head strong{font-family:var(--font-display);font-size:13px}.creator-meter-head span{color:var(--text-muted);font-size:11px;font-weight:800}.creator-meter{border:2px solid var(--ink);background:var(--surface-muted);border-radius:999px;height:13px;overflow:hidden}.creator-meter-fill{width:var(--pct,0%);background:var(--green);border-right:2px solid var(--ink);height:100%}.treasury-panel{flex-direction:column;gap:8px;display:flex}.treasury-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.treasury-head strong{font-family:var(--font-display);font-size:18px}.treasury-head span{color:var(--text-muted);font-size:11px;font-weight:800}.treasury-strip{border:2px solid var(--ink);background:var(--surface-muted);border-radius:999px;height:15px;display:flex;overflow:hidden}.treasury-seg{width:var(--pct,0%);border-right:2px solid var(--ink);min-width:4px}.treasury-seg:last-child{border-right:0}.treasury-seg.general{background:var(--warm)}.treasury-seg.uptime{background:var(--green)}.treasury-seg.boost{background:var(--accent)}.treasury-seg.tooling{background:#3c6e91}.treasury-seg.empty{background:repeating-linear-gradient(90deg,#f3efe8 0 10px,#fff 10px 20px);border-right:0;width:100%}.treasury-buckets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.treasury-bucket{background:var(--bg);border:1.5px solid var(--ink);border-radius:9px;min-height:52px;padding:7px}.treasury-bucket strong{font-family:var(--font-display);font-size:13px;display:block}.treasury-bucket span{color:var(--text-muted);text-transform:capitalize;margin-top:3px;font-size:10px;font-weight:800;line-height:1.2;display:block}.creator-score{grid-template-columns:72px minmax(0,1fr);align-items:end;gap:10px;display:grid}.score-total{border:1.5px solid var(--ink);background:#fffce8;border-radius:10px;min-height:74px;padding:8px}.score-total strong{font-family:var(--font-display);font-size:24px;line-height:1;display:block}.score-total span{color:var(--text-muted);margin-top:5px;font-size:10px;font-weight:800;line-height:1.2;display:block}.score-bars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:7px;min-height:74px;display:grid}.score-bar{flex-direction:column;justify-content:flex-end;gap:4px;min-width:0;display:flex}.score-track{border:1.5px solid var(--ink);background:var(--surface-muted);border-radius:8px;align-items:flex-end;height:48px;display:flex;overflow:hidden}.score-fill{width:100%;height:var(--pct,0%);background:var(--accent);border-top:1.5px solid var(--ink)}.score-fill.organic{background:var(--green)}.score-fill.supporter{background:var(--warm)}.score-fill.paid{background:var(--accent)}.score-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.creator-actions{flex-wrap:wrap;gap:8px;display:flex}.creator-actions .btn{justify-content:center}.discover-modal{width:min(96vw,1120px);max-width:1120px;max-height:88vh;overflow-y:auto}.discover-toolbar{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.discover-chip{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--hard-sm);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850;transition:all .15s}.discover-chip:active{box-shadow:1px 1px 0 var(--ink);transform:scale(.95)}.discover-chip.active{background:var(--warm)}.creation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.discovery-card{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--hard-sm);border-radius:12px;flex-direction:column;min-height:286px;display:flex;overflow:hidden}.discovery-card-head{border-bottom:2px solid var(--ink);background:linear-gradient(135deg,#fffce8,#eef8f1);justify-content:space-between;gap:10px;min-height:92px;padding:12px;display:flex}.discovery-card.style .discovery-card-head{background:linear-gradient(135deg,#ffe5d9,#eef5fa)}.discovery-card.utility .discovery-card-head{background:linear-gradient(135deg,#eef5fa,#fff)}.discovery-card.survival .discovery-card-head,.discovery-card.strategy .discovery-card-head{background:linear-gradient(135deg,#f7f2ea,#ffe5d9)}.discovery-title{font-family:var(--font-display);margin:0;font-size:17px;font-weight:900;line-height:1.08}.discovery-category{border:2px solid var(--ink);background:var(--surface);font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:10px;font-weight:900}.discovery-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.discovery-desc{color:var(--text-dim);min-height:50px;font-size:12px;line-height:1.45}.discovery-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.discovery-meta div{border:1.5px solid var(--ink);background:var(--bg);border-radius:9px;min-height:52px;padding:7px}.discovery-meta strong{font-family:var(--font-display);font-size:13px;display:block}.discovery-meta span{color:var(--text-muted);text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:850;display:block}.tag-row{flex-wrap:wrap;gap:5px;min-height:24px;display:flex}.tag-pill{border:1.5px solid var(--ink);background:var(--surface-muted);font-family:var(--font-display);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850}.discovery-creator{color:var(--text-muted);min-height:15px;font-size:11px;font-weight:800}.discovery-support{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.discovery-support div{border:1.5px solid var(--ink);background:#fffce8;border-radius:9px;min-height:50px;padding:7px}.discovery-support div:nth-child(2){background:#eef8f1}.discovery-support div:nth-child(3){background:#eef5fa}.discovery-support strong{font-family:var(--font-display);color:var(--text);font-size:13px;display:block}.discovery-support span{color:var(--text-muted);text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:850;line-height:1.2;display:block}.inline-link{appearance:none;color:var(--text);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline;text-decoration-thickness:1px}.inline-link:hover{color:var(--accent)}.discover-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.discover-intro-card{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:var(--surface);border-radius:11px;min-height:94px;padding:11px}.discover-intro-card:nth-child(2){background:#eef8f1}.discover-intro-card:nth-child(3){background:#fffce8}.discover-intro-card strong{font-family:var(--font-display);color:var(--text);font-size:14px;display:block}.discover-intro-card span{color:var(--text-dim);margin-top:4px;font-size:12px;font-weight:650;line-height:1.4;display:block}.discover-creators-panel{margin:0 0 14px}.discover-creator-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.mini-creator-card{border:1.5px solid var(--ink);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:10px;align-items:center;gap:8px;padding:9px;transition:all .15s;display:flex}.mini-creator-card:hover{box-shadow:var(--hard-sm);background:#fffce8;transform:translate(-1px,-1px)}.mini-creator-card:active{box-shadow:1px 1px 0 var(--ink);transform:scale(.97)}.mini-creator-card strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.mini-creator-card span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;display:block;overflow:hidden}.home-section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.home-section-head h3{font-family:var(--font-display);margin:0;font-size:18px}.home-section-head p{text-align:left;max-width:520px;color:var(--text-dim);margin:4px 0 0;font-size:12px;line-height:1.45}.home-discovery-card{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--hard-sm);border-radius:11px;flex-direction:column;min-height:220px;display:flex;overflow:hidden}.home-discovery-top{border-bottom:2px solid var(--ink);background:linear-gradient(135deg,#fffce8,#eef8f1);justify-content:space-between;gap:10px;min-height:72px;padding:11px;display:flex}.home-discovery-card.style .home-discovery-top{background:linear-gradient(135deg,#ffe5d9,#eef5fa)}.home-discovery-card.utility .home-discovery-top{background:linear-gradient(135deg,#eef5fa,#fff)}.home-discovery-card.strategy .home-discovery-top,.home-discovery-card.survival .home-discovery-top{background:linear-gradient(135deg,#f7f2ea,#ffe5d9)}.home-discovery-card h4{color:var(--text);font-family:var(--font-display);margin:0;font-size:15px;line-height:1.1}.home-discovery-body{flex-direction:column;flex:1;gap:8px;padding:11px;display:flex}.home-discovery-body p{text-align:left;max-width:none;color:var(--text-dim);min-height:50px;margin:0;font-size:12px;line-height:1.4}.home-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;font-weight:850;display:flex}.home-card-meta span{border:1.5px solid var(--ink);background:var(--bg);border-radius:999px;padding:3px 7px}.home-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.home-card-actions .btn{justify-content:center;min-height:34px}.home-status-line{color:var(--text-muted);min-height:18px;font-size:12px;font-weight:750}.public-creator-modal{width:min(94vw,980px);max-width:980px;max-height:88vh;overflow-y:auto}.public-creator-layout{grid-template-columns:.9fr 1.3fr;align-items:start;gap:14px;display:grid}.public-creator-panel{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:var(--surface);border-radius:12px;padding:14px}.public-creator-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.public-creator-head h3{margin:0;font-size:20px;line-height:1.1}.public-creator-bio{color:var(--text-dim);margin:10px 0;font-size:13px;line-height:1.5}.public-creator-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.public-creator-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.creator-avatar-chip{border:2px solid var(--ink);width:40px;height:40px;box-shadow:var(--hard-sm);font-family:var(--font-display);color:var(--ink);border-radius:12px;flex:0 0 40px;place-items:center;font-size:17px;font-weight:900;display:grid}.how-modal{width:min(94vw,980px);max-width:980px;max-height:88vh;overflow-y:auto}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.how-card{border:2px solid var(--ink);box-shadow:var(--hard-sm);background:var(--surface);border-radius:12px;min-height:170px;padding:14px}.how-card:nth-child(2){background:#eef8f1}.how-card:nth-child(3){background:#fffce8}.how-card:nth-child(4){background:#eef5fa}.how-step{border:2px solid var(--ink);width:34px;height:34px;box-shadow:var(--hard-sm);background:var(--warm);font-family:var(--font-display);border-radius:10px;place-items:center;margin-bottom:10px;font-weight:900;display:grid}.how-card h3{margin:0 0 6px;font-size:17px}.how-card p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.how-note{border:2px solid var(--ink);box-shadow:var(--hard-sm);color:var(--text-dim);background:#f7f2ea;border-radius:12px;margin-top:14px;padding:12px;font-size:13px;font-weight:650;line-height:1.5}.profile-modal{width:min(94vw,860px);max-width:860px;max-height:88vh;overflow-y:auto}.profile-grid{grid-template-columns:1fr .9fr;align-items:start;gap:14px;display:grid}.profile-panel{border:2px solid var(--ink);background:var(--surface);box-shadow:var(--hard-sm);border-radius:12px;padding:14px}.profile-score-row{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px;display:grid}.profile-score-ring{border:2px solid var(--ink);width:86px;height:86px;box-shadow:var(--hard-sm);background:var(--warm);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:24px;font-weight:900;display:grid}.profile-help{color:var(--text-dim);font-size:12px;font-weight:650;line-height:1.5}.profile-incentive-list{gap:8px;margin-top:10px;display:grid}.profile-incentive{border:1.5px solid var(--ink);background:var(--bg);border-radius:9px;padding:9px;font-size:12px;line-height:1.35}.profile-incentive strong{font-family:var(--font-display);font-size:13px;display:block}.profile-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.usage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.usage-cell{background:var(--bg);border:1.5px solid var(--ink);border-radius:9px;min-height:66px;padding:10px}.usage-cell strong{font-family:var(--font-display);color:var(--text);font-size:16px;display:block}.usage-cell span{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:700;line-height:1.25;display:block}.queued-message{justify-content:flex-end;margin:12px 24px;animation:.3s ease-out slideIn;display:flex}.queued-bubble{border:2px solid var(--ink);max-width:600px;box-shadow:var(--hard);background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border-radius:18px;padding:14px 18px;position:relative}.queued-header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.queued-badge{background:var(--warm);color:var(--ink);border:1.5px solid var(--ink);box-shadow:var(--hard-sm);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite badgeBounce}.queued-text{color:var(--text);word-wrap:break-word;flex:1;font-size:14px;line-height:1.5}.queued-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.steer-btn,.interrupt-btn,.dismiss-btn{border:2px solid var(--ink);cursor:pointer;box-shadow:var(--hard-sm);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.steer-btn{color:var(--ink);background:#e3f2fd}.steer-btn:hover{box-shadow:var(--hard);background:#bbdefb;transform:translate(-2px,-2px)}.steer-btn:active{box-shadow:var(--hard-sm);transform:translate(1px,1px)}.steer-btn .btn-icon{animation:2.5s ease-in-out infinite wobble}.interrupt-btn{color:var(--ink);background:#ffebee}.interrupt-btn:hover{box-shadow:var(--hard);background:#ffcdd2;transform:translate(-2px,-2px)}.interrupt-btn:active{box-shadow:var(--hard-sm);transform:translate(1px,1px)}.interrupt-btn .btn-icon{animation:1.8s ease-in-out infinite pulse}.dismiss-btn{background:var(--surface);color:var(--text-muted);margin-left:auto;padding:8px 12px;font-size:16px;font-weight:700}.dismiss-btn:hover{background:var(--bg-hover);color:var(--red);box-shadow:var(--hard);transform:translate(-1px,-1px)}.dismiss-btn:active{box-shadow:var(--hard-sm);transform:translate(1px,1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}#send-btn.queue-mode{background:var(--warm);color:var(--ink)}#send-btn.queue-mode:hover{background:#ffc107}@media (width<=768px){.plans-modal{width:94vw;max-height:90vh;padding:22px}.plans-market-row{grid-template-columns:1fr}.market-stack-row,.plan-capacity-row{grid-template-columns:minmax(70px,1fr) minmax(0,1.35fr) auto}.plans-grid,.products-grid,.creator-grid,.creation-grid,.discover-intro-grid,.discover-creator-strip,.public-creator-layout,.public-creator-apps,.how-grid,.profile-grid,.profile-form-row{grid-template-columns:1fr}.plan-card{min-height:0;transform:none!important}.treasury-buckets,.usage-grid{grid-template-columns:1fr 1fr}}