:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #eef3f6;--text: #14202b;--muted: #667180;--line: #dce3e9;--green: #149f73;--green-soft: #e6f7ef;--indigo: #4056b8;--blue: #2376c9;--amber: #d99216;--amber-soft: #fff5dc;--rose: #d84b63;--rose-soft: #fff0f3;--shadow: 0 18px 50px rgba(23, 39, 55, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffc2,#f4f6f8f0),radial-gradient(circle at 18% 0%,rgba(20,159,115,.18),transparent 34%),radial-gradient(circle at 78% 8%,rgba(64,86,184,.14),transparent 30%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:24px 18px;background:#111c28;color:#f8fafc}.brand{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#28c48f,#5a6bd6);font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-size:14px;line-height:1.25}.brand span{margin-top:4px;color:#aab7c4;font-size:12px}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#cbd5df;text-align:left}.nav-item:hover,.nav-item.active{background:#ffffff1a;color:#fff}.sidebar-note{display:grid;grid-template-columns:24px 1fr;gap:10px;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#d9e8f4}.sidebar-note p{margin:0;font-size:12px;line-height:1.45}.workspace{min-width:0;padding:26px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 auto 20px;max-width:1340px}.topbar h1,.topbar p,.hero-copy h2,.hero-copy p,.section-title h3,.studio-cover h2,.studio-cover p{margin:0}.topbar h1{font-size:28px;line-height:1.15}.topbar p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}.topbar-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:40px;border:1px solid transparent;font-weight:700;font-size:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{padding:0 16px;background:#14202b;color:#fff;box-shadow:0 10px 24px #14202b29}.primary-button:hover:not(:disabled),.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.ghost-button{padding:0 14px;border-color:var(--line);background:#ffffffd1;color:var(--text)}.ghost-button.compact{min-height:34px;padding:0 10px;font-size:13px}.icon-button{width:36px;height:36px;border-color:var(--line);background:#fff;color:var(--muted)}.full{width:100%}.upload-label{position:relative;overflow:hidden}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.main-grid,.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;max-width:1340px;margin:0 auto}.flow-panel,.studio-main,.inspector{min-width:0}.stepper{display:grid;grid-template-columns:repeat(5,minmax(116px,1fr));gap:8px;margin-bottom:14px}.step{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd;color:var(--muted);font-weight:700;font-size:13px}.step span,.step svg{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#e6ebf0}.step.active{border-color:#149f735c;background:var(--green-soft);color:#0b6e50}.step.done{color:var(--text)}.step.done svg{background:var(--green);color:#fff}.hero-tool{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(320px,1fr);gap:22px;align-items:center;padding:24px;border:1px solid rgba(220,227,233,.9);border-radius:8px;background:#ffffffdb;box-shadow:var(--shadow)}.hero-copy h2{max-width:560px;font-size:34px;line-height:1.05}.hero-copy p{max-width:550px;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.55}.hero-actions{margin-top:22px}.hero-tool img,.studio-cover img{display:block;width:100%;border-radius:8px;object-fit:cover}.hero-tool img{aspect-ratio:1.55;border:1px solid #dfe7ed}.upload-band{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;gap:14px;align-items:center;margin-top:16px;padding:14px;border:1px dashed rgba(35,118,201,.44);border-radius:8px;background:#e9f2ffd1}.upload-band strong,.upload-band span,.pack-row strong,.pack-row span,.asset-detail strong,.asset-detail span{display:block}.upload-band span{margin-top:3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-visual{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#fff;color:var(--blue)}.asset-board,.side-section,.studio-cover,.pack-row{border:1px solid rgba(220,227,233,.9);border-radius:8px;background:#ffffffdb}.asset-board{margin-top:16px;padding:18px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title h3{font-size:16px;line-height:1.25}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(132px,1fr));gap:12px;margin-top:14px}.sticker-grid.dense{grid-template-columns:repeat(6,minmax(108px,1fr))}.sticker-tile{display:grid;grid-template-rows:84px 20px 18px;gap:7px;justify-items:center;min-width:0;padding:12px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}.sticker-tile.selected{border-color:#149f739e;box-shadow:0 0 0 3px #149f731f}.sticker-tile span:not(.sticker-shape){max-width:100%;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sticker-tile small{font-size:16px}.sticker-shape{position:relative;display:block;width:78px;height:78px;border-radius:28% 42% 34% 44%;transform:rotate(-7deg)}.sticker-shape span{position:absolute;inset:19px 15px;border-radius:999px;background:#ffffffc2}.sticker-shape.mint,.pack-icon.green,.status-dot.green{background:#1eb98a}.sticker-shape.amber,.pack-icon.amber,.status-dot.amber{background:#f2b83a}.sticker-shape.indigo,.pack-icon.indigo,.status-dot.indigo{background:#5367d8}.sticker-shape.blue{background:#4aa3df}.sticker-shape.rose{background:#e85d75}.sticker-shape.green{background:#56c271}.inspector{display:grid;align-content:start;gap:12px}.side-section{padding:16px}.side-section.warning{border-color:#d992166b;background:var(--amber-soft)}.side-section.approved{border-color:#149f735c;background:var(--green-soft)}.score-ring{display:grid;place-items:center;width:118px;height:118px;margin:16px auto 10px;border-radius:50%;background:radial-gradient(circle,#ffffff 58%,transparent 60%),conic-gradient(var(--green) var(--score),#e4eaf0 0)}.score-ring span{font-size:24px;font-weight:850}.muted{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.check-row{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin-top:14px;color:var(--text);font-size:13px;line-height:1.45}.check-row input{width:18px;height:18px;accent-color:var(--green)}.validation-list{display:grid;gap:10px;margin-top:14px}.validation-row{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start}.validation-row strong,.validation-row span{display:block}.validation-row strong{font-size:13px}.validation-row span{margin-top:2px;color:var(--muted);font-size:12px}.state-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:999px}.state-icon.ok{background:var(--green-soft);color:var(--green)}.state-icon.warn{background:var(--amber-soft);color:var(--amber)}.state-icon.review{background:#eef0ff;color:var(--indigo)}.asset-detail{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;margin-top:14px}.asset-detail .sticker-shape{width:70px;height:70px}.asset-detail span,.pack-row span{color:var(--muted);font-size:12px}.field-stack{display:grid;gap:10px;margin-top:14px}.field-stack label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.field-stack input,.field-stack select{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 10px}.export-box{background:#f8fbfa}.studio-cover{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center;padding:18px}.studio-cover img{aspect-ratio:1;border:1px solid var(--line)}.studio-cover h2{font-size:30px;line-height:1.08}.studio-cover p{margin-top:10px;color:var(--muted);line-height:1.5}.pack-list{display:grid;gap:10px;margin-top:16px}.pack-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.pack-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff}.status-dot{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;color:#fff;padding:0 10px;font-size:12px;font-weight:800;white-space:nowrap}.policy-list{display:grid;gap:10px;padding:0;margin:14px 0 0;list-style:none}.policy-list li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;color:var(--muted);font-size:13px;line-height:1.4}@media(max-width:1180px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.brand{grid-template-columns:1fr}.brand div:not(.brand-mark),.nav-item span,.sidebar-note p{display:none}.sidebar{align-items:center}.nav-item{justify-content:center;width:48px;padding:0}.sidebar-note{grid-template-columns:1fr;padding:12px}.main-grid,.studio-layout{grid-template-columns:1fr}.inspector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;flex-direction:row;height:auto;padding:12px;overflow-x:auto}.brand{min-width:44px}.nav-list{grid-auto-flow:column;grid-auto-columns:48px}.sidebar-note{display:none}.workspace{padding:16px}.topbar,.hero-tool,.studio-cover{display:grid}.topbar-actions{width:100%}.topbar-actions .primary-button,.topbar-actions .ghost-button{flex:1}.hero-tool,.studio-cover{grid-template-columns:1fr}.hero-copy h2{font-size:28px}.stepper{grid-template-columns:1fr}.sticker-grid,.sticker-grid.dense,.inspector{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar h1{font-size:24px}.hero-copy h2,.studio-cover h2{font-size:25px}.hero-tool,.asset-board,.side-section,.studio-cover{padding:14px}.sticker-grid,.sticker-grid.dense,.inspector{grid-template-columns:1fr}.pack-row{grid-template-columns:44px minmax(0,1fr)}.status-dot{grid-column:2;justify-self:start}}