:root{--bg:#07101c;--card:#0f1928;--card2:#121e2e;--line:#263449;--text:#edf4ff;--muted:#91a0b7;--accent:#34d399;--accent2:#22c55e;--danger:#fb7185}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#0d2430 0,transparent 28%),var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.topbar{height:56px;padding:0 max(16px,calc((100vw - 1500px)/2));display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#08111fcc;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{color:#b9c8dc;text-decoration:none;font-weight:700}.top-title{font-weight:800;flex:1}.privacy{font-size:12px;color:#7ee7c0;border:1px solid #1b5547;background:#0a2b27;padding:6px 10px;border-radius:999px}.wrap{max-width:1500px;margin:auto;padding:24px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.hero h1{font-size:34px;margin:0 0 5px}.hero p{margin:0;color:var(--muted)}.badge{border:1px solid #285847;color:#8ff0cc;background:#0b2a24;padding:8px 12px;border-radius:12px;font-weight:800}.tabs{display:flex;gap:8px;margin:18px 0}.tab,button,select,input{font:inherit}.tab,button{border:1px solid var(--line);background:#111d2c;color:var(--text);border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.tab.active,.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#052016}.view{display:none}.view.active{display:block}.drop{border:1px dashed #34715f;background:#0c1b26;padding:24px;border-radius:16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.drop span{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.preview-card,.panel{background:linear-gradient(180deg,var(--card),#0c1522);border:1px solid var(--line);border-radius:16px}.card-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.card-head span,.hint{color:var(--muted)}.canvas-wrap{min-height:600px;padding:24px;display:flex;align-items:center;justify-content:center;background-color:#09121f;background-image:linear-gradient(45deg,#0e1a2a 25%,transparent 25%),linear-gradient(-45deg,#0e1a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0e1a2a 75%),linear-gradient(-45deg,transparent 75%,#0e1a2a 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}canvas{max-width:100%;max-height:72vh;box-shadow:0 18px 50px #0008;background:white}.pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px}.controls{display:flex;flex-direction:column;gap:12px}.panel{padding:14px}.panel h2{font-size:15px;margin:0 0 10px}.grid2,.grid3{display:grid;gap:9px;margin-bottom:9px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:5px;color:#aebbd0;font-size:12px}input,select{width:100%;background:#08111d;border:1px solid #26364c;color:var(--text);padding:9px 10px;border-radius:9px;min-width:0}input[type=color]{height:38px;padding:3px}.check{flex-direction:row;align-items:center;font-size:13px}.check input{width:auto}.actions{display:flex;gap:8px}.full{width:100%}.danger{color:#fecdd3;border-color:#633142}.ghost{background:transparent}.image-list{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:7px;margin-bottom:9px}.img-row{display:grid;grid-template-columns:42px 1fr 64px 34px;gap:7px;align-items:center;background:#0a1421;border:1px solid #1e2c40;padding:6px;border-radius:9px}.img-row img{width:42px;height:42px;object-fit:cover;border-radius:6px}.img-row input{padding:6px}.img-row button{padding:6px}.poster-wrap{min-height:650px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel.big{padding:20px}.result{background:#07111d;border:1px solid #203047;border-radius:12px;padding:16px;font-size:16px;line-height:1.7}.result strong{color:#7ee7c0}footer{text-align:center;color:#6f7f96;padding:28px}@media(max-width:980px){.workspace{grid-template-columns:1fr}.controls{order:-1}.canvas-wrap{min-height:400px}.calc-grid{grid-template-columns:1fr}.privacy{display:none}}@media(max-width:600px){.wrap{padding:14px}.hero{align-items:flex-start}.badge{display:none}.tabs{overflow:auto}.grid3{grid-template-columns:1fr 1fr}.canvas-wrap{padding:10px;min-height:320px}.top-title{display:none}}
/* v2 Pro */
.nest-list{display:grid;gap:10px}.nest-row{display:grid;grid-template-columns:54px minmax(100px,1fr) 78px 78px 62px 34px;gap:7px;align-items:center;background:#0c1424;border:1px solid #253249;border-radius:10px;padding:7px}.nest-row img{width:50px;height:50px;object-fit:cover;border-radius:7px}.nest-row input{min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#0b1322;border:1px solid #26334a;border-radius:10px;padding:9px;text-align:center}.stat strong{display:block;font-size:18px}.toolbar-row{display:flex;gap:8px;flex-wrap:wrap}.color-row{display:flex;gap:10px;align-items:end}.warning{color:#fbbf24}.ok{color:#5eead4}.small-note{font-size:12px;color:#91a0b8}.guide-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#a8b4c8}.guide-legend i{display:inline-block;width:16px;border-top:2px solid;margin-right:4px}.nest-canvas-wrap{min-height:500px}.badge-pro{background:#5b21b6;color:#ede9fe;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}@media(max-width:760px){.nest-row{grid-template-columns:46px 1fr 65px 65px 54px 30px}.nest-row img{width:42px;height:42px}.stat-grid{grid-template-columns:1fr 1fr}}