:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08141c;--panel:#ffffff0f;--panel-border:#ffffff24;--text:#fffaf0;--muted:#8fa0b5;--gold:#e5c86d;--orange:#f90;--teal:#0cb8a5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 0 10%,#743e1280,#0000 34rem),radial-gradient(circle at 98% 12%,#072b39e6,#0000 42rem),linear-gradient(90deg,#221405 0%,#111011 43%,#071723 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh;padding:18px 40px 40px}.hero{border-bottom:1px solid #ffffff29;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;min-height:250px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.42em;text-transform:uppercase;margin:0 0 2px;font-size:13px;font-weight:800}.hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(54px,7.4vw,82px);line-height:.88}.hero p{max-width:920px;color:var(--muted);margin:24px 0 0;font-size:14px;line-height:1.7}.nav-actions{align-items:center;gap:12px;display:flex}.button{border:1px solid var(--panel-border);min-height:46px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:800;display:inline-flex}.button.primary{border-color:var(--orange);background:var(--orange);color:#050505}.dashboard{padding:28px 0}.dashboard h2{letter-spacing:0;margin:0;font-size:28px}.dashboard p{color:var(--muted);margin:10px 0 0}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:24px;display:grid}.showcase-card{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:8px;overflow:hidden}.showcase-frame-wrap{background:#0000005c;height:210px;overflow:hidden}.showcase-frame{background:0 0;border:0;width:100%;height:100%}.showcase-card footer{min-height:104px;padding:14px}.showcase-card p{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.showcase-card h3{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.25}.showcase-card span{color:var(--muted);margin-top:10px;font-size:13px;display:block}.upload-tabs{margin-top:24px}.tab-radio{opacity:0;pointer-events:none;position:absolute}.tab-list{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:8px;gap:6px;width:fit-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.tab-button{min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.tab-button span{min-width:24px;min-height:24px;color:var(--text);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}#tab-landscape:checked~.tab-list label[for=tab-landscape],#tab-portrait:checked~.tab-list label[for=tab-portrait],#tab-square:checked~.tab-list label[for=tab-square]{background:var(--orange);color:#050505}#tab-landscape:checked~.tab-list label[for=tab-landscape] span,#tab-portrait:checked~.tab-list label[for=tab-portrait] span,#tab-square:checked~.tab-list label[for=tab-square] span{color:#050505;background:#0000002e}.tab-panel{padding-top:18px;display:none}#tab-landscape:checked~.tab-panel[data-tab=Landscape],#tab-portrait:checked~.tab-panel[data-tab=Portrait],#tab-square:checked~.tab-panel[data-tab=Square]{display:block}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.upload-card,.empty-state{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:8px}.upload-card{flex-direction:column;justify-content:space-between;gap:18px;min-height:152px;padding:16px;display:flex}.upload-card p{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.upload-card h3{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.25}.upload-card span{color:var(--muted);margin-top:10px;font-size:13px;display:block}.upload-card .button{width:fit-content;min-height:38px;padding:0 16px}.upload-card .button:disabled{opacity:.45;cursor:not-allowed}.empty-state{color:var(--muted);margin-top:24px;padding:18px}.modal-backdrop{z-index:50;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-modal{border:1px solid var(--panel-border);background:#07131b;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);height:min(780px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 30px 90px #0000008c}.preview-header{border-bottom:1px solid var(--panel-border);background:#ffffff0f;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 16px;display:flex}.preview-header p{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.preview-header h2{overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.2}.preview-frame{background:0 0;border:0;width:100%;height:100%}.auth-page{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-panel{border:1px solid var(--panel-border);background:#050f16bd;border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 24px 80px #00000059}.auth-panel h1{margin:8px 0 6px;font-size:38px;line-height:1}.auth-panel p{color:var(--muted);margin:0 0 24px;line-height:1.6}.field{gap:8px;margin:0 0 16px;display:grid}.field span{color:#d9e2ea;font-size:13px;font-weight:700}.field input{width:100%;min-height:46px;color:var(--text);background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;outline:none;padding:0 14px}.field input:focus{border-color:var(--gold)}.error{color:#ffd0d0;background:#ff3c3c1f;border:1px solid #ff5c5c73;border-radius:6px;margin:0 0 16px;padding:10px 12px;font-size:14px}.auth-footer{color:var(--muted);margin-top:18px;font-size:14px}.auth-footer a{color:var(--gold);font-weight:800}@media (max-width:760px){.shell{padding:18px 22px 30px}.hero{grid-template-columns:1fr;align-content:center;min-height:360px}.nav-actions{flex-wrap:wrap;align-self:start}.hero h1{font-size:clamp(48px,15vw,70px)}.modal-backdrop{padding:12px}.preview-modal{height:calc(100vh - 24px)}.preview-header{flex-direction:column;align-items:flex-start}}