:root{--bg:#090f1c;--panel:#111827;--line:#293449;--text:#f8fafc;--muted:#94a3b8;--accent:#8b5cf6;--accent2:#22d3ee;--ok:#34d399}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#312e81 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1240px)/2));position:sticky;top:0;background:#090f1ce8;backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800;font-size:18px}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2))}.badge{font-size:10px;letter-spacing:.12em;color:#c4b5fd;border:1px solid #8b5cf666;border-radius:999px;padding:7px 10px}main{max-width:1240px;margin:auto;padding:36px 22px 70px}.hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:12px 0 34px}.eyebrow{color:#67e8f9;font-weight:800;font-size:12px;letter-spacing:.2em}.hero h1{font-size:clamp(39px,6vw,74px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;color:transparent}.hero p:not(.eyebrow){color:var(--muted);max-width:670px;line-height:1.8}.hero-stat{min-width:170px;padding:20px;border:1px solid #ffffff1c;border-radius:20px;background:#ffffff08}.hero-stat strong{font-size:31px;display:block}.hero-stat span{color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.panel{background:linear-gradient(180deg,#131c2d,#0e1625);border:1px solid #ffffff14;border-radius:24px;padding:22px;box-shadow:0 30px 80px #0005}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head>div{display:flex;align-items:center;gap:10px}.panel h2{font-size:18px;margin:0}.step{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#8b5cf622;color:#c4b5fd;font-weight:800}.ghost,.secondary,.primary{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:750;cursor:pointer}.ghost{background:transparent;color:#cbd5e1;border:1px solid var(--line)}.dropzone{height:390px;border:1.5px dashed #475569;border-radius:18px;display:grid;place-items:center;overflow:hidden;cursor:pointer;background:#0b1220;position:relative}.dropzone input{position:absolute;opacity:0;inset:0}.dropzone img{width:100%;height:100%;object-fit:contain}.dropzone #emptyState{text-align:center;display:grid;gap:9px}.dropzone #emptyState span{font-size:12px;color:var(--muted)}.camera{font-size:44px;color:#a78bfa}.fields{display:grid;gap:14px;margin:18px 0}.fields.two,.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;color:#cbd5e1;font-size:12px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b1220;color:#f8fafc;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#8b5cf6}.primary{background:linear-gradient(90deg,#7c3aed,#4f46e5);color:white;display:flex;justify-content:center;gap:12px;align-items:center}.primary:disabled{opacity:.45}.upload-panel>.primary{width:100%}.secondary{background:#172033;color:#e2e8f0;border:1px solid var(--line)}.status{color:var(--muted);font-size:11px}.result-empty{height:520px;display:grid;place-content:center;text-align:center;color:#64748b}.result-empty div{font-size:48px;color:#8b5cf6}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.price-grid>div{padding:15px;border-radius:14px;background:#0b1220;border:1px solid var(--line)}.price-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.price-grid strong{font-size:19px}.price-grid .recommended{background:linear-gradient(145deg,#312e81,#1e1b4b);border-color:#8b5cf6}.meta-grid{grid-template-columns:1fr 1fr 1fr}.panel h3{font-size:13px;margin:18px 0 10px}.samples{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sample{display:flex;justify-content:space-between;gap:12px;background:#0b1220;border:1px solid var(--line);border-radius:11px;padding:11px;font-size:11px}.sample span{color:var(--muted)}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.platforms label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:#0b1220;padding:11px;cursor:pointer}.platforms input{width:auto}.platforms small{display:block;color:var(--muted);font-size:9px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.publish-results{display:grid;gap:7px;margin-top:12px}.publish-result{border-left:3px solid var(--ok);background:#064e3b33;padding:10px;border-radius:8px;font-size:11px}.publish-result.draft{border-color:#f59e0b;background:#78350f33}dialog{border:1px solid var(--line);border-radius:18px;background:#111827;color:#fff;padding:22px;max-width:480px;width:calc(100% - 30px)}dialog::backdrop{background:#020617bb}.toast{position:fixed;right:20px;bottom:20px;background:#f8fafc;color:#0f172a;padding:13px 18px;border-radius:12px;font-weight:700;font-size:12px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.hero-stat{display:none}.dropzone{height:330px}}@media(max-width:600px){main{padding:22px 12px 50px}.topbar{padding:0 14px}.hero h1{font-size:43px}.fields.two,.meta-grid,.platforms{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.samples{grid-template-columns:1fr}.panel{padding:15px}.actions{flex-direction:column}.actions button{width:100%}}