:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--lh-tight: 1.3;--lh: 1.5;--r-1: 4px;--r-2: 8px;--r-3: 12px;--bg: #f3f4f3;--surface: #ffffff;--sunk: #eceeed;--fg: #17201c;--muted: #5d6963;--line: #d8ddda;--accent: #1f5c4a;--on-accent: #ffffff;--accent-soft: #e3eee9;--ok: #1d7a4c;--warn: #9a6400;--warn-soft: #fbf3e3;--danger: #b3261e;--font: "Pretendard Variable", Pretendard, system-ui, -apple-system, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs-14);line-height:var(--lh);letter-spacing:-.005em;word-break:keep-all}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}.muted{color:var(--muted)}.small{font-size:var(--fs-12)}.mono{font-family:var(--mono);font-size:var(--fs-12);letter-spacing:0}.brand{font-weight:700;font-size:var(--fs-18);letter-spacing:.02em}.h1{font-size:var(--fs-24);line-height:var(--lh-tight);margin:0;letter-spacing:-.015em}.h2{font-size:var(--fs-18);line-height:var(--lh-tight);margin:0;letter-spacing:-.01em}.h3{font-size:var(--fs-14);font-weight:600;margin:0;display:flex;gap:var(--sp-2);align-items:baseline}.boot{min-height:100%;display:grid;place-items:center;align-content:center;gap:var(--sp-4);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-2);border:1px solid transparent;background:none;cursor:pointer;font-weight:600;white-space:nowrap}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){filter:brightness(1.1)}.btn.ghost{border-color:var(--line);background:var(--surface)}.btn.ghost:hover:not(:disabled){background:var(--sunk)}.btn.danger{color:var(--danger);border-color:var(--line);background:var(--surface)}.btn.sm{min-height:32px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-12)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.add{width:100%;border-style:dashed}.icon-btn{width:32px;height:32px;flex:none;border-radius:var(--r-2);border:0;background:none;cursor:pointer;color:var(--muted)}.icon-btn:hover:not(:disabled){background:var(--sunk);color:var(--fg)}.icon-btn:disabled{opacity:.3;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fld{display:flex;flex-direction:column;gap:var(--sp-1);border:0;padding:0;margin:0;min-width:0}.fld>span:first-child,.fld legend,.lab{font-size:var(--fs-12);font-weight:600;color:var(--muted);padding:0}.lab{display:flex;justify-content:space-between;gap:var(--sp-2)}.count{font-family:var(--mono);font-weight:400}.count.over{color:var(--danger);font-weight:600}.fld input,.fld textarea,.fld select{width:100%;min-height:40px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.fld textarea{resize:vertical;line-height:var(--lh)}.fld input:focus,.fld textarea:focus,.fld select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.fld small{font-size:var(--fs-12)}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--sp-2)}.img-fld{gap:var(--sp-2)}.check{display:flex;align-items:center;gap:var(--sp-2);min-height:32px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent)}.check.sm{font-size:var(--fs-12);margin-left:auto}.seg{display:inline-flex;flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-1);background:var(--sunk);border-radius:var(--r-2)}.seg button{min-height:32px;padding:var(--sp-1) var(--sp-3);border:0;border-radius:var(--r-1);background:none;cursor:pointer}.seg button.on{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #00000014}.note{margin:0;padding:var(--sp-3);border-radius:var(--r-2);background:var(--accent-soft)}.note.err{background:#fbeceb;color:var(--danger)}.pill{font-size:var(--fs-12);padding:var(--sp-1) var(--sp-2);border-radius:999px;background:var(--sunk);color:var(--muted)}.pill.live{background:var(--accent-soft);color:var(--accent);font-weight:600}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.row-end{display:flex;justify-content:flex-end;gap:var(--sp-2)}.plain{margin:0;padding-left:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.auth{min-height:100%;display:grid;place-items:center;padding:var(--sp-4)}.auth-card{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--sp-4);background:var(--surface);padding:var(--sp-8);border-radius:var(--r-3);border:1px solid var(--line)}.auth-card p{margin:0}.sites-top{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);background:var(--surface);border-bottom:1px solid var(--line)}.sites-top .muted{margin-left:auto}.sites-body{max-width:880px;margin:0 auto;padding:var(--sp-8) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-6)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.addr-input{display:flex;align-items:center;gap:var(--sp-2)}.addr-input input{max-width:240px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-2)}.tpl{position:relative;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-2);cursor:pointer;font-size:var(--fs-12)}.tpl strong{font-size:var(--fs-14)}.tpl input{position:absolute;opacity:0;pointer-events:none}.tpl.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.tpl:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.site-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}.site-list li+li{border-top:1px solid var(--line)}.site-row{width:100%;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:0;background:none;text-align:left;cursor:pointer}.site-row:hover{background:var(--sunk)}.site-row .pill{margin-left:auto}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-3)}.empty-state p{margin:0}.ed{height:100%;display:flex;flex-direction:column}.ed-top{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface);border-bottom:1px solid var(--line);min-width:0}.ed-name{font-size:var(--fs-14);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-page{display:flex;align-items:center;gap:2px}.ed-page select{min-height:32px;max-width:180px;padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font-weight:600}.ed-gap{flex:1}.btn.on,.icon-btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.warn{color:var(--warn);border-color:#e8d3a8;background:var(--warn-soft)}.save{font-size:var(--fs-12);padding:var(--sp-1) var(--sp-2);border-radius:999px;background:var(--sunk);color:var(--muted);white-space:nowrap}.save-saved{color:var(--ok)}.save-conflict,.save-error{background:#fbeceb;color:var(--danger);font-weight:600}.ed-body{flex:1;min-height:0;display:flex}.ed-left,.ed-right{flex:none;overflow-y:auto;background:var(--surface)}.ed-left{width:250px;border-right:1px solid var(--line);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-6)}.ed-right{position:relative;width:380px;border-left:1px solid var(--line);box-shadow:-8px 0 24px #141e190f}.drawer-x{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:1;width:36px;height:36px;border:0;border-radius:var(--r-2);background:none;cursor:pointer;color:var(--muted);font-size:var(--fs-16)}.drawer-x:hover{background:var(--sunk);color:var(--fg)}.ed-right .insp-head{padding-right:var(--sp-8)}.ed-hint{margin:0 0 var(--sp-3);font-size:var(--fs-12);color:var(--muted);text-align:center}.empty-page{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-6);border:1px dashed var(--line);border-radius:var(--r-3);background:var(--surface)}.empty-page p{margin:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--sp-4);background:#141e1966}.modal{width:min(720px,100%);max-height:calc(100vh - 64px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);border-radius:var(--r-3);background:var(--surface);box-shadow:0 16px 48px #0003}.modal .row-between{align-items:flex-start}.modal .add-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ed-mid{flex:1;min-width:0;overflow:auto;padding:var(--sp-4);display:flex;flex-direction:column;align-items:center}.frame-wrap{background:var(--surface);border-radius:var(--r-3);box-shadow:0 0 0 1px var(--line),0 8px 24px #141e1914;overflow:hidden;flex:none}.frame-wrap iframe{display:block;border:0;max-width:none}.group{display:flex;flex-direction:column;gap:var(--sp-3)}.group.warn{padding:var(--sp-3);border-radius:var(--r-2);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-12)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.list-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:36px;padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-2);background:none;cursor:pointer;text-align:left}.list-row:hover{background:var(--sunk)}.list-row.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.indent{padding-left:var(--sp-4)}.brick-row{display:flex;align-items:center;gap:0;border-radius:var(--r-2)}.brick-row:hover{background:var(--sunk)}.brick-row.on{background:var(--accent-soft)}.brick-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:var(--sp-2) var(--sp-3);border:0;background:none;cursor:pointer;text-align:left;font-weight:600}.brick-name .muted{font-weight:400;font-size:var(--fs-12);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-6)}.insp-head{display:flex;flex-direction:column;gap:var(--sp-1)}.insp-head p{margin:0}.row-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-2)}.row-tools{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-12)}.row-tools>.muted:first-child{margin-right:auto}.add-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.add-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);cursor:pointer;text-align:left;font-size:var(--fs-12)}.add-card strong{font-size:var(--fs-14)}.add-card:hover{border-color:var(--accent);background:var(--accent-soft)}@media (max-width: 1100px){.ed-top{flex-wrap:wrap}.ed-right{width:340px}}@media (max-width: 860px){.ed{height:auto}.ed-body{flex-direction:column}.ed-left,.ed-right{width:auto;border:0;border-bottom:1px solid var(--line);overflow:visible}.ed-mid{padding:var(--sp-4);overflow-x:auto}.modal .add-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.img-pick{position:relative;border-radius:var(--r-2);overflow:hidden;cursor:crosshair;background:var(--sunk)}.img-pick img{display:block;width:100%;max-height:200px;object-fit:contain}.focus-dot{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--accent),0 1px 4px #0006;pointer-events:none}.drop{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px dashed var(--line);border-radius:var(--r-2)}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.link-btn{border:0;background:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer;font-size:var(--fs-12)}.err-text{color:var(--danger);font-size:var(--fs-12)}.post-list{border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-1);max-height:360px;overflow-y:auto}.post-row{flex-direction:column;align-items:stretch;gap:2px}.post-title{display:flex;align-items:center;gap:var(--sp-1);min-width:0;font-weight:600}.post-title .pill{flex:none;padding:0 var(--sp-2)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.num{font-variant-numeric:tabular-nums}.insp-head .link-btn{align-self:flex-start;min-height:32px}.quote-box{padding:var(--sp-3);border-radius:var(--r-2);background:var(--sunk);white-space:pre-wrap;max-height:280px;overflow-y:auto}.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.swatch{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);cursor:pointer;font-size:var(--fs-12)}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);font-weight:600}.swatch .chip{display:flex;gap:4px;padding:6px;border-radius:var(--r-1);border:1px solid var(--line)}.swatch .chip i{width:16px;height:16px;border-radius:50%}input[type=color]{width:48px;height:32px;padding:0;border:1px solid var(--line);border-radius:var(--r-1);background:none;cursor:pointer}.detail-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-12);font-weight:600}.ed-live{font-size:13px;white-space:nowrap;text-decoration:underline}.inbox{display:flex;flex-direction:column;gap:12px}.inbox .sub-new{box-shadow:inset 3px 0 0 var(--accent)}.sub-fields{margin:8px 0;display:grid;gap:4px}.sub-fields div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px}.sub-fields dt{color:var(--muted, #666);font-size:12px}.sub-fields dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.inbox textarea{width:100%}.badge-n{margin-left:6px;font-size:11px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff}.sub-fields a{color:var(--accent)}.brick-row[draggable]{cursor:grab}.brick-row.drop-here{box-shadow:inset 0 2px 0 var(--accent)}.brick-row{flex-wrap:wrap}.row-acts{display:none;width:100%;align-items:center;gap:var(--sp-1);padding:0 var(--sp-2) var(--sp-2)}.brick-row.on .row-acts{display:flex}.row-acts .icon-btn{width:36px;height:32px;background:var(--surface)}.row-acts .txt{width:auto;padding:0 var(--sp-3);font-size:var(--fs-12);font-weight:600;color:var(--fg)}.row-acts .del{margin-left:auto;color:var(--danger)}.row-acts .del:hover:not(:disabled){background:#fbeceb;color:var(--danger)}.more{border-top:1px solid var(--line);padding-top:var(--sp-2)}.more>summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-12);font-weight:600;color:var(--muted);list-style:none}.more>summary::-webkit-details-marker{display:none}.more>summary:before{content:"▸";transition:transform .12s}.more[open]>summary:before{transform:rotate(90deg)}.more-in{display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-2)}.row-card.fold{padding:0;gap:0}.fold-head{display:flex;align-items:center;gap:var(--sp-1);padding-right:var(--sp-1)}.fold-btn{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:0;background:none;cursor:pointer;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fold-btn .chev{color:var(--muted);flex:none}.fold-btn .sum,.fold-btn .muted{overflow:hidden;text-overflow:ellipsis}.fold-head:hover{background:var(--sunk);border-radius:var(--r-2)}.fold-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border-top:1px solid var(--line)}.fold-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.danger-text{color:var(--danger);border:0;background:none;cursor:pointer;font-size:var(--fs-12);font-weight:600;min-height:32px;padding:0 var(--sp-2)}.danger-text:hover{text-decoration:underline}.fold-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.group.tools{gap:var(--sp-1);padding-top:var(--sp-3);border-top:1px solid var(--line)}.group.tools .list-row{justify-content:flex-start}