*{box-sizing:border-box}[hidden]{display:none!important}:root{--bg: #f7f8fc;--bg-image-a: #eef2ff;--bg-image-b: #fce7f3;--bg-image-base: #fafafa;--surface: #fff;--surface-2: #f4f6fb;--surface-3: #f1f3f9;--surface-elev: #fff;--scrim: rgba(17, 17, 17, .52);--preview-empty: #f5f5f7;--text: #1a1a1a;--text-muted: #6b7280;--text-faint: #9aa0a6;--text-on-accent: #fff;--text-on-danger: #fff;--border: #e5e7eb;--border-strong: #d1d5db;--border-faint: #ececf3;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1a4fb8;--accent-soft: #eef2ff;--accent-tint: #e8f0fe;--accent-ring: rgba(37, 99, 235, .18);--accent-shadow: rgba(37, 99, 235, .4);--danger: #dc2626;--danger-strong: #b91c1c;--danger-soft: #fee2e2;--danger-tint: #fef2f2;--success: #16a34a;--success-strong: #065f46;--success-soft: #d1fae5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .18);color-scheme:light}:root[data-theme=dark]{--bg: transparent;--bg-image-a: rgba(99, 102, 241, .2);--bg-image-b: rgba(168, 85, 247, .18);--bg-image-base: #0b0d12;--surface: #161922;--surface-2: #1e222e;--surface-3: #232838;--surface-elev: #1c2030;--scrim: rgba(0, 0, 0, .62);--preview-empty: #11141c;--text: #e5e7eb;--text-muted: #9aa0a6;--text-faint: #6b7280;--border: #2a2f3d;--border-strong: #3a4050;--border-faint: #20242f;--accent: #6366f1;--accent-hover: #818cf8;--accent-active: #a5b4fc;--accent-soft: rgba(99, 102, 241, .16);--accent-tint: rgba(99, 102, 241, .1);--accent-ring: rgba(129, 140, 248, .28);--accent-shadow: rgba(99, 102, 241, .4);--danger: #f87171;--danger-strong: #ef4444;--danger-soft: rgba(239, 68, 68, .18);--danger-tint: rgba(239, 68, 68, .08);--success: #4ade80;--success-strong: #86efac;--success-soft: rgba(74, 222, 128, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6);color-scheme:dark}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;vertical-align:middle}html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--surface);background:var(--bg);font-size:14px;line-height:1.5}body{height:100vh;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,var(--accent-soft) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--bg-image-b) 0%,transparent 50%),var(--bg-image-base);z-index:-1}#preview{position:fixed;top:var(--topbar-h, 52px);left:0;right:0;width:calc(100vw - var(--sidebar-w));height:calc(100vh - var(--topbar-h, 52px));border:none;background:var(--preview-empty);z-index:0}#preview-loader{position:fixed;top:var(--topbar-h, 52px);left:0;right:0;width:calc(100vw - var(--sidebar-w));height:calc(100vh - var(--topbar-h, 52px));z-index:1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;background:var(--preview-empty);display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center}body.agent-busy:not(.preview-real):not(.no-project-open):not(.editing) #preview-loader,body.preview-loading:not(.preview-real):not(.no-project-open):not(.editing) #preview-loader{opacity:1;visibility:visible}.preview-loader-skeleton{width:min(560px,72%);display:flex;flex-direction:column;gap:14px}.preview-loader-skeleton .sk{height:18px;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:preview-shimmer 1.4s ease infinite}.preview-loader-skeleton .sk.sk-title{height:32px;width:55%}.preview-loader-skeleton .sk.sk-wide{width:100%}.preview-loader-skeleton .sk.sk-med{width:80%}.preview-loader-skeleton .sk.sk-block{height:120px}.preview-loader-status{font-size:13px;color:var(--text-muted);letter-spacing:.01em}@keyframes preview-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.preview-loader-skeleton .sk{animation:none}}#editor{position:fixed;top:var(--topbar-h, 52px);left:0;right:0;width:calc(100vw - var(--sidebar-w));height:calc(100vh - var(--topbar-h, 52px));display:flex;flex-direction:column;background:var(--surface, #fff);z-index:1}#editor[hidden],body.editing #preview{display:none}.editor-toolbar{height:43px;flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:0 8px;border-bottom:1px solid var(--line);background:var(--surface-3)}.editor-toolbar #simple-save-btn{margin-left:auto;padding-left:12px}.editor-body{flex:1 1 auto;display:flex;min-height:0}body.editing #simple-pick-btn,body.editing #simple-fullscreen-btn,body.editing #simple-undo-btn,body.editing #simple-redo-btn{display:none!important}body.agent-busy.editing #simple-edit-btn{opacity:1;pointer-events:auto;filter:none}.editor-tree[hidden]{display:none}.editor-tree{width:220px;min-width:160px;flex:0 0 auto;overflow:auto;border-right:1px solid var(--border, #e3e3e3);background:var(--surface-2, #fafafa);font-size:13px;padding:6px 0}.editor-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.editor-pane{flex:1 1 auto;min-height:0;overflow:hidden}.editor-pane .cm-editor{height:100%}.ft-row{display:flex;align-items:center;gap:6px;height:26px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--text, #1a1a1a)}.ft-row:hover{background:var(--surface-3)}.ft-selected{background:var(--surface-2)}.ft-icon{font-size:16px;color:var(--text-muted, #777)}.ft-name{overflow:hidden;text-overflow:ellipsis}.ft-dirty{width:6px;height:6px;border-radius:50%;background:var(--accent, #3b82f6);margin-left:4px;flex:0 0 auto}.editor-textarea{width:100%;height:100%;border:0;resize:none;outline:none;padding:12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface, #fff);color:var(--text, #1a1a1a);white-space:pre;-moz-tab-size:2;tab-size:2}.editor-binary-notice{padding:16px;color:var(--text-muted, #777);font-size:14px;border-top:1px solid var(--border, #e3e3e3)}.editor-binary-notice[hidden]{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:4000}.modal{background:var(--surface);border-radius:8px;box-shadow:0 1px 3px #00000024;padding:22px 22px 18px;min-width:380px;max-width:90vw}.modal-message{font-size:14px;font-weight:500;margin-bottom:12px;color:var(--text)}.modal-input{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface)}.modal-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{padding:6px 14px;border-radius:6px;border:1px solid var(--border-strong);cursor:pointer;font-size:13px;font-family:inherit}.modal-cancel:hover{background:var(--surface-2)}.modal-ok{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.modal-ok:hover{background:var(--accent-active);border-color:var(--accent-active)}.modal-ok.modal-danger{background:var(--danger);border-color:var(--danger)}.modal-ok.modal-danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.ctx-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:transparent}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;background:transparent}.ctx-menu{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 1px 3px #0000001f;min-width:140px;padding:4px 0;font-size:13px}.ctx-menu-item{padding:6px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.ctx-menu-item:hover{background:var(--accent-tint);color:var(--accent-active)}.ctx-menu-item.disabled{color:var(--text-faint);cursor:not-allowed}.ctx-menu-item.disabled:hover{background:transparent;color:var(--text-faint)}.ctx-menu-item.danger{color:var(--danger)}.ctx-menu-item.danger:hover{background:var(--danger-tint);color:var(--danger-strong)}.ctx-menu-item .ctx-menu-check{font-size:16px;width:18px;margin-right:4px;vertical-align:-3px;color:var(--accent-active)}.ctx-menu-item.checked{font-weight:600}#boot-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,var(--accent-soft) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--bg-image-b) 0%,transparent 50%),var(--bg-image-base);transition:opacity .25s ease,visibility .25s ease}body:not(.loading) #boot-loader{opacity:0;visibility:hidden;pointer-events:none}.boot-spinner{width:36px;height:36px;border:3px solid rgba(37,99,235,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=dark] #boot-loader{background:radial-gradient(circle at 30% 20%,var(--bg-image-a) 0%,transparent 55%),radial-gradient(circle at 70% 80%,var(--bg-image-b) 0%,transparent 55%),var(--bg)}:root[data-theme=dark] .boot-spinner{border-color:#94a3ff2e;border-top-color:var(--accent-hover)}body.loading #topbar,body.loading #simple-bottom,body.loading #simple-hero,body.loading #simple-home-new-btn,body.loading #simple-menu-popover{visibility:hidden}#working-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:simple-fade .15s ease}.working-overlay-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 28px;background:#fffffff5;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000001a}.working-overlay-label{font-size:13px;color:#444;font-weight:500}:root[data-theme=dark] #working-overlay{background:#0b0d128c}:root[data-theme=dark] .working-overlay-card{background:#181b24f5;border-color:#ffffff14;box-shadow:var(--shadow-pop)}:root[data-theme=dark] .working-overlay-label{color:var(--text-muted)}#topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h, 52px);z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#ffffffe0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}body.no-project-open #topbar{display:none}#simple-topbar-left,#simple-topbar{display:flex;gap:8px;align-items:center}#simple-topbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center}#simple-undo-btn:disabled,#simple-redo-btn:disabled{opacity:.35;cursor:not-allowed}:root[data-theme=dark] #topbar{background:#14161cd1;border-bottom-color:#ffffff14}.simple-pill-btn,.simple-icon-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid rgba(0,0,0,.06);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:transform .15s,background .2s}.simple-icon-btn{padding:6px}.simple-pill-btn:hover,.simple-icon-btn:hover{background:var(--surface-2)}.simple-pill-btn .sm-leading{font-size:18px;color:#c79a3a}.simple-pill-btn .sm-caret{font-size:18px;color:var(--text-faint)}.simple-icon-btn .material-symbols-outlined{font-size:18px;color:var(--text-muted)}.simple-icon-btn.is-spinning .material-symbols-outlined{animation:spin .4s linear}.simple-icon-btn.is-active{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #2563eb4d}.simple-icon-btn.is-active .material-symbols-outlined{color:var(--text-on-accent)}.simple-icon-btn.is-active:hover{background:var(--accent-hover);box-shadow:0 6px 16px #2563eb66}body.picking-element #simple-bottom{opacity:.6;transition:opacity .15s}#simple-project-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);border:none;color:var(--text-on-accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;transition:transform .15s,box-shadow .2s}.simple-share-btn .material-symbols-outlined{font-size:16px}.simple-share-btn:hover{transform:translateY(-1px);box-shadow:0 1px 3px #2563eb66}.simple-share-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.simple-popover{position:fixed;top:60px;left:14px;z-index:250;min-width:280px;background:#fffffff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 1px 3px #0000001f;padding:8px;animation:simple-pop .15s ease-out}:root[data-theme=dark] .simple-popover{background:#161922f5;border-color:var(--border)}@keyframes simple-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.simple-popover-title{padding:6px 10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.simple-project-rows{max-height:260px;overflow-y:auto}.simple-project-row,.simple-menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.simple-project-row .material-symbols-outlined,.simple-menu-item .material-symbols-outlined{font-size:18px;color:var(--text-faint)}.simple-project-row:hover,.simple-menu-item:hover{background:var(--surface-3)}.simple-project-row.active{background:var(--accent-soft);color:var(--accent-active);font-weight:600}.simple-project-row.active .material-symbols-outlined{color:var(--accent-active)}.simple-project-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-project-row .published-ico{font-size:16px!important;color:var(--success)!important;flex-shrink:0}.simple-popover-divider{height:1px;background:var(--surface-2);margin:6px 4px}#simple-bottom{display:flex;flex-direction:column;gap:10px;align-items:center}body.sidebar-resizing iframe{pointer-events:none}body.sidebar-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.save-status{display:inline-flex;align-items:center;gap:4px;margin-left:4px;font-size:12px;padding:4px 8px;border-radius:6px;color:var(--text-faint);white-space:nowrap;transition:opacity .2s}.save-status:empty{display:none}.save-status .material-symbols-outlined{font-size:14px}.save-status[data-status=saving]{color:var(--text-faint)}.save-status[data-status=saving] .material-symbols-outlined{animation:spin .9s linear infinite}.save-status[data-status=saved]{color:var(--success-strong)}.save-status[data-status=failed]{color:var(--danger-strong);background:var(--danger-tint);border:1px solid rgba(220,38,38,.25)}.save-status[data-status=idle]{opacity:0;pointer-events:none}.simple-busy-pill{display:inline-flex;align-items:center;gap:3px;min-width:auto;padding:9px 14px;max-width:min(560px,calc(100vw - 64px));background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:999px;font-size:12px;color:var(--text-muted);font-weight:500;box-shadow:0 6px 18px #00000014;animation:simple-fade .25s ease}.simple-busy-text:empty{display:none}.simple-busy-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:5px}.simple-busy-text.flip{animation:busy-flip .9s cubic-bezier(.22,1,.36,1)}@keyframes busy-flip{0%{opacity:0;transform:translateY(6px);filter:blur(2px)}50%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.simple-busy-pill .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:busy-bounce 1.1s infinite ease-in-out}.simple-busy-pill .dot:nth-child(2){animation-delay:.15s}.simple-busy-pill .dot:nth-child(3){animation-delay:.3s}@keyframes busy-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes simple-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.simple-prompt{width:100%;display:flex;align-items:center;flex-direction:row;background:transparent;gap:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden;position:relative}.simple-prompt textarea{border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:14px;line-height:1.5;flex:1 1 auto;min-width:0;padding:0;margin:0;color:var(--text)}.simple-prompt textarea::placeholder{color:var(--text-faint)}body.agent-busy .simple-prompt textarea{overflow:hidden}.simple-prompt-actions{display:flex;align-items:center;flex-shrink:0}.simple-prompt-send{width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);color:var(--text-on-accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,opacity .2s}.simple-prompt-send:hover:not(:disabled){transform:translateY(-1px)}.simple-prompt-send:disabled{opacity:.35;cursor:not-allowed}.simple-prompt-send .material-symbols-outlined{font-size:18px}.simple-prompt-send.is-stop{background:linear-gradient(135deg,#ef4444 0%,var(--danger-strong) 100%)}.simple-prompt-send.is-cancelling{opacity:.6}body.no-project-open #simple-bottom .simple-prompt{width:480px;padding:10px;border-radius:12px;align-items:center;background:var(--surface);border:1px solid var(--border)}.simple-prompt-actions-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.simple-prompt-undo{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:var(--surface);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,opacity .15s}.simple-prompt-undo:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:#00000024}.simple-prompt-undo:disabled{opacity:.35;cursor:not-allowed}.simple-prompt-undo .material-symbols-outlined{font-size:18px}.simple-prompt.drag-over{border-color:#2563eb99}.simple-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px;max-width:min(720px,calc(100vw - 32px));background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 6px 18px #00000014;animation:simple-fade .18s ease}.simple-reply{display:flex;align-items:flex-start;gap:8px;padding:12px 12px 12px 16px;max-width:min(560px,calc(100vw - 48px));max-height:40vh;overflow-y:auto;background:#fffffff0;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:none;animation:simple-fade .22s ease}.simple-reply-text{font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;flex:1 1 auto;min-width:0}.simple-reply-close{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--text-faint);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.simple-reply-close:hover{background:#0000000f;color:var(--text-muted)}.simple-reply-close .material-symbols-outlined{font-size:18px}.simple-fix-error{display:flex;align-items:center;gap:8px;margin:0 auto 8px;padding:8px 12px;width:max-content;max-width:100%;background:var(--danger-tint);border:1px solid rgba(220,38,38,.25);border-radius:12px;font-size:13px;color:var(--danger-strong);box-shadow:0 1px 3px #0000001a}.simple-fix-error .material-symbols-outlined{font-size:18px;color:var(--danger)}.simple-fix-error-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.simple-fix-error-btn{border:0;background:var(--danger);color:var(--text-on-accent);border-radius:8px;padding:4px 10px;font-size:13px;cursor:pointer}.simple-fix-error-btn:hover{background:var(--danger-strong)}.simple-fix-error-x{border:0;background:transparent;cursor:pointer;color:var(--danger-strong);display:flex}.attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;max-width:220px}.attachment-thumb{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--surface)}.attachment-name{flex:1;font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attachment-remove{width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.attachment-remove:hover{background:var(--border);color:var(--text)}.attachment-remove .material-symbols-outlined{font-size:14px}.attachment-chip--element{background:var(--accent-soft);border-color:var(--accent-soft);padding:4px 6px 4px 8px}.attachment-chip--element .attachment-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--accent-active)}.attachment-element-ico{font-size:16px!important;color:var(--accent);flex-shrink:0}.attachment-chip--file{padding:4px 6px 4px 8px}.history-rows{flex:1;overflow-y:auto;padding:6px 12px 12px;display:flex;flex-direction:column;gap:2px}.history-row{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 0;border-radius:10px;background:transparent;border:1px solid transparent;transition:background .15s;width:100%}.history-row:hover{background:var(--bg)}.history-row.current{background:var(--accent-soft);border-color:var(--accent-soft)}.history-row-main{flex:1;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;border-radius:8px;min-width:0}.history-row-main:disabled{cursor:default}.history-row-delete{width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:background .15s,color .15s,opacity .15s}.history-row:hover .history-row-delete:not(:disabled){opacity:1}.history-row-delete:hover:not(:disabled){background:var(--danger-tint);color:var(--danger-strong)}.history-row-delete:disabled{opacity:0;pointer-events:none}.history-row-delete .material-symbols-outlined{font-size:16px}.history-footer{padding:12px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end}.history-clear-all{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;color:var(--danger-strong);cursor:pointer}.history-clear-all:hover{background:var(--danger-tint);border-color:#dc26264d}.history-clear-all:disabled{opacity:.4;pointer-events:none}.history-clear-all .material-symbols-outlined{font-size:16px}.history-row-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:92px}.history-row-label{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.history-row.current .history-row-label{color:var(--accent-active);font-weight:600}.history-row-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-active);background:var(--surface);border:1px solid var(--accent-soft);border-radius:999px;padding:2px 8px;flex-shrink:0}#simple-hero{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;z-index:150;overflow-y:auto;padding:70px 24px calc(220px + var(--kb-inset, 0px))}body.no-project-open #simple-hero{display:flex}body.no-project-open #simple-bottom{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom) + var(--kb-inset, 0px));transform:translate(-50%);z-index:999999}body.no-project-open #preview,body.no-project-open #simple-back-btn,body.no-project-open #simple-menu-btn,body.no-project-open #simple-pick-btn,body.no-project-open #simple-edit-btn,body.no-project-open #simple-reload-btn,body.no-project-open #simple-share-btn{display:none}.simple-home-new-btn{display:none;position:fixed;top:20px;right:24px;z-index:200;align-items:center;gap:8px;padding:10px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--text-on-accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s}body.no-project-open .simple-home-new-btn{display:inline-flex}.simple-home-new-btn:hover{transform:translateY(-1px);background-color:var(--accent-active)}.simple-home-new-btn .material-symbols-outlined{font-size:18px;color:var(--text-on-accent)}.simple-home-account-btn{display:none;position:fixed;top:20px;left:24px;z-index:200;padding:8px}body.no-project-open .simple-home-account-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center}body.agent-busy #simple-back-btn,body.agent-busy #simple-menu-btn,body.agent-busy #simple-history-btn,body.agent-busy #sidebar-new-chat,body.agent-busy #simple-pick-btn,body.agent-busy #simple-reload-btn,body.agent-busy #simple-share-btn,body.agent-busy #simple-edit-btn,body.agent-busy #simple-undo-btn,body.agent-busy #simple-redo-btn,body.agent-busy #simple-attach-btn,body.agent-busy #simple-prompt-history-btn{opacity:.4;pointer-events:none;filter:grayscale(.4)}body.drag-target:after{content:"Drop an image or file to attach";position:fixed;top:16px;right:16px;bottom:16px;left:16px;border:3px dashed rgba(37,99,235,.55);border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);z-index:9000;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:600;color:var(--accent-hover);letter-spacing:-.01em;pointer-events:none;animation:simple-fade .12s ease-out}body.drag-target.no-project-open:after{content:"Drop a .zip with an index.html to import as a project"}:root[data-theme=dark] body.drag-target:after{background:#111111d9;color:var(--accent-hover);border-color:#93c5fd80}.simple-hero-card{text-align:center;max-width:540px;flex-shrink:0}#simple-hero:not(:has(.simple-gallery:not([hidden]))) .simple-hero-card{margin:auto 0}.hero-logo{display:none}body.signed-out .hero-logo{display:block;width:76px;height:76px;border-radius:18px;margin:0 0 22px}body.signed-out .simple-home-new-btn,body.signed-out .simple-home-account-btn{display:none!important}.landing-signin-btn{display:none}body.signed-out .landing-signin-btn{display:inline-flex;align-items:center;position:fixed;top:20px;right:24px;z-index:200;padding:9px 20px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s,transform .15s,border-color .15s}body.signed-out .landing-signin-btn:hover{background:var(--surface-2);border-color:var(--accent);transform:translateY(-1px)}body.signed-out #simple-hero{padding:32px 24px}body.signed-out .simple-hero-card{display:flex;flex-direction:column;align-items:center;width:480px;max-width:900px}#hero-prompt-slot{width:100%}#hero-prompt-slot #simple-bottom{position:static;left:auto;bottom:auto;transform:none;width:100%;margin-top:28px;z-index:auto}#hero-prompt-slot #simple-bottom .simple-prompt{width:100%;max-width:none;align-items:center;min-height:66px;box-sizing:border-box;padding:16px 18px;border-radius:16px}.simple-hero-title{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 60%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.simple-hero-sub{font-size:15px;color:var(--text-muted);margin:0}.simple-gallery{width:100%;max-width:1040px;margin:48px 0 0;display:flex;flex-direction:column;gap:28px}.gallery-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.thumb-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:none;border-radius:12px;background:var(--surface-elev);cursor:pointer;font-family:inherit;text-align:left;transition:transform .18s cubic-bezier(.22,1,.36,1)}.thumb{position:relative;width:100%;border-radius:12px;aspect-ratio:1 / 1;background:var(--surface);overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1);container-type:inline-size}.thumb-card:hover .thumb{box-shadow:0 1px 3px #0000001a,0 0 0 2px var(--accent);transition:transform .5s cubic-bezier(.22,1,.36,1)}.thumb-iframe-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--surface)}.thumb-iframe{position:absolute;top:0;left:0;width:1280px;height:1280px;border:0;pointer-events:none;transform-origin:top left;transform:scale(tan(atan2(100cqw,1280px)))}.thumb-meta{display:flex;align-items:center;gap:6px;padding:0 4px}.thumb-name{flex:1;font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-published{font-size:16px!important;color:var(--text-on-accent);flex-shrink:0;position:absolute;top:0;right:0;background:#000;width:24px;height:24px;align-items:center;justify-content:center;display:flex;border-radius:0 12px 0 3px}.thumb-more{width:26px;height:26px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1;transition:opacity .15s,background .15s,color .15s}.thumb-more .material-symbols-outlined{font-size:18px}.thumb-more:hover{background:#0000000f;color:var(--text)}@media (hover: hover){.thumb-more{opacity:0}.thumb-card:hover .thumb-more,.thumb-card:focus-within .thumb-more{opacity:1}}.simple-project-thumb{position:relative;width:64px;height:40px;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:var(--surface);overflow:hidden;flex-shrink:0}.thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--thumb-hue, 220),30%,92%);color:hsl(var(--thumb-hue, 220),55%,28%);container-type:inline-size;font:600 clamp(1.5rem,40cqi,3.5rem)/1 system-ui,-apple-system,sans-serif;letter-spacing:.05em;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .thumb-placeholder{background:hsl(var(--thumb-hue, 220),30%,18%);color:hsl(var(--thumb-hue, 220),55%,78%)}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:simple-fade .2s ease}.share-modal{position:relative;background:var(--surface);border-radius:18px;padding:28px 28px 22px;width:min(440px,calc(100vw - 32px));box-shadow:0 1px 3px #00000024;text-align:center;animation:simple-pop .2s ease-out}.share-modal-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.share-modal-x:hover{background:var(--surface-3);color:var(--text)}.share-modal-x .material-symbols-outlined{font-size:20px}.share-modal-icon{margin-bottom:8px}.share-modal-icon .material-symbols-outlined{font-size:44px;color:var(--success);font-variation-settings:"FILL" 1}.share-modal-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:4px}.share-modal-sub{font-size:13px;color:var(--text-muted);margin-bottom:18px}.share-modal-url-row{display:flex;gap:6px;margin-bottom:18px}.share-modal-url{flex:1;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--accent);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;outline:none}.share-modal-subdomain-row{display:none;align-items:center;gap:8px;margin-bottom:12px}.share-modal-subdomain-row.visible{display:flex}.share-modal-subdomain-input{flex:1;min-width:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;outline:none}.share-modal-subdomain-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.share-subdomain-suffix{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text-muted);white-space:nowrap}.share-error{color:var(--danger);font-size:13px;margin:-6px 0 14px;text-align:left}.share-modal-icon-btn{width:38px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.share-modal-icon-btn .material-symbols-outlined{font-size:18px}.share-modal-icon-btn:hover{background:var(--surface-2);color:var(--accent-active);border-color:var(--accent-soft)}.share-modal-icon-btn.copied{background:var(--success-soft);color:var(--success-strong);border-color:var(--success-soft)}.share-modal-toggle-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--border-faint);border-radius:12px;text-align:left;margin-bottom:10px}.share-modal-toggle-label{flex:1;min-width:0}.share-modal-toggle-title{font-size:13px;font-weight:600;color:var(--text)}.share-modal-toggle-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.share-toggle-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;display:none;animation:spin .7s linear infinite}.share-modal-toggle-row.busy .share-toggle-spinner{display:inline-block}.share-modal-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font:inherit;font-size:13px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.share-modal-btn:hover{background:var(--surface-2)}.share-modal-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal-btn .material-symbols-outlined{font-size:18px;line-height:1}.share-modal-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.share-modal-btn--primary:hover{background:var(--accent-hover)}.share-modal-update{width:100%;justify-content:center;margin-bottom:18px}.share-modal-update.updated{background:var(--success-soft);border-color:var(--success-soft);color:var(--success-strong)}.toggle-switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:999px;transition:background .15s}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--surface);border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .15s}.toggle-switch input:checked+.toggle-track{background:var(--success)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-switch input:disabled+.toggle-track{opacity:.55;cursor:not-allowed}.toggle-switch:has(input:disabled){cursor:not-allowed}.toggle-spinner{display:none;position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid rgba(0,0,0,.18);border-top-color:#374151;animation:toggle-spin .8s linear infinite;pointer-events:none}.toggle-switch.is-loading .toggle-spinner{display:block}.toggle-switch.is-loading .toggle-thumb{opacity:0}.toggle-switch.is-loading .toggle-track{opacity:.75}@keyframes toggle-spin{to{transform:rotate(360deg)}}.app-tooltip{position:fixed;z-index:10000;max-width:280px;padding:8px 12px;background:#11111185;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);color:var(--text-on-accent);font-size:12.5px;font-weight:500;line-height:1.4;letter-spacing:-.005em;border-radius:10px;border:1px solid rgba(255,255,255,.06);box-shadow:0 1px 3px #0000002e;pointer-events:none;white-space:normal;opacity:0;transform:translateY(2px) scale(.97);transition:opacity .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.app-tooltip[data-placement=below]{transform:translateY(-2px) scale(.97)}.app-tooltip.visible{opacity:1;transform:translateY(0) scale(1)}.app-tooltip:after{content:"";position:absolute;left:var(--tt-arrow, 50%);width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent}.app-tooltip[data-placement=above]:after{bottom:-6px;border-top:5px solid rgba(17,17,17,.52)}.app-tooltip[data-placement=below]:after{top:-6px;border-bottom:5px solid rgba(17,17,17,.52)}:root[data-theme=dark] .app-tooltip{background:#f4f4f6f2;color:#1a1a1a;border-color:#0000000f}:root[data-theme=dark] .app-tooltip[data-placement=above]:after{border-top-color:#f4f4f6f2}:root[data-theme=dark] .app-tooltip[data-placement=below]:after{border-bottom-color:#f4f4f6f2}.manage-modal{background:var(--surface);border-radius:18px;width:min(520px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 64px));box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;animation:simple-pop .2s ease-out}.manage-modal-header{display:flex;align-items:center;gap:8px;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.manage-modal-title{flex:1;font-size:16px;font-weight:600;color:var(--text)}.manage-modal-x{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.manage-modal-x:hover{background:var(--surface-3);color:var(--text)}.manage-modal-x .material-symbols-outlined{font-size:20px}.manage-empty{padding:28px 12px;text-align:center;color:var(--text-faint);font-style:italic;font-size:13px}:root{--sidebar-w: 400px}#sidebar{position:fixed;top:var(--topbar-h, 52px);right:0;bottom:0;width:var(--sidebar-w);display:none;flex-direction:column;background:var(--surface);border-left:1px solid rgba(0,0,0,.08);z-index:50}.sidebar-resize{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent}.sidebar-resize:hover,body.sidebar-resizing .sidebar-resize{background:#2563eb33}body.sidebar-left #sidebar{left:0;right:auto;border-left:none;border-right:1px solid rgba(0,0,0,.08)}body.sidebar-left .sidebar-resize{left:auto;right:-3px}.sidebar-head{flex:0 0 auto;gap:10px;padding:8px 12px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid rgba(0,0,0,.06)}.sidebar-head-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:4px 7px;font:inherit;font-size:12px;color:var(--text);cursor:pointer}.sidebar-head-btn:hover{background:#0000000a}.sidebar-head-btn .material-symbols-outlined{font-size:18px}.sidebar-log{flex:1 1 auto;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:14px}.sidebar-log>.log-entry:first-child{margin-top:auto}#sidebar-prompt-slot{flex:0 0 auto;position:relative;border-top:1px solid rgba(0,0,0,.06);padding:16px 12px 20px;min-height:68px}#sidebar-prompt-slot #simple-busy{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);margin:0;z-index:5}#sidebar-prompt-slot #simple-busy{display:none}#sidebar-prompt-slot #simple-bottom{position:static!important;transform:none!important;width:100%!important;max-width:100%!important}.log-entry{display:flex;flex-direction:column;gap:4px}.log-entry-head{font-size:11px;color:var(--text-faint);letter-spacing:.02em}.log-entry-text{font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-wrap:break-word}.log-entry-restore{margin-top:4px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);background:transparent;border:1px solid rgba(37,99,235,.3);border-radius:8px;padding:4px 10px;cursor:pointer}.log-entry-restore:hover{background:#2563eb14}.log-entry-restore[disabled]{color:var(--text-faint);border-color:#0000001a;cursor:not-allowed}.log-entry-transient .log-entry-text{color:var(--text-faint);font-style:italic}.log-entry-tokens{color:var(--text-faint);font-variant-numeric:tabular-nums}@media (min-width: 900px){body:not(.no-project-open):not(.editor-floating) #sidebar{display:flex}body:not(.no-project-open):not(.editor-floating) #preview,body:not(.no-project-open):not(.editor-floating) #editor{right:var(--sidebar-w)}}@media (min-width: 900px){body.sidebar-left:not(.no-project-open):not(.editor-floating) #preview,body.sidebar-left:not(.no-project-open):not(.editor-floating) #editor{left:var(--sidebar-w);right:auto}}body:not(.editor-floating) #simple-sidebar-toggle,body.no-project-open #simple-sidebar-toggle{display:none}body.editor-floating:not(.no-project-open) #preview,body.editor-floating:not(.no-project-open) #editor{width:100vw}@media (min-width: 900px){body:not(.no-project-open):not(.editor-floating) #preview-loader{right:var(--sidebar-w)}body.sidebar-left:not(.no-project-open):not(.editor-floating) #preview-loader{left:var(--sidebar-w);right:auto}}body.editor-floating:not(.no-project-open) #preview-loader{width:100vw}body.editor-floating:not(.no-project-open) #simple-bottom{position:fixed;left:50%;bottom:calc(40px + var(--kb-inset, 0px));transform:translate(-50%);z-index:100}body.editor-floating:not(.no-project-open) #simple-bottom .simple-prompt{width:480px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px;border-radius:12px;background:var(--surface-2);box-shadow:0 4px 14px #00000014}#sidebar-credits{margin-right:auto}#sidebar-credits.low-balance{background:var(--danger-soft)}#sidebar-credits.no-credits{color:#fff;background:var(--danger)}.credits-popover{min-width:220px}.credits-amount{padding:4px 10px 0;font-size:26px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.credits-status{padding:2px 10px 8px;font-size:12px;color:var(--text-faint)}.credits-status.warn{color:var(--danger)}.credits-status.danger{color:var(--danger);font-weight:600}.credits-topup-btn{width:100%;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:6px}.credits-topup-btn .material-symbols-outlined{font-size:18px}.sidebar-settings-popover{min-width:240px}.settings-model-row{width:100%}.settings-model-row .material-symbols-outlined{width:18px;text-align:center;flex-shrink:0}.settings-model-list.is-busy{opacity:.55}.settings-model-row:disabled{cursor:default}.settings-model-row:disabled:hover{background:transparent}.settings-side-toggle{display:flex;gap:6px;padding:4px 6px 6px}.settings-side-btn{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-3);color:var(--text);font-family:inherit;font-size:13px;cursor:pointer}.settings-side-btn:hover{background:var(--surface-2)}.settings-side-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-active);font-weight:600}.credits-usage{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.credits-usage-title{padding:0 10px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.credits-usage-row{display:flex;justify-content:space-between;gap:16px;padding:3px 10px;font-size:12px;color:var(--text-muted)}.credits-usage-row span:last-child{font-variant-numeric:tabular-nums;color:var(--text)}.credits-usage-cost{margin-top:2px;font-weight:600}.credits-usage-cost .credits-usage-na{color:var(--text-muted);font-weight:500}.credits-usage-note{padding:2px 10px 0;font-size:11px;line-height:1.35;color:var(--text-faint)}#simple-sidebar-toggle{position:absolute;top:60px;right:15px}body.sidebar-left #simple-sidebar-toggle{right:auto;left:15px}@media (max-width: 899.98px){#preview,#editor,#preview-loader{width:100vw;height:calc(100vh - var(--topbar-h, 52px) - env(safe-area-inset-bottom) - 55px)}body:not(.no-project-open) #simple-bottom{position:fixed;left:50%;width:100%;bottom:calc(env(safe-area-inset-bottom) + var(--kb-inset, 0px));border-top:1px solid var(--border);transform:translate(-50%);z-index:100;padding:10px;background:var(--surface)}body.no-project-open #simple-bottom .simple-prompt,body:not(.no-project-open) #simple-bottom .simple-prompt{width:calc(100vw - 24px);max-width:480px;box-sizing:border-box}}.gallery-section-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:-12px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.project-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer;position:relative;background:var(--surface-elev)}.project-row:hover,.project-row:focus-visible{background:var(--surface-3);outline:none}.project-row .thumb{width:40px;flex:none;border-radius:8px}.project-row-name{flex:1;font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row .thumb-published{position:static;background:transparent;color:var(--text-muted);width:auto;height:auto;border-radius:0}@media (hover: hover){.project-row .thumb-more{opacity:.8}.project-row:hover .thumb-more,.project-row:focus-within .thumb-more{opacity:1}}@media (max-width: 700px){.project-list{grid-template-columns:1fr}}@media (max-width: 500px){body.signed-out .simple-hero-card{width:100%;max-width:100%}#simple-telegram-btn,#simple-fullscreen-btn{display:none}}.telegram-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--success, #16a34a);box-shadow:0 0 0 2px var(--surface, #fff)}#simple-telegram-btn{position:relative}.telegram-steps{text-align:left;margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.6;color:var(--text-muted, #6b7280)}.telegram-steps code{background:var(--surface-2, #f0f0f0);padding:1px 5px;border-radius:4px}.telegram-error{color:var(--danger, #dc2626);font-size:13px;margin:4px 0 10px;text-align:left}.telegram-state{font-size:14px;line-height:1.6;margin:6px 0 14px;text-align:left}.telegram-state b{font-weight:600}.ͼ2 .cm-gutters{background-color:var(--surface);border:0px solid var(--border)}.ͼ2 .cm-activeLine,.ͼ2 .cm-activeLineGutter{background-color:var(--surface-3)}