:root{--bg:#e9eef3;--surface:#fff;--ink:#101828;--mute:#586274;--line:#cfd8e3;--accent:#1d4ed8;--on-accent:#fff;--guide:#1d4ed8;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg:#0e141c;--surface:#18212c;--ink:#e8edf3;--mute:#9aa6b6;--line:#2c3846;--accent:#6b9bff;--on-accent:#0b1220;--guide:#7aa7ff}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{max-width:960px;margin:0 auto;padding:24px 16px 48px}h1{font-size:26px;line-height:1.25;margin:0 0 6px;letter-spacing:-.01em}header p{margin:0 0 20px;color:var(--mute);max-width:60ch}.layout{display:grid;gap:20px;grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start}@media(max-width:760px){.layout{grid-template-columns:1fr}}.stage-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.stage{position:relative;width:100%;max-width:320px;margin:0 auto;touch-action:none;background:#fff;border-radius:4px;overflow:hidden;outline:1px solid var(--line)}canvas{display:block;width:100%;height:auto;cursor:grab}canvas:active{cursor:grabbing}#guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--guide);stroke-width:2;stroke-dasharray:7 6}.empty,.busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:14px}.empty{color:#586274;pointer-events:none}.busy{background:#ffffffe0;color:#101828;font-weight:600}[hidden]{display:none!important}.hint{font-size:13px;color:var(--mute);margin:10px 0 0;text-align:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:16px}.btns{display:flex;gap:8px}.btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;flex:1;padding:11px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center}.btn:hover{border-color:var(--accent)}.btn:focus-within,.btn:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.big{width:100%;padding:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:grid;gap:6px}.field>label{font-size:14px;font-weight:600}.field.inline{display:flex;gap:18px;flex-wrap:wrap}.field.inline label{font-size:15px;font-weight:400}select{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%}input[type=range]{width:100%}.info{margin:0;font-size:14px;color:var(--mute);min-height:1.6em}.rules{border-top:1px solid var(--line);padding-top:14px}.rules h2{font-size:15px;margin:0 0 6px}.rules ul{margin:0;padding-left:18px;color:var(--mute);font-size:14px}.rules li+li{margin-top:4px}:root{--bg:#f5f6f3;--surface:#fff;--ink:#18332d;--mute:#63756d;--line:#dce4de;--accent:#176348;--on-accent:#fff;--guide:#2f8566;color-scheme:light}body{background:radial-gradient(ellipse at 95% 0,#e5eedf,transparent 40%),var(--bg)}main{max-width:1120px;padding:24px 28px 40px}h1{font-size:clamp(30px,4.5vw,48px);line-height:1.25;letter-spacing:-.045em;margin:12px 0 20px}h2{font-size:24px;line-height:1.35;margin:0 0 16px;letter-spacing:-.03em}h3{font-size:20px;margin:0 0 12px}p{margin:8px 0 16px}a{color:var(--accent)}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.03em}.brand span{display:block;font-size:9px;letter-spacing:.2em;margin-top:2px;color:var(--mute)}.intro{padding:48px 0 12px;max-width:750px}.intro>p:not(.eyebrow){font-size:17px;color:var(--mute);line-height:1.8}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--accent);margin:0 0 8px}.notice{padding:14px 18px;border-radius:10px;background:#e7efe8;color:#335547;font-size:14px;line-height:1.7}.notice:empty{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;margin:20px 0}.auth-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px 48px}.auth-card>div:first-child{grid-row:span 2}.auth-card .fineprint{grid-column:1/-1}.auth-card p{color:var(--mute)}form{display:grid;gap:10px}form label{font-size:14px;font-weight:650}input:not([type=checkbox]):not([type=range]),select{font:inherit;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfa;color:var(--ink)}input[type=checkbox]{accent-color:var(--accent)}.auth-links{display:flex;gap:16px;flex-wrap:wrap}.text-btn{font:inherit;font-size:13px;background:none;border:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}.fineprint{font-size:12px!important;color:var(--mute);line-height:1.7}.small{font-size:13px;padding:8px 12px;flex:0 0 auto}.btn{font-size:14px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){filter:brightness(.96)}.check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:13px;margin:6px 0}.check input{margin-top:5px}.plans-section{padding:28px 0 4px}.section-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:12px 0}.section-heading h2{margin-bottom:0}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan{margin:12px 0}.plan h3{margin-top:20px}.plan>p{font-size:14px;color:var(--mute)}.plan .price{font-size:30px;font-weight:750;color:var(--ink);letter-spacing:-.04em}.plan button{width:100%;margin-top:10px}.pill{display:inline-block;white-space:nowrap;background:#edf2ed;border-radius:30px;padding:4px 10px;font-size:11px;color:var(--accent);font-weight:700}.featured{border-color:#91b3a1;background:#fbfefa}.bank-details{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;background:#f5f8f4;padding:20px;border-radius:10px}.bank-details dt{font-size:12px;color:var(--mute)}.bank-details dd{margin:5px 0 0;font-weight:700;word-break:break-all}.account-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 14px;flex-wrap:wrap}.account-strip h2{font-size:19px;margin:5px 0;word-break:break-all}#entitlement{font-size:14px;color:var(--mute)}.history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.history-row:last-child{border-bottom:0}.history-row p,.history-row small{font-size:12px;color:var(--mute);margin:5px 0}.history-row strong{font-size:14px;word-break:break-all}.muted{color:var(--mute);font-size:12px}.review-row{padding:20px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border:0}.review-row .section-heading{flex-wrap:wrap}.review-row form{max-width:620px}.review-row p{font-size:14px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px}.settings-grid label{display:grid;gap:6px}#editorSection,#adminSection{margin-top:42px}.layout{grid-template-columns:minmax(0,370px) minmax(0,1fr)}.stage-wrap,.panel{border-radius:16px}.panel{padding:24px}.rules p{font-size:12px;color:var(--mute)}#guide{stroke-width:.5}footer{border-top:1px solid var(--line);margin-top:54px;padding-top:24px;color:var(--mute);font-size:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}#authMessage:empty,#adminMessage:empty,#paymentMessage:empty{display:none}@media(max-width:760px){main{padding:18px 16px 32px}.intro{padding-top:32px}.auth-card,.plans,.layout,.settings-grid{grid-template-columns:1fr}.auth-card>div:first-child{grid-row:auto}.card{padding:22px}.bank-details{grid-template-columns:1fr}.section-heading{align-items:flex-start}.account-strip{gap:10px}.plan{margin:4px 0}.history-row{gap:8px}.btns{flex-wrap:wrap}}.photo-guidelines{margin:24px 0}.clothing-notice{padding:16px 18px;background:#fff6e5;border-left:4px solid #bb7926;border-radius:8px;color:#62471c;font-size:14px;line-height:1.8}.photo-guidelines details{border-top:1px solid var(--line);padding:16px 0}.photo-guidelines summary{cursor:pointer;font-weight:700;line-height:1.6}.photo-guidelines ul{padding-left:22px;margin:14px 0}.photo-guidelines li{margin:10px 0;font-size:14px;line-height:1.85}.photo-guidelines a,.clothing-notice a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}:root{--bg:#fefdfa;--surface:#fefdfa;--ink:#222;--mute:#55534e;--line:#bdbdbd;--accent:#222;--on-accent:#faf7ef;--guide:#3e7595;--coral:#f9eae7;--blue:#e9f0f5;--yellow:#fbf5e3;--grid:5px;color-scheme:light}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--bg)}main{max-width:1600px;padding:0;border:var(--grid) solid var(--line);margin:24px auto}a{color:inherit}section,article,div{min-width:0}h1{font-size:clamp(34px,3.7vw,62px);font-weight:850;line-height:1.18;letter-spacing:-.055em}h2{font-size:25px}h3{font-size:22px}.eyebrow{color:var(--ink);font-size:11px;letter-spacing:.17em}.topbar{padding:0;align-items:stretch;border-bottom:var(--grid) solid var(--line);flex-wrap:wrap}.brand{padding:25px 34px;font-size:36px;line-height:1.2;flex:1;min-width:240px;display:flex;flex-direction:column;justify-content:center}.brand span{font-size:11px;letter-spacing:.26em;margin-top:10px;color:var(--ink)}.topbar nav{display:flex;flex:1.8}.topbar nav a{padding:26px 18px;border-left:var(--grid) solid var(--line);display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;flex:1;text-align:center}.topbar nav a:nth-child(1){background:var(--blue)}.topbar nav a:nth-child(2){background:var(--yellow)}.topbar nav a:nth-child(4){background:var(--coral)}.topbar #logout{margin:0;border:0;border-left:var(--grid) solid var(--line);padding:18px}.notice{border:0;border-bottom:var(--grid) solid var(--line);border-radius:0;background:var(--yellow);color:var(--ink);margin:0;padding:12px 28px}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr .95fr;align-items:stretch;border-bottom:var(--grid) solid var(--line)}.intro{grid-column:1;grid-row:1;margin:0;max-width:none;padding:38px 30px;background:var(--coral);border-right:var(--grid) solid var(--line)}.intro>p:not(.eyebrow){color:var(--ink);font-size:15px}.auth-card{grid-column:2/4;margin:0!important;border:0!important;background:var(--blue)!important;padding:38px!important;align-content:center}.studio-grid:has(#editorSection:not([hidden])) .intro{border-bottom:var(--grid) solid var(--line)}#editorSection{display:contents;margin:0}#editorSection>.section-heading{display:none}#editorSection .layout{display:contents}.upload-cell{grid-column:1;grid-row:2;padding:30px;border-right:var(--grid) solid var(--line);background:var(--surface)}.upload-cell p{font-size:14px}.upload-symbol{border:1px dashed #dbdbdb;height:110px;display:grid;place-items:center;font-size:50px;font-weight:300;margin-bottom:18px}.stage-wrap{grid-column:2;grid-row:1/3;padding:30px 24px;border:0;border-right:var(--grid) solid var(--line);border-radius:0;display:flex;flex-direction:column;gap:12px}.stage{border-radius:0;max-width:360px;margin:auto;outline:1px solid #e6e6e6}.panel{grid-column:3;grid-row:1/3;align-content:start;gap:20px;padding:30px;border:0;border-radius:0;background:var(--blue)}.panel h2{margin:0}.panel>.eyebrow{margin:0}.panel .clothing-notice{order:3;margin:0;font-size:12px;padding:12px;border:1px solid var(--line);background:var(--surface)}.panel .rules{order:4}.panel>.fineprint{order:5}.panel .field.inline{display:grid;gap:10px}.btn,input:not([type=checkbox]):not([type=range]),select{border:1.5px solid var(--line);border-radius:0;background:var(--surface)}.btn{min-height:46px;transition:background .15s}.btn.primary{background:var(--line);border-color:var(--line);color:var(--ink)}.btn:hover:not(:disabled){filter:none;background:var(--yellow);color:var(--ink)}input[type=range]{accent-color:var(--ink)}input[type=checkbox]{width:18px;height:18px;vertical-align:middle}.pill{border-radius:0;background:transparent;border:1px solid var(--line);color:var(--ink);padding:4px 8px}.card{border-radius:0;margin:0;padding:30px;border:0;border-bottom:var(--grid) solid var(--line)}.plans-section{padding:0;border-bottom:var(--grid) solid var(--line)}.plans-section>.section-heading{padding:20px 30px;margin:0;border-bottom:var(--grid) solid var(--line)}.plans{grid-template-columns:1fr 1fr 1fr 1.08fr;gap:0}.plan{padding:28px;margin:0;border:0;border-right:var(--grid) solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.plan:nth-child(1){background:var(--blue)}.plan:nth-child(2){background:var(--surface)}.plan:nth-child(3){background:var(--coral)}.plan .price{font-size:clamp(24px,2.6vw,36px);margin:0 0 16px}.plan p{color:var(--ink)}.plan .btn{margin-top:auto;flex:0 0 auto}.quick-guide{padding:28px;background:var(--yellow);text-decoration:none;display:flex;flex-direction:column;gap:16px}.quick-guide strong{margin-top:auto;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:14px}.quick-guide:hover strong{border-bottom-width:3px}.plans-section>.fineprint{padding:16px 30px;margin:0;border-top:var(--grid) solid var(--line)}.photo-guidelines{padding:32px;background:var(--yellow)}.clothing-notice{border-radius:0;background:var(--surface);border-left:3px solid var(--line);color:var(--ink)}.photo-guidelines details{border-top:2px solid var(--line)}.photo-guidelines summary{padding:8px 0}.account-strip{padding:24px 30px;background:var(--blue);margin:0}.bank-details{border-radius:0;background:var(--yellow);border:1px solid var(--line)}#adminSection{margin:0;background:var(--surface)}#adminSection>.section-heading{padding:25px 30px;margin:0;background:var(--coral);border-bottom:var(--grid) solid var(--line)}#adminMessage:not(:empty){padding:18px 30px}#paymentForm,#recoveryForm{max-width:650px}.settings-grid{gap:20px}.history-row,.review-row{border-color:#e6e6e6}footer{margin:0;border:0;padding:22px 30px;background:var(--surface)}:focus-visible{outline:3px solid #31649c!important;outline-offset:4px!important}.studio-grid:has(#authSection[hidden]):has(#editorSection[hidden]){grid-template-columns:1fr}.studio-grid:has(#authSection[hidden]):has(#editorSection[hidden]) .intro{border-right:0}@media(min-width:1601px){main{margin:40px auto}}@media(max-width:1050px){main{margin:0}.brand{font-size:29px;min-width:210px;padding:24px}.topbar nav a{padding:22px 12px;font-size:14px}.studio-grid{grid-template-columns:1fr 1fr}.intro{padding:28px;grid-column:1;grid-row:1}.auth-card{grid-column:2;grid-template-columns:1fr;padding:28px!important}.auth-card>div:first-child{grid-row:auto}.upload-cell{grid-column:1;grid-row:2;padding:24px}.stage-wrap{grid-column:2;grid-row:1/3;border-right:0;padding:24px}.panel{grid-column:1/3;grid-row:3;border-top:var(--grid) solid var(--line);grid-template-columns:1fr 1fr;gap:20px 28px}.panel>.eyebrow,.panel>h2{grid-column:1/-1}.plans{grid-template-columns:1fr 1fr}.plan:nth-child(2){border-right:0}.plan:nth-child(3),.quick-guide{border-top:var(--grid) solid var(--line)}.plans-section>.section-heading{flex-wrap:wrap}}@media(max-width:640px){:root{--grid:4px}.topbar .brand{flex-basis:100%;font-size:30px;border-bottom:var(--grid) solid var(--line);padding:22px}.topbar nav{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr}.topbar nav a{min-height:60px;border-left:0}.topbar nav a:nth-child(2n){border-left:var(--grid) solid var(--line)}.topbar nav a:nth-child(n+3){border-top:var(--grid) solid var(--line)}.topbar #logout{border-top:var(--grid) solid var(--line);border-left:0;width:100%}.studio-grid{display:flex;flex-direction:column}.intro{border-right:0!important;padding:30px 24px;border-bottom:var(--grid) solid var(--line)}h1{font-size:42px}.auth-card{padding:24px!important}.upload-cell{order:1;border-right:0;border-bottom:var(--grid) solid var(--line)}.stage-wrap{order:2;padding:24px;border-right:0}.panel{order:3;display:grid;grid-template-columns:1fr;padding:24px}.panel>*{grid-column:1!important}.plans{grid-template-columns:1fr}.plan{border-right:0;padding:24px}.plan+.plan,.quick-guide{border-top:var(--grid) solid var(--line)}.plans-section>.section-heading{padding:24px;display:block}.plan .price{font-size:32px}.quick-guide,.card,.photo-guidelines{padding:24px}.settings-grid,.bank-details{grid-template-columns:1fr}.notice{padding:12px 24px}.account-strip{padding:24px}.section-heading{flex-wrap:wrap}footer{padding:24px;overflow-wrap:anywhere}.auth-links{gap:15px}.btns{flex-wrap:wrap}.btns .btn{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.btn:disabled{opacity:1;color:var(--mute);background:#f0f0ef;border-color:var(--line)}
