@font-face{font-family:Lexend Deca;src:url(/fonts/LexendDeca-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{color:#fff;background:#000;font-family:Lexend Deca,ui-rounded,system-ui,sans-serif;font-synthesis:none;--purple: #9747ff;--purple-soft: #b879f4;--surface: #1f1f1f;--surface-2: #2b2b2b;--surface-3: #343434;--muted: rgba(255,255,255,.52);--line: rgba(255,255,255,.1);--danger: #ff5a5f;--orange: #ffb800}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.icon{width:21px;height:21px;flex:none}.muted{color:var(--muted)}.errorText{color:#ff8d91;font-size:13px}.eyebrow{margin:0 0 8px;color:var(--purple-soft);font-size:11px;font-weight:800;letter-spacing:.18em}.mark{position:relative;display:inline-flex;width:min-content;color:#f5f5f5;font-size:74px;font-weight:800;line-height:.85;letter-spacing:-.09em}.mark span{position:absolute;right:-28px;top:-18px;color:var(--purple);font-size:31px;letter-spacing:0}.markSmall{font-size:34px}.markSmall span{right:-15px;top:-10px;font-size:17px}.loginPage,.splash{min-height:100svh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.loginPage:before,.splash:before{content:"";position:fixed;width:700px;height:700px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(151,71,255,.19),rgba(151,71,255,.03) 45%,transparent 70%);pointer-events:none}.loginGlow{position:absolute;width:460px;aspect-ratio:1;border:1px solid rgba(151,71,255,.18);border-radius:50%;box-shadow:0 0 100px #9747ff1a,inset 0 0 100px #9747ff0f}.loginCard{z-index:1;width:min(100%,500px);text-align:center;display:flex;flex-direction:column;align-items:center}.loginCard .mark{margin-bottom:48px}.loginCard h1{max-width:480px;margin:0;font-size:clamp(35px,5vw,54px);line-height:.98;letter-spacing:-.055em}.loginCard>.muted{margin:20px auto 34px;max-width:390px;line-height:1.5}.loginCard code{display:block;margin-top:8px;word-break:break-all;color:#fff;font-size:12px}.primaryButton,.loginButton,.actionRow button{border:0;border-radius:17px;min-height:44px;padding:0 20px;background:var(--purple);font-weight:750;cursor:pointer;transition:transform .15s ease,filter .15s ease}.primaryButton:hover,.loginButton:hover,.actionRow button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primaryButton:active,.loginButton:active,.actionRow button:active{transform:scale(.97)}.primaryButton:disabled,button:disabled{opacity:.55;cursor:wait}.loginButton{width:min(100%,320px);min-height:58px;display:flex;gap:13px;align-items:center;justify-content:center;background:#fff;color:#000;font-size:16px}.googleMark{font-family:Arial,sans-serif;color:#4285f4;font-weight:800;font-size:20px}.splash{gap:30px;align-content:center;text-align:center;color:var(--muted)}.appShell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:radial-gradient(circle at 70% -20%,rgba(151,71,255,.08),transparent 37%),#000}.sidebar{position:sticky;top:0;height:100vh;padding:34px 18px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#000000c7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar .mark{margin:0 15px 55px}.sidebar nav{display:grid;gap:8px}.navItem{width:100%;border:0;padding:13px 15px;display:flex;align-items:center;gap:13px;border-radius:15px;background:transparent;color:var(--muted);font-weight:620;cursor:pointer;text-align:left}.navItem:hover{color:#fff;background:#ffffff0f}.navItem.active{color:#fff;background:var(--surface);box-shadow:inset 3px 0 0 var(--purple)}.navItem.active .icon{color:var(--purple-soft)}.logout{margin-top:auto}.mainColumn{min-width:0}.topbar{height:72px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.liveDot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#45d483;box-shadow:0 0 10px #45d483}.account{display:flex;align-items:center;gap:10px;color:#ffffffbf}.account img,.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--surface-3);display:grid;place-items:center}.page{width:min(100%,1450px);margin:0 auto;padding:52px clamp(26px,4vw,68px) 80px}.pageHeading{margin-bottom:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.pageHeading h1{margin:0;font-size:clamp(38px,4.4vw,62px);line-height:.95;letter-spacing:-.06em}.pageHeading>div>p:last-child{margin:15px 0 0;color:var(--muted)}.countPill{padding:10px 15px;border-radius:17px;background:var(--surface);color:var(--muted);font-size:12px;white-space:nowrap}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metricCard{min-height:172px;padding:23px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#ffffff0e,#ffffff04);display:flex;flex-direction:column;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.metricCard:hover{transform:translateY(-3px);border-color:#ffffff38}.metricCard>span{color:var(--muted);font-size:13px}.metricCard strong{margin:17px 0 auto;font-size:45px;letter-spacing:-.05em}.metricCard small{color:var(--muted);display:flex;justify-content:space-between}.metricCard small b{color:#fff;font-size:16px}.metricCard.purple{background:linear-gradient(145deg,#9747ff59,#9747ff14);border-color:#9747ff8c}.metricCard.orange strong{color:var(--orange)}.metricCard.red strong{color:var(--danger)}.welcomeCard{margin-top:18px;padding:25px 28px;min-height:125px;border-radius:17px;background:#fff;color:#000;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.welcomeCard:after{content:"✦";position:absolute;right:190px;top:-55px;color:#9747ff21;font-size:180px}.welcomeCard>*{position:relative;z-index:1}.welcomeCard h2{margin:0 0 5px;font-size:22px}.welcomeCard p{margin:0;color:#00000094}.spark{color:var(--purple);float:left;margin:2px 13px 30px 0;font-size:27px}.filterBar{margin-bottom:24px;display:flex;gap:10px;flex-wrap:wrap}.searchField{min-width:min(100%,360px);height:48px;padding:0 15px;flex:1;display:flex;align-items:center;gap:10px;border-radius:15px;background:var(--surface);color:var(--muted)}.searchField.wide{max-width:620px}.searchField input{flex:1;min-width:0;border:0;outline:0;color:#fff;background:transparent}.searchField input::placeholder{color:#ffffff61}.filterBar select{height:48px;min-width:150px;padding:0 36px 0 15px;border:1px solid var(--line);border-radius:15px;color:#fff;background:var(--surface);cursor:pointer;text-transform:capitalize}.designGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px;align-items:start}.designCard{padding:0;border:0;border-radius:17px;background:#fff;color:#000;overflow:hidden;text-align:left;cursor:pointer;transition:transform .19s cubic-bezier(.2,.9,.3,1.2),box-shadow .19s ease}.designCard:hover{transform:translateY(-5px);box-shadow:0 18px 45px #9747ff21}.designImageWrap{position:relative;aspect-ratio:1 / 1.08;background:#f1f1f1;overflow:hidden}.designImageWrap img,.designImageWrap>.imagePlaceholder{width:100%;height:100%;object-fit:cover}.imagePlaceholder{display:grid;place-items:center;min-height:120px;background:linear-gradient(145deg,#f7f7f7,#dedede);color:#00000038;font-size:32px}.featuredBadge,.privateBadge,.reportBadge{position:absolute;top:10px;padding:7px 10px;border-radius:13px;color:#fff;font-size:10px;font-weight:750;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featuredBadge{left:10px;background:#9747ffe6}.privateBadge{left:10px;background:#000000c2}.reportBadge{right:10px;background:#000000b8}.designCardBody{padding:15px}.designCardBody>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.designCardBody>span{display:block;margin:4px 0 14px;color:#818181;font-size:11px;text-transform:capitalize}.designCardBody>div{display:flex;align-items:center;justify-content:space-between}.designCardBody small{color:#999;font-size:9px}.status{display:inline-block;padding:5px 8px;border-radius:10px;color:#666;background:#eee;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.status-ready{color:#087341;background:#dff8eb}.status-failed{color:#ad272c;background:#ffe5e6}.status-generating,.status-pending{color:#6a2fad;background:#f0e3ff}.drawerBackdrop{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#000000ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .18s ease}.drawer{width:min(100%,620px);height:100%;padding:24px 28px 70px;overflow:auto;background:#111;border-left:1px solid var(--line);box-shadow:-20px 0 80px #00000080;animation:slide .22s ease}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(30px)}}.closeButton{position:sticky;z-index:3;top:0;margin-left:auto;margin-bottom:12px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#1e1e1ee0;cursor:pointer}.drawerArtwork{width:100%;aspect-ratio:1.28;border-radius:17px;object-fit:contain;background:#fff}.drawerTitle{padding:22px 3px;display:flex;justify-content:space-between;align-items:center;gap:15px}.drawerTitle h2,.userHero h2{margin:0;font-size:29px;letter-spacing:-.04em;overflow-wrap:anywhere}.drawerTitle .eyebrow{margin-bottom:6px;text-transform:uppercase}.actionRow{padding-bottom:25px;display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.actionRow button{min-height:42px;background:var(--surface-3);font-size:12px}.actionRow .primaryButton{background:var(--purple)}.actionRow .dangerButton{color:#ff9397;background:#ff5a5f1f}.drawerSection{padding:25px 2px;border-bottom:1px solid var(--line)}.drawerSection h3{margin:0 0 15px;font-size:15px}.promptText{margin:0;color:#ffffffc7;line-height:1.6}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px}.detailGrid div{min-width:0}.detailGrid dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.detailGrid dd{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;font-size:13px;text-transform:capitalize}.errorPanel{padding:12px;border-radius:12px;background:#ff5a5f1a;color:#ff9699;font-size:12px;line-height:1.5}.feedbackRow{padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.feedbackRow:first-of-type{border-top:0}.feedbackRow strong{display:block;color:var(--orange);text-transform:capitalize}.feedbackRow strong i{color:#505050;font-style:normal}.feedbackRow p{margin:7px 0;color:#fffc}.feedbackRow span{color:var(--muted);font-size:10px}.tableCard{border:1px solid var(--line);border-radius:17px;overflow:hidden}.tableHeader,.tableRow{display:grid;grid-template-columns:minmax(260px,2fr) 90px 90px minmax(155px,1fr);align-items:center;gap:14px}.tableHeader{padding:14px 19px;color:var(--muted);background:var(--surface);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tableRow{width:100%;padding:17px 19px;border:0;border-top:1px solid var(--line);background:#ffffff06;text-align:left;cursor:pointer}.tableRow:hover{background:#9747ff14}.tableRow>span:first-child{overflow:hidden}.tableRow b,.tableRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tableRow b{font-size:12px}.tableRow small{margin-top:5px;color:var(--muted);font-size:9px}.tableRow>span{font-size:12px}.inkValue{color:var(--purple-soft);font-size:13px}.userHero{display:flex;align-items:center;gap:17px;padding:12px 2px 28px}.largeAvatar{width:74px;height:74px;flex:none;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,var(--purple),#59219f);font-size:28px;font-weight:800}.userHero>div:last-child{min-width:0}.userHero h2{font-size:21px}.userHero span{display:block;margin-top:6px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.inkCard{padding:19px;border-radius:17px;background:var(--surface-2);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.inkCard>div:first-child span,.inkCard>div:first-child strong{display:block}.inkCard>div:first-child span{color:var(--muted);font-size:11px}.inkCard>div:first-child strong{margin-top:5px;color:var(--purple-soft);font-size:26px}.inkForm{display:flex;gap:8px}.inkForm input{width:78px;border:1px solid var(--line);border-radius:14px;color:#fff;background:#171717;padding:0 10px}.inkForm button{font-size:11px}.miniMetrics{margin:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.miniMetrics div{padding:14px 8px;border:1px solid var(--line);border-radius:14px;text-align:center}.miniMetrics strong,.miniMetrics span{display:block}.miniMetrics strong{font-size:20px}.miniMetrics span{margin-top:4px;color:var(--muted);font-size:9px}.miniDesigns{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.miniDesigns>div{min-width:0}.miniDesigns img,.miniDesigns .imagePlaceholder{width:100%;aspect-ratio:1;min-height:0;object-fit:cover;border-radius:12px}.miniDesigns span{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.ledger>div{padding:11px 0;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.07)}.ledger>div:first-child{border-top:0}.ledger strong{font-size:14px}.ledger .positive{color:#55dc91}.ledger .negative{color:#ff8589}.ledger span{color:#fffc;font-size:11px;text-transform:capitalize}.ledger small{color:var(--muted);font-size:9px}.notice{margin:0 0 20px;padding:14px 16px;border:1px solid rgba(255,90,95,.25);border-radius:14px;color:#ff9fa2;background:#ff5a5f14;font-size:12px}.loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:7px}.loading span{width:7px;height:7px;border-radius:50%;background:var(--purple);animation:bounce 1s infinite alternate}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-9px);opacity:.4}}.empty{padding:80px 20px;border:1px dashed var(--line);border-radius:17px;text-align:center}.empty>span{color:var(--purple);font-size:33px}.empty h2{margin:12px 0 5px}.empty p{margin:0;color:var(--muted)}.mobileNav{display:none}@media(max-width:900px){.appShell{grid-template-columns:78px 1fr}.sidebar{align-items:center;padding-inline:10px}.sidebar .mark{margin:0 0 55px;font-size:25px}.sidebar .mark span{right:-12px}.navItem{justify-content:center;padding-inline:0}.navItem span{display:none}.metricGrid{grid-template-columns:repeat(2,1fr)}.tableHeader,.tableRow{grid-template-columns:minmax(200px,2fr) 70px 70px}.tableHeader span:last-child,.tableRow>span:last-child{display:none}}@media(max-width:640px){.appShell{display:block;padding-bottom:72px}.sidebar{display:none}.topbar{height:58px;padding:0 18px}.account>span{display:none}.page{padding:36px 17px 60px}.pageHeading{align-items:flex-start;margin-bottom:27px}.pageHeading h1{font-size:42px}.pageHeading>div>p:last-child{font-size:13px}.metricGrid{grid-template-columns:1fr 1fr;gap:9px}.metricCard{min-height:145px;padding:17px}.metricCard strong{font-size:34px}.welcomeCard{align-items:flex-start;flex-direction:column}.designGrid{grid-template-columns:1fr 1fr;gap:11px}.designCardBody{padding:11px}.designCardBody>div small{display:none}.filterBar{display:grid;grid-template-columns:1fr 1fr}.searchField{grid-column:1 / -1;min-width:0}.filterBar select{min-width:0;width:100%}.drawer{padding:14px 17px 60px;border-left:0}.drawerArtwork{aspect-ratio:1}.inkCard{align-items:stretch;flex-direction:column}.inkForm input{flex:1}.miniMetrics{grid-template-columns:repeat(2,1fr)}.tableCard{overflow-x:auto}.tableHeader,.tableRow{min-width:500px}.mobileNav{position:fixed;z-index:10;left:12px;right:12px;bottom:10px;height:62px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#191919e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 35px #00000080}.mobileNav button{border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:var(--muted);font-size:9px}.mobileNav button.active{color:#fff}.mobileNav button.active .icon{color:var(--purple)}}
