:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--surface:#fff;--surface-strong:#f9fbff;--surface-ink:#121826;--muted:#667085;--line:#dbe2ea;--accent:#0f7cff;--accent-deep:#075ad8;--accent-soft:#0f7cff1a;--success:#16805a;--danger:#d92d20;--shadow:0 10px 30px #0f172a14;--radius-xl:14px;--radius-lg:12px;--radius-md:10px;--font-sans:"Inter", "SF Pro Display", "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(180deg, #fff 0%, #f6f8fbe0 36%, var(--bg) 100%), radial-gradient(circle at 12% 0%, #0f7cff14, transparent 28%);min-height:100vh;color:var(--surface-ink);font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}code{font-family:SF Mono,IBM Plex Mono,Consolas,monospace}
.page-shell{width:min(1200px,100vw - 40px);margin:0 auto;padding:18px 0 56px}.site-header{justify-content:space-between;align-items:center;gap:18px;min-height:58px;margin-bottom:20px;padding:0 2px;display:flex}.brand-lockup{align-items:center;gap:12px;display:inline-flex}.brand-lockup strong,.site-header h1,.card h2,.hero-card h1{letter-spacing:0}.brand-lockup strong{font-size:1rem;line-height:1.1;display:block}.brand-lockup small{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.brand-mark{background:linear-gradient(135deg,#0f7cfff2,#16805af2),#0f7cff;border-radius:9px;width:30px;height:30px;box-shadow:0 8px 18px #0f7cff3d}.site-nav{border:1px solid var(--line);border-radius:var(--radius-md);background:#eef3f8;align-items:center;gap:4px;padding:4px;display:inline-flex}.site-nav a{min-height:34px;color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;font-size:.92rem;font-weight:650;display:inline-flex}.site-nav a:hover{color:var(--surface-ink);background:#fff;box-shadow:0 1px 2px #0f172a14}.page-main{display:block}.stack-xl,.stack-lg,.stack-md,.stack-sm{flex-direction:column;display:flex}.stack-xl,.stack-lg{gap:18px}.stack-md{gap:14px}.stack-sm{gap:10px}.hero-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-card{padding:26px}.card{padding:20px}.hero-copy,.status-message,.help-text,.card p{color:var(--muted);line-height:1.55}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem;font-weight:760}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-subtitle-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.compact-stack{gap:4px}.hero-card h1,.card h1,.card h2{margin:0}.hero-card h1{max-width:720px;font-size:clamp(2rem,4vw,4rem);line-height:1.02}.card h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.card h2{font-size:1.15rem;line-height:1.2}
.status-chip{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:760;display:inline-flex}.status-live{color:var(--success);background:#16805a1a;border-color:#16805a2e}.status-muted{color:var(--muted);background:#f1f5f9;border-color:#e2e8f0}.status-danger{color:var(--danger);background:#d92d201a;border-color:#d92d2033}.upload-grid,.result-grid,.form-grid{gap:20px;display:grid}.upload-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);align-items:stretch}.result-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dropzone{border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(#ffffffd6,#f8fbfff5),repeating-linear-gradient(135deg,#0000 0 14px,#0f7cff0a 14px 28px);border:1.5px dashed #9fb3c8;flex-direction:column;justify-content:center;gap:12px;min-height:310px;padding:30px;display:flex}.dropzone:hover{border-color:var(--accent);background:linear-gradient(#ffffffeb,#f2f8fffa),repeating-linear-gradient(135deg,#0000 0 14px,#0f7cff0d 14px 28px)}.dropzone-title{letter-spacing:0;font-size:clamp(1.65rem,2.2vw,2.35rem);font-weight:800}.dropzone-copy,.dropzone-file{color:var(--muted)}.progress-shell{background:#e7eef6;border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, #18a77a 100%);height:100%;transition:width .18s}.primary-button,.ghost-button,.text-link{align-items:center;gap:8px;font-weight:720;transition:transform .14s,opacity .14s,background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.primary-button:hover,.ghost-button:hover,.text-link:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button{cursor:pointer;color:#fff;background:var(--accent);border:0;border-radius:10px;justify-content:center;min-height:44px;padding:0 16px;box-shadow:0 8px 18px #0f7cff2e}.primary-button:hover{background:var(--accent-deep)}.ghost-button,.text-link{border:1px solid var(--line);cursor:pointer;min-height:36px;color:var(--surface-ink);background:#fff;border-radius:9px;justify-content:center;padding:0 12px}.ghost-button:hover,.text-link:hover{background:#f7faff;border-color:#b9c7d8}.text-input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--surface-ink);background:#fff;border-radius:9px;padding:0 14px}.text-input:focus{border-color:#0f7cff8c;outline:3px solid #0f7cff24}.preview-shell{border:1px solid var(--line);border-radius:var(--radius-lg);background:#f6f9fc;justify-content:center;align-items:center;min-height:280px;padding:16px;display:flex}.preview-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:320px;display:block;box-shadow:0 16px 30px #0f172a1f}.meta-list{gap:12px;margin:0;display:grid}.meta-list div{border-radius:var(--radius-md);background:#fbfdff;border:1px solid #e6edf5;padding:12px 14px}.meta-list dt{color:var(--muted);margin-bottom:6px}.meta-list dd{margin:0;font-weight:600}.copy-row,.recent-item,.env-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.copy-row{border-radius:var(--radius-md);background:#fbfdff;border:1px solid #e6edf5;padding:12px}.copy-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.copy-label{color:var(--muted);font-size:.84rem;font-weight:700}.copy-value{overflow-wrap:anywhere;white-space:pre-wrap;display:block}.empty-panel{text-align:center}.recent-list,.env-grid,.feature-list{margin:0;padding:0;list-style:none}.recent-list,.env-grid{gap:10px;display:grid}.recent-item,.env-item{border-radius:var(--radius-md);background:#fbfdff;border:1px solid #e6edf5;padding:12px 14px}.audit-item{align-items:flex-start}.recent-actions{flex-wrap:wrap;gap:10px;display:inline-flex}.env-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-dot{border-radius:999px;flex:none;width:9px;height:9px}.feature-list{gap:10px;display:grid}.feature-list li{border-radius:var(--radius-md);background:#fbfdff;border:1px solid #e6edf5;border-left:3px solid #0f7cff8c;padding:11px 12px}.field{flex-direction:column;gap:8px;display:flex}.field span{font-size:.92rem;font-weight:700}.checkbox-row{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.inline-actions{flex-wrap:wrap;gap:12px;display:inline-flex}.dashboard-hero{grid-template-columns:minmax(0,1.2fr) auto;align-items:end;gap:18px;display:grid}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-card{border-radius:var(--radius-md);background:#fbfdff;border:1px solid #e6edf5;padding:14px}.metric-card span{color:var(--muted);margin-bottom:5px;font-size:.78rem;font-weight:720;display:block}.metric-card strong{font-size:1.05rem}.quiet-panel{box-shadow:none}.config-panel{box-shadow:none;background:var(--surface-strong)}.danger-button{color:#fff;border-color:var(--danger);background:var(--danger)}.danger-button:hover{background:#b42318;border-color:#b42318}
.break-all{overflow-wrap:anywhere}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
@media (max-width:920px){.site-header,.card-header,.copy-row,.recent-item,.env-item{flex-direction:column;align-items:flex-start}.upload-grid,.result-grid,.env-grid,.form-grid,.dashboard-hero,.metric-strip{grid-template-columns:1fr}.card-subtitle-row,.recent-actions{flex-direction:column;align-items:flex-start;width:100%}}@media (max-width:640px){.page-shell{width:min(100vw - 20px,100%);padding-top:16px}.hero-card,.card{border-radius:12px;padding:16px}.site-nav{justify-content:center;width:100%}}