:root{--accent: #6d8bff;--accent-2: #ffb347;--accent-contrast: #12111a;--danger: #ff6b6b;--radius: 6px;--radius-sm: 4px;--radius-xs: 3px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--bg: #14131a;--panel: #1c1b22;--panel-2: #24232c;--border: #35333f;--text: #eceaf2;--muted: #9a97a8;--topbar-bg: rgba(20, 19, 26, .92)}[data-mode=dark]{--bg: #14131a;--panel: #1c1b22;--panel-2: #24232c;--border: #35333f;--text: #eceaf2;--muted: #9a97a8;--topbar-bg: rgba(20, 19, 26, .92);--shadow: 0 10px 30px rgba(0, 0, 0, .35)}[data-mode=light]{--bg: #f6f5f9;--panel: #ffffff;--panel-2: #efedf5;--border: #dcd9e6;--text: #1c1b22;--muted: #6b6878;--topbar-bg: rgba(246, 245, 249, .9);--shadow: 0 10px 30px rgba(40, 20, 80, .12)}[data-theme=blueberry]{--accent: #6d8bff;--accent-2: #ffb347;--accent-contrast: #12111a}[data-theme=bubblegum]{--accent: #ff6fb5;--accent-2: #7c5cff;--accent-contrast: #12111a}[data-theme=mint]{--accent: #34d399;--accent-2: #3b82f6;--accent-contrast: #12111a}[data-theme=peach]{--accent: #ff9f68;--accent-2: #ff6f91;--accent-contrast: #12111a}[data-theme=lavender]{--accent: #a78bfa;--accent-2: #f472b6;--accent-contrast: #12111a}[data-theme=sunset]{--accent: #ff7a59;--accent-2: #ffd166;--accent-contrast: #12111a}[data-theme=ocean]{--accent: #22d3ee;--accent-2: #3b82f6;--accent-contrast: #12111a}[data-theme=forest]{--accent: #4ade80;--accent-2: #facc15;--accent-contrast: #12111a}[data-theme=rose]{--accent: #f43f5e;--accent-2: #fb7185;--accent-contrast: #ffffff}[data-theme=mocha]{--accent: #c08457;--accent-2: #e0a458;--accent-contrast: #12111a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.muted{color:var(--muted)}.tiny{font-size:.8rem}.center-screen{display:grid;place-items:center;height:100%}.error{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:#ffb3b3;padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.9rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:.6rem .95rem;border-radius:var(--radius-sm);font-size:.92rem;cursor:pointer;transition:transform .05s ease,background .15s ease}.btn:hover{background:color-mix(in srgb,var(--text) 9%,var(--panel-2))}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn.primary:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent}.btn.danger{border-color:#ff6b6b80;color:#ffb3b3}.btn.small{padding:.35rem .6rem;font-size:.82rem}.input{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.95rem;font-family:inherit}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.textarea{resize:vertical;min-height:70px}.color-input{width:46px;height:42px;padding:2px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.login-wrap{min-height:100%;display:grid;place-items:center;padding:1.25rem}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.9rem}.brand{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0}.brand span{color:var(--accent-2)}.brand.small{font-size:1.05rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}.field input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.7rem .8rem;font-size:1rem}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs{display:flex;gap:.4rem}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:.45rem .9rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}.tab.active{background:var(--panel-2);color:var(--text);border-color:var(--border)}.userbox{margin-left:auto;display:flex;align-items:center;gap:.6rem}.content{flex:1;padding:1rem;max-width:1200px;width:100%;margin:0 auto}.uploader{border:1.5px dashed var(--border);border-radius:var(--radius);padding:1rem;background:var(--panel);margin-bottom:1rem}.uploader-row{display:flex;gap:.6rem;flex-wrap:wrap}.uploader-row .input{flex:1;min-width:180px}@media (min-width: 720px){.uploader{padding:2rem 1.25rem;min-height:9rem;display:flex;flex-direction:column;justify-content:center}}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.chip .count{opacity:.7;font-size:.75rem}.chip.label{background:color-mix(in srgb,var(--label-color) 16%,transparent);border-color:color-mix(in srgb,var(--label-color) 50%,transparent);color:color-mix(in srgb,var(--label-color) 80%,var(--text))}.chip.label.active{background:color-mix(in srgb,var(--label-color) 28%,transparent);border-color:color-mix(in srgb,var(--label-color) 82%,transparent);color:color-mix(in srgb,var(--label-color) 88%,var(--text));font-weight:600}.chip.tag{background:color-mix(in srgb,var(--label-color) 16%,transparent);border-color:color-mix(in srgb,var(--label-color) 50%,transparent);color:color-mix(in srgb,var(--label-color) 80%,var(--text));font-weight:600;cursor:default}.chip .x{background:color-mix(in srgb,var(--label-color) 35%,transparent);border:none;color:inherit;border-radius:var(--radius-xs);width:18px;height:18px;display:grid;place-items:center;padding:0;line-height:1;cursor:pointer;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.card{padding:0;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);overflow:hidden;cursor:pointer;text-align:left;color:var(--text);display:flex;flex-direction:column}.card:hover{border-color:var(--accent)}.card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#0c0b10}.card-body{padding:.55rem .65rem;display:flex;flex-direction:column;gap:.35rem}.card-title{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-labels{display:flex;flex-wrap:wrap;gap:.3rem}.mini-label{font-size:.7rem;background:color-mix(in srgb,var(--label-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--label-color) 50%,transparent);color:color-mix(in srgb,var(--label-color) 80%,var(--text));padding:.08rem .4rem;border-radius:var(--radius-xs);font-weight:600}.empty{padding:2rem 0;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;padding:1rem;z-index:50;overflow:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:720px;padding:1rem;box-shadow:var(--shadow);max-height:92vh;overflow:auto}.modal-head{display:flex;gap:.6rem;align-items:center;margin-bottom:.75rem}.name-input{flex:1;background:transparent;border:1px solid transparent;color:var(--text);font-size:1.15rem;font-weight:700;border-radius:var(--radius-sm);padding:.4rem .5rem}.name-input:hover,.name-input:focus{border-color:var(--border);background:var(--panel-2);outline:none}.modal-image{position:relative;background:#0c0b10;border-radius:var(--radius-sm);overflow:hidden;display:grid;place-items:center}.modal-image img{max-width:100%;max-height:52vh;object-fit:contain;display:block}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);font-size:1.4rem;line-height:1;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.modal-nav:hover:not(:disabled){background:var(--panel-2)}.modal-nav:disabled{opacity:.3;cursor:default}.modal-nav.prev{left:.6rem}.modal-nav.next{right:.6rem}.modal-section{margin-top:1rem;border-top:1px solid var(--border);padding-top:.85rem}.modal-section h3{margin:0 0 .5rem;font-size:.95rem}.add-label-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.add-label-row .input{flex:1;min-width:140px}.row-end{display:flex;justify-content:flex-end;margin-top:.6rem}.lineage{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.chain{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem}.chain-item{display:inline-flex;align-items:center;gap:.35rem}.chain-current{color:var(--accent-2);font-weight:600}.link{background:transparent;border:none;color:var(--accent);cursor:pointer;padding:.1rem .2rem;font-size:.85rem;text-decoration:underline;text-underline-offset:2px}.link:hover{color:var(--text)}.chain-children{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.prompt-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;margin-top:.6rem}.btn.mic.recording{background:var(--danger);border-color:var(--danger);color:#1a0b0b;font-weight:600}.modal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;border-top:1px solid var(--border);padding-top:.85rem}.label-create{display:flex;gap:.6rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.label-create .input{flex:1;min-width:160px}.label-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.label-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.label-cover{height:170px;display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer;background:color-mix(in srgb,var(--label-color, var(--panel-2)) 16%,var(--panel-2));border-bottom:1px solid color-mix(in srgb,var(--label-color, var(--border)) 45%,transparent)}.label-cover .tiny{color:color-mix(in srgb,var(--label-color) 80%,var(--text));font-weight:600}.label-cover-hint{position:absolute;left:.5rem;bottom:.5rem;background:#0000008c;color:#fff;font-size:.72rem;padding:.15rem .5rem;border-radius:var(--radius-sm);pointer-events:none}.label-cover img{width:100%;height:100%;object-fit:cover}.label-meta{padding:.7rem;display:flex;flex-direction:column;gap:.5rem}.label-meta .name-input{font-size:1rem;padding:.35rem .45rem}.label-sub{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.swatch{width:18px;height:18px;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--label-color, var(--border)) 55%,var(--border))}@media (max-width: 560px){.topbar{gap:.5rem}.brand.small{width:100%}.userbox{margin-left:0}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal{max-width:100%;max-height:100vh;border-radius:0}}.settings{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.save-toast{position:fixed;top:4.5rem;right:1.25rem;z-index:100;background:var(--accent);color:var(--accent-contrast);padding:.45rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;box-shadow:var(--shadow);pointer-events:none;animation:toast-pop 1.4s ease forwards}@keyframes toast-pop{0%{opacity:0;transform:translateY(-6px)}12%{opacity:1;transform:translateY(0)}72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.setting-group{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.setting-group h2{margin:0 0 .35rem;font-size:1.1rem}.subhead{margin:1rem 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.segmented{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem;gap:.2rem;margin-top:.5rem}.seg{border:none;background:transparent;color:var(--muted);padding:.45rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}.seg.active{background:var(--accent);color:var(--accent-contrast);font-weight:600}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem}.theme-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .4rem;background:var(--panel-2);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text)}.theme-card.active{border-color:var(--accent)}.theme-swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 3px #ffffff59}.theme-name{font-size:.78rem}.accordion{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.accordion-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;background:var(--panel-2);border:none;color:var(--text);cursor:pointer;font-size:.92rem}.chevron{font-size:1.1rem;color:var(--muted)}.accordion-body{padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.color-row{display:flex;align-items:center;gap:.7rem}.color-row span{width:90px;font-size:.9rem;color:var(--muted)}.color-row code{font-size:.85rem;color:var(--muted)}.card-owner{font-size:.72rem;opacity:.85}.byline{margin-top:.5rem;text-align:center}.modal-image{position:relative;cursor:zoom-in}.zoom-hint{position:absolute;right:.6rem;bottom:.6rem;background:#0000008c;color:#fff;font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius-sm);pointer-events:none}.share-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000f0;display:grid;place-items:center;cursor:zoom-out;padding:1rem}.lightbox img{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain}.lightbox-close{position:absolute;top:1rem;right:1rem;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:.4rem .9rem;cursor:pointer}.uploader.dragging{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.setup-wrap{min-height:100%;display:grid;place-items:center;padding:1.25rem}.setup-card{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.9rem}.setup-card h2{margin:.4rem 0 0;font-size:1.2rem}.admin{max-width:720px}.add-user-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}.add-user-row .input{flex:1;min-width:180px}.reveal{margin-top:.75rem;background:var(--panel-2);border:1px dashed var(--accent);border-radius:var(--radius-sm);padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.reveal-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.reveal-password{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;letter-spacing:.12em;color:var(--text);user-select:all;-webkit-user-select:all;word-break:break-all}.user-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.user-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.6rem .75rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.user-name{display:flex;align-items:center;gap:.5rem;font-weight:600}.user-actions{display:flex;gap:.5rem;flex-wrap:wrap}.badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--border);color:var(--muted);padding:.1rem .45rem;border-radius:var(--radius-sm)}.badge.you{background:var(--accent);color:var(--accent-contrast)}.edit-prompt{margin-top:.6rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem}.edit-prompt-text{margin-top:.2rem;font-style:italic}.toggle-row{display:flex;gap:.7rem;align-items:flex-start;margin-top:.5rem;cursor:pointer}.toggle-row input[type=checkbox]{width:20px;height:20px;margin-top:.15rem;accent-color:var(--accent)}.toggle-row strong{display:block}.reactions-bar{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.reaction-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .7rem;cursor:pointer;font-size:1rem;color:var(--text)}.reaction-btn.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.reaction-btn span{font-size:.8rem;color:var(--muted)}.emoji-add{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.6rem}.emoji-pick{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .5rem;cursor:pointer;font-size:1rem}.emoji-input{max-width:130px}.reaction-who{margin-top:.5rem;display:flex;flex-direction:column;gap:.15rem}.comment-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.comment{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .7rem}.comment-head{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.85rem}.comment-head .link{font-size:.78rem}.comment-body{margin-top:.25rem;white-space:pre-wrap}.comment-add{display:flex;gap:.5rem;margin-top:.6rem}.comment-add .input{flex:1}.bell{position:relative}.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:700;border-radius:var(--radius-sm);padding:0 .35rem;min-width:1.05rem;text-align:center;line-height:1.05rem}.notif-panel{position:absolute;top:calc(100% + .5rem);right:0;width:min(92vw,360px);max-height:60vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:40;padding:.5rem}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:.3rem .4rem .6rem;border-bottom:1px solid var(--border)}.notif-item{display:flex;gap:.5rem;align-items:flex-start;padding:.55rem .4rem;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;background:transparent;border-left:none;border-right:none;border-top:none;color:var(--text)}.notif-item.unread,.notif-item:hover{background:var(--panel-2)}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:.4rem;flex:0 0 auto}.notif-dot.read{background:transparent}.notif-text{font-size:.88rem}.notif-time{font-size:.72rem;color:var(--muted)}.edit-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}html,body{max-width:100%;overflow-x:hidden}@supports (overflow: clip){html,body{overflow-x:clip}}.topbar{max-width:100%}.topbar .tabs{min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar .tabs::-webkit-scrollbar{display:none}.topbar .userbox{min-width:0;flex-wrap:wrap;justify-content:flex-end}.notif-panel{position:fixed;top:3.7rem;right:1rem;left:auto}.app,.content{max-width:100%}.topbar .brand.small,.modal-head .name-input,.uploader-row .input,.add-label-row .input,.comment-add .input{min-width:0}.lightbox img{max-width:100%;max-height:100%}.notif-head-actions{display:flex;gap:.4rem;flex-wrap:wrap}.landing{min-height:100%;display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;flex-wrap:wrap}.landing-nav-actions{display:flex;gap:.6rem}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem;gap:1rem}.landing-hero h1{font-size:clamp(1.7rem,6vw,3rem);line-height:1.15;margin:0;letter-spacing:-.02em}.landing-sub{max-width:34rem;color:var(--muted);font-size:1.05rem;margin:0}.landing-price{font-size:1.1rem}.landing-price strong{color:var(--accent-2)}.landing-cta{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.btn.big{padding:.8rem 1.4rem;font-size:1rem}.landing-foot{text-align:center;padding:1.25rem}.landing-foot a{color:var(--accent);text-decoration:none;font-weight:600}.landing-by{margin-top:.35rem;letter-spacing:.02em}.landing-ibh{position:fixed;right:1rem;bottom:1rem;z-index:5;margin-top:0;max-width:min(90vw,360px);text-align:right;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .7rem;box-shadow:var(--shadow);color:var(--text)}@media (max-width: 560px){.landing-ibh{display:none}}:root{--maxw: 1200px}.content{max-width:var(--maxw)}.topbar{padding-inline:max(1rem,calc((100vw - var(--maxw)) / 2))}.org-settings-head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.org-settings-head h2{margin:0}@supports (color: color-mix(in srgb,red 10%,white)){[data-mode=light]{--bg: color-mix(in srgb, var(--accent) 7%, #ffffff);--panel: color-mix(in srgb, var(--accent) 3%, #ffffff);--panel-2: color-mix(in srgb, var(--accent) 11%, #ffffff);--border: color-mix(in srgb, var(--accent) 20%, #ffffff);--topbar-bg: color-mix(in srgb, var(--accent) 8%, rgba(255, 255, 255, .9))}}.usage-balance{display:flex;gap:1.5rem;margin:.6rem 0 .9rem;flex-wrap:wrap}.usage-stat{display:flex;flex-direction:column;gap:.15rem}.usage-stat strong{font-size:1.25rem}.usage-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.usage-row{display:grid;grid-template-columns:1.6fr 1.2fr .8fr .8fr;gap:.5rem;align-items:center;padding:.45rem .7rem;border-bottom:1px solid var(--border);font-size:.88rem}.usage-row:last-child{border-bottom:none}.usage-head{background:var(--panel-2);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.usage-cost{text-align:right}.usage-ok{color:var(--muted)}.usage-failed{color:var(--danger);font-weight:600}.usage-pager{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.8rem}@media (max-width: 560px){.usage-row{grid-template-columns:1fr 1fr}.usage-head{display:none}}.project-select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.88rem;max-width:200px}.projects-view{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.project-create{display:flex;gap:.6rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.project-create .input{flex:1;min-width:160px}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.project-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.project-card.current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.project-cover{height:170px;display:grid;place-items:center;background:var(--panel-2);overflow:hidden;cursor:pointer}.project-cover img{width:100%;height:100%;object-fit:cover}.project-meta{padding:.7rem;display:flex;flex-direction:column;gap:.5rem}.project-meta .name-input{font-size:1rem;padding:.35rem .45rem}.project-sub{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.picker-title{margin:0;font-size:1rem}.brand-btn{background:transparent;border:none;padding:0;font-family:inherit;cursor:pointer;text-align:left;color:var(--text)}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:.6rem}.compare-item{display:flex;flex-direction:column;gap:.4rem;padding:0;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;color:var(--text)}.compare-item:hover{border-color:var(--accent)}.compare-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#0c0b10}.compare-name{padding:0 .6rem .6rem;font-size:.85rem}@media (max-width: 560px){.compare-grid{grid-template-columns:1fr}}.img-ph{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;background:#0c0b10;color:var(--muted);font-size:.85rem}.img-ph.failed{color:var(--danger)}.gen-status{margin-top:.5rem;text-align:center;color:var(--accent);font-size:.9rem;font-weight:600}.billing-row{display:flex;gap:.7rem;align-items:flex-end;flex-wrap:wrap;margin:.6rem 0}.billing-amount{display:flex;flex-direction:column;gap:.25rem}.billing-amount .input{width:150px}.billing-save{margin-top:0;align-items:center;max-width:260px}.billing-pm{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.6rem .75rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.billing-notice{display:flex;align-items:flex-start;gap:.5rem;margin:.6rem 0;padding:.55rem .7rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;color:var(--muted)}.billing-notice .spinner{margin-top:.15rem;width:12px;height:12px;flex:0 0 auto;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hmd-spin .7s linear infinite}@keyframes hmd-spin{to{transform:rotate(360deg)}}.billing-timeout{margin:-.2rem 0 .6rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius-sm);font-size:.8rem}.legal{min-height:100%;display:flex;flex-direction:column}.legal-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.legal-nav .brand{text-decoration:none;color:var(--text)}.legal-body{flex:1;width:100%;max-width:760px;margin:0 auto;padding:2rem 1.25rem 3rem}.legal-body h1{margin:0;font-size:1.6rem;letter-spacing:-.02em}.legal-body h2{margin:1.6rem 0 0;font-size:1.05rem}.legal-body p{margin:.5rem 0 0;font-size:.92rem;line-height:1.6;color:var(--muted)}.legal-body ul{margin:.5rem 0 0;padding-left:1.25rem;font-size:.92rem;line-height:1.6;color:var(--muted)}.legal-body li{margin:.2rem 0}.legal-body strong{color:var(--text)}.legal-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal-links{display:flex;gap:1rem;justify-content:center;margin:.4rem 0}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--text);text-decoration:underline}.credits-toast{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:120;display:flex;align-items:center;gap:.75rem;width:min(32rem,calc(100vw - 2rem));padding:.7rem .75rem .7rem .9rem;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:credits-toast-in .22s ease}.credits-toast-icon{flex:0 0 auto;font-size:1.25rem;line-height:1}.credits-toast-body{display:flex;flex-direction:column;gap:.1rem;flex:1 1 auto;min-width:0}.credits-toast-body strong{font-size:.92rem}.credits-toast-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}@keyframes credits-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 520px){.credits-toast{flex-wrap:wrap;bottom:.75rem}.credits-toast-body{flex:1 1 10rem}.credits-toast-actions{width:100%}.credits-toast-actions .btn{flex:1}}[data-ibh-ui]{z-index:2147483000}