*{box-sizing:border-box;margin:0;padding:0}body{font-family:StudioPretendard,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:0 auto;padding:40px 18px 80px}button,input,select{font:inherit}button{border:0;cursor:pointer}a{color:var(--main)}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:18px}.brand-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff0f5,#f9d7e3);border:1px solid var(--line);font-size:25px;box-shadow:0 5px 18px rgba(132,73,94,.09)}.brand-text b{display:block;font-size:14px}.brand-text span{display:block;font-size:12.5px;color:var(--muted)}.brand-pill{margin-left:auto;padding:8px 13px;border-radius:999px;background:var(--soft);color:var(--main);font-size:12px;font-weight:700;letter-spacing:.04em}
header{margin-bottom:26px}h1{font-size:26px;line-height:1.35;letter-spacing:-.04em;margin-bottom:11px}h1 small{display:block;margin-top:5px;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:-.01em}header>p{font-size:14px;color:var(--muted);line-height:1.85}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.chips span{padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11.5px}.intro{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:12.5px!important;color:var(--muted)!important}
.first{display:flex;align-items:center;gap:10px;padding:13px 14px;margin-bottom:12px;border-radius:12px;background:var(--soft);cursor:pointer}.first input{width:16px;height:16px;accent-color:var(--main);flex:none}.first b{display:block;font-size:13px}.first span span{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:12px}.step-card>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer}.step-card>summary::-webkit-details-marker{display:none}.step-card>summary:after{content:"−";margin-left:auto;color:var(--muted);font-size:18px}.step-card:not([open])>summary:after{content:"+"}.step-card:not([open])>summary{margin-bottom:0}.step-no{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);font-size:12px;font-weight:700;flex:none}.step-card h2,.result h2{font-size:16px;letter-spacing:-.025em}.step-body{padding-top:15px}.desc{font-size:13.5px;color:var(--muted);margin-bottom:14px}.steps{list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding-left:26px;margin-bottom:9px;color:var(--muted);font-size:13.5px}.steps li:before{content:counter(step);position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-size:11px;font-weight:700}.steps b{color:var(--ink);font-weight:500}.mini-link{display:inline-flex;margin-top:6px;padding:9px 14px;border-radius:10px;background:var(--soft);color:var(--main);font-size:13px;font-weight:700;text-decoration:none}
.field{display:block;margin-bottom:12px}.field>span{display:block;margin-bottom:6px;color:var(--muted);font-size:12.5px;font-weight:500}.input-wrap{position:relative}.field input,.field select{width:100%;height:46px;padding:0 14px;border:1.5px solid transparent;border-radius:12px;outline:none;background:var(--soft);color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--main);background:var(--paper)}.field input::placeholder{color:var(--muted)}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:8px 10px;background:transparent;color:var(--muted);font-size:12px}.theme-row{display:grid;grid-template-columns:1fr 116px;gap:9px}.custom{display:none}.custom.on{display:block}.custom input{padding:6px}.hint{font-size:12px;color:var(--muted);margin:-3px 0 14px}.primary{width:100%;height:49px;border-radius:13px;background:var(--main);color:#fff;font-weight:700}.primary:hover{filter:brightness(1.04)}.primary:disabled{opacity:.55;cursor:wait}.status{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:13px}.status:not(:empty){display:block}.status.ok{background:var(--ok-soft);color:var(--ok)}.status.error{background:var(--bad-soft);color:var(--bad)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.check{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:10.5px}.check i{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}.check.ok i{background:var(--ok)}.check.bad i{background:var(--bad)}
.result{display:none}.result.on{display:block}.result-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.result-head .step-no{background:var(--ok);color:#fff}.result-head>div{flex:1}.result-head p{font-size:12.5px;color:var(--muted)}.trip{margin-top:10px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.trip-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--soft)}.trip-title strong{font-size:13.5px}.trip-title small{max-width:120px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.row{display:grid;grid-template-columns:92px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.row b{font-size:11.5px;font-weight:500}.row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:10px/1.4 ui-monospace,Consolas,monospace}.row button{padding:6px 8px;border-radius:8px;background:var(--soft);color:var(--main);font-size:11px}.notice{margin-top:16px;padding:14px 15px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.75}.notice b{color:var(--ink)}
footer{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.foot-brand{display:flex;align-items:center;gap:10px}.foot-brand .brand-mark{width:38px;height:38px;font-size:18px}.foot-brand b{font-size:13px}.foot-brand span{display:block;color:var(--muted);font-size:11.5px}.terms{margin-top:16px;color:var(--muted);font-size:11.5px;line-height:1.85}.terms b{color:var(--muted)}
@media(max-width:460px){.wrap{padding-top:26px}.brand-pill{display:none}.theme-row{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.row{grid-template-columns:78px minmax(0,1fr) 44px}.card{padding:19px}}

:root{--ok:var(--main);--ok-soft:var(--soft);--bad:#b14e61;--bad-soft:var(--surface)}.brand-mark{background:var(--soft);color:var(--main);box-shadow:none}.brand-mark svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6}.primary{background:var(--control);color:var(--on-control)}.step-no{font-style:normal}.card summary h2{margin:0}.field input,.field select{border:1px solid var(--line);background:var(--surface)}.card .field input[type=color]{padding:6px;width:100%}.card .field input[type=checkbox]{width:14px}.theme-row{grid-template-columns:1fr 1fr}.custom[hidden]{display:none!important}.preview{margin:5px 0 16px;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.preview label{display:flex;gap:7px;align-items:center;padding:7px 10px;border-radius:6px;background:var(--soft);color:var(--main)}.preview small{color:var(--muted);margin-left:auto}.result[hidden]{display:none}.result:not([hidden]){display:block}.widget-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.widget-row b{font-size:13px}.widget-row small{display:block;color:var(--muted);font-size:11px}.widget-row button,.widget-row a{font-size:12px;padding:6px 9px;border-radius:7px;background:var(--soft);color:var(--main);text-decoration:none}.reuse-row{display:flex;gap:8px}.reuse-row input{flex:1;min-width:0}.status{overflow-wrap:anywhere}.first input{margin:0}.checks:empty{display:none}body[data-studio=setup]{background:var(--surface)}@media(max-width:460px){.theme-row{grid-template-columns:1fr}.brand-pill{display:none}}body[data-studio=setup]{font-size:15px;line-height:1.65}body[data-studio=setup]>.wrap{max-width:560px;width:100%;margin:0 auto;padding:40px 18px 80px}body[data-studio=setup] .chips span{background:var(--surface)}body[data-studio=setup] .field>span{font-size:12.5px}body[data-studio=setup] #page-choice{font-size:12px;margin:12px 0 18px}body[data-studio=setup] #page-choice .field{margin-top:12px}@media(max-width:460px){body[data-studio=setup]>.wrap{padding:26px 18px 60px}}