:root{--graphite:#0b0d12;--bone:#f3efe7;--coral:#ff5a45;--white:#fff;--line:#d8d4cc;--muted:#797a80;--panel:#fff;--bg:#e8e5de}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--graphite);font-family:NotoKR,"Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}.topbar{height:76px;padding:0 32px;background:var(--graphite);color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:1px solid #252832}.brand{display:flex;align-items:center;gap:12px}.brand i{width:14px;height:14px;border-radius:50%;background:var(--coral)}.brand div{display:grid;gap:2px}.brand strong{font-size:18px}.brand span{font-size:9px;letter-spacing:.16em;color:#9a9da6}.top-note{font-size:10px;font-weight:800;letter-spacing:.18em;color:#9a9da6}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);align-items:start}.controls{height:calc(100vh - 76px);overflow:auto;position:sticky;top:76px;background:#fff;border-right:1px solid #d4d0c8;padding:34px 28px 70px}.eyebrow{margin:0 0 10px;color:var(--coral);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.controls h1{font-size:32px;line-height:1.14;letter-spacing:-.055em;margin:0 0 14px}.lead{margin:0 0 28px;color:#6d6e74;font-size:14px;line-height:1.65}.controls section{padding:21px 0 8px;border-top:1px solid #e2ded7}.controls h2{margin:0 0 15px;font-size:14px}.controls label{display:grid;gap:6px;margin:0 0 13px;color:#6f7076;font-size:11px;font-weight:800}.controls input,.controls textarea,.controls select{width:100%;border:1px solid #d5d1ca;border-radius:8px;background:#fff;padding:11px 12px;color:var(--graphite);font:750 14px NotoKR;outline:none}.controls textarea{resize:vertical;min-height:70px;line-height:1.35}.controls textarea.items{min-height:112px}.controls input:focus,.controls textarea:focus,.controls select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,90,69,.1)}.upload{border:1px dashed #bdb9b2;border-radius:8px;padding:10px 12px}.upload input{padding:6px;margin-top:5px;font-size:11px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.actions button{height:44px;border:1px solid #bdb9b2;border-radius:8px;background:#fff;font:850 12px NotoKR;cursor:pointer}.actions .primary{grid-column:1/-1;background:var(--graphite);color:#fff;border-color:var(--graphite);font-size:13px}.rules{display:grid;gap:6px;padding:15px;border-left:4px solid var(--coral);background:#f2eee7;font-size:11px}.rules strong{font-size:12px}.rules span{color:#65666b}.gallery-area{padding:30px 32px 90px;min-width:0}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px}.gallery-head div{display:grid;gap:4px}.gallery-head strong{font-size:22px}.gallery-head span{font-size:12px;color:#73747a}.gallery-head b{font-size:11px;background:var(--graphite);color:#fff;border-radius:999px;padding:8px 12px}.body-head{margin-top:42px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.design-card{background:#fff;border:1px solid #d5d1ca;padding:11px;border-radius:14px;box-shadow:0 12px 30px rgba(25,24,22,.07)}.design-card.recommended{border:2px solid var(--coral);box-shadow:0 14px 34px rgba(255,90,69,.15)}.card-meta{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 11px}.card-meta div{display:grid;gap:2px}.card-meta strong{font-size:12px}.card-meta span{font-size:10px;color:#7a7b80}.card-meta a{background:var(--graphite);color:#fff;text-decoration:none;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800}.canvas-wrap{line-height:0;background:#c9c6c0;overflow:hidden;border-radius:8px}.canvas-wrap canvas{display:block;width:100%;height:auto}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:var(--graphite);color:#fff;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:800;transition:.18s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.workspace{grid-template-columns:330px minmax(0,1fr)}.gallery{grid-template-columns:1fr}}@media(max-width:760px){.topbar{padding:0 16px}.top-note{display:none}.workspace{display:block}.controls{position:relative;top:0;height:auto;border-right:0}.gallery-area{padding:22px 14px 60px}.gallery{grid-template-columns:1fr}}
.field-note{color:#9a5a50;font-size:10px;font-weight:750}.mobile-check{display:grid;gap:12px;margin:20px 0;padding:14px;background:var(--graphite);border-radius:10px}.mobile-check div{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:11px}.mobile-check strong{font-size:12px}.mobile-check span{padding:5px 8px;border-radius:999px;background:#353943;color:#fff;font-weight:850}.mobile-check span.pass{background:#256b50}.mobile-check span.warn{background:var(--coral)}.mobile-check canvas{display:block;width:240px;height:240px;max-width:100%;margin:auto;background:#151821;border-radius:5px}