:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171b21;--bg:#f6f7f8;--surface:#fff;--surface-muted:#eef2f4;--text:#171b21;--muted:#66717d;--line:#d9e0e5;--primary:#0f766e;--primary-dark:#115e59;--accent:#2563eb;--danger:#b42318;--shadow:0 18px 50px #19222c14;background:#f6f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg)}.app-shell{min-height:100vh}a{color:inherit}button,input{font:inherit}.site-header{border-bottom:1px solid var(--line);z-index:5;background:#ffffffeb;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:72px;padding:0 32px;display:grid;position:sticky;top:0}.brand{color:var(--text);letter-spacing:0;font-size:1.2rem;font-weight:800;text-decoration:none}.main-nav,.account-area,.action-row,.project-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.main-nav{justify-content:center}.account-area{justify-content:flex-end}.nav-link{color:var(--muted);border-radius:6px;padding:9px 11px;font-size:.94rem;font-weight:650;text-decoration:none}.nav-link.active,.nav-link:hover{background:var(--surface-muted);color:var(--text)}.content{width:100%;max-width:1120px;margin:0 auto;padding:48px 24px 72px}.home-hero{width:min(760px,100%);padding:72px 0 96px}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:.875rem;font-weight:700}h1{color:var(--text);letter-spacing:0;margin:0;font-size:3rem;line-height:1.04}h2{letter-spacing:0;margin:0;font-size:1.25rem;line-height:1.25}.value{color:#384350;max-width:620px;margin:28px 0 0;font-size:1.35rem;line-height:1.45}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:750;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.ghost{border-color:var(--line);color:var(--text);background:#fff}.button.ghost:hover{background:var(--surface-muted)}.button.disabled,.button:disabled{background:var(--surface-muted);border-color:var(--line);color:#87919c;cursor:not-allowed}.button.full{width:100%}.auth-panel,.empty-state,.result-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.auth-panel{max-width:460px;margin:32px auto;padding:32px}.form{gap:18px;margin-top:28px;display:grid}label{color:var(--text);gap:8px;font-size:.94rem;font-weight:700;display:grid}input{color:var(--text);background:#fff;border:1px solid #cbd5dc;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}input:focus{border-color:var(--accent);outline:3px solid #2563eb29}input[type=file]{padding:9px}.muted{color:var(--muted);margin:12px 0 0;line-height:1.55}.small{font-size:.9rem}.field-error{color:var(--danger);margin:0;font-weight:700}.form-error{color:var(--danger);background:#fff1f0;border:1px solid #f3b8b3;border-radius:8px;gap:4px;margin:0;padding:12px 14px;line-height:1.45;display:grid}.form-error strong{color:#7a271a}.form-status{color:#25603a;background:#eef8f1;border:1px solid #a9d8b6;border-radius:8px;margin:0;padding:12px 14px;font-weight:700;line-height:1.45}.field-error{font-size:.87rem}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.status-line{color:var(--muted)}.empty-state{justify-items:start;gap:14px;padding:32px;display:grid}.empty-state p{color:var(--muted);margin:0}.project-list{gap:14px;display:grid}.project-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.project-main{min-width:0}.project-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-badge{border-radius:999px;padding:6px 8px;font-size:.78rem;font-weight:800;line-height:1}.status-badge.online{color:#25603a;background:#e8f5ee}.status-badge.offline{color:#59636e;background:#f1f3f5}.project-main a,.result-panel a{color:var(--accent);overflow-wrap:anywhere;max-width:100%;margin-top:8px;display:inline-block}.user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.92rem;overflow:hidden}.publish-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.file-action{position:relative}.file-action input{opacity:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.publish-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;margin-top:0;padding:28px}.url-preview{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;gap:6px;padding:14px;display:grid}.url-preview span{color:var(--muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.url-preview strong{color:var(--text);overflow-wrap:anywhere}.result-panel{gap:14px;padding:24px;display:grid}@media (max-width:820px){.site-header,.project-item,.publish-layout{grid-template-columns:1fr}.site-header{align-items:start;padding:18px 20px}.main-nav,.account-area{justify-content:flex-start}.content{padding:32px 18px 56px}.home-hero{padding:40px 0 64px}h1{font-size:2.35rem}.value{font-size:1.1rem}.page-heading{flex-direction:column;align-items:start}.project-actions{justify-content:flex-start}}