:root{--studio-blue: #12204a;--studio-blue-soft: #f6f8fb;--studio-red: #d80032;--studio-ink: #12204a;--studio-muted: #596273;--studio-line: #cbd3df;--studio-card: #ffffff;--studio-font-sans: "Archivo", "Gothic A1", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--studio-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f6f8fb;background-image:linear-gradient(to right,rgba(18,32,74,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(18,32,74,.045) 1px,transparent 1px);background-size:24px 24px;color:var(--studio-ink);font-family:var(--studio-font-sans)}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.studio-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.studio-rail{position:sticky;top:0;min-width:0;height:100vh;border-right:2px solid var(--studio-blue);background:#ffffffeb;padding:20px 14px;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-brand{display:inline-flex;align-items:flex-start;gap:8px;max-width:100%;color:inherit;line-height:1;text-decoration:none}.studio-brand img{width:26px;height:26px;flex:0 0 auto;border:2px solid var(--studio-blue);border-radius:2px;object-fit:cover;box-shadow:none}.studio-brand>span{display:grid;min-width:0;gap:3px;padding-top:1px}.studio-brand strong{display:inline;color:var(--studio-blue);font-family:var(--studio-font-sans);font-size:18px;font-weight:850;letter-spacing:0;text-transform:uppercase}.studio-brand strong span{color:var(--studio-red)}.studio-kicker,.studio-sync-card small,.studio-meta{color:#8a8a8a;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.studio-brand small{display:block;color:#a3a3a3;font-size:8px;font-weight:700;letter-spacing:.08em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.studio-nav{display:grid;gap:7px;margin-top:28px}.studio-nav button{height:36px;border:1px solid transparent;border-radius:2px;background:transparent;color:#525252;cursor:pointer;padding:0 12px;font-size:13px;font-weight:650;letter-spacing:-.01em;text-align:left;transition:.18s ease}.studio-nav button:hover,.studio-nav button.is-active{border-color:var(--studio-blue);background:#fff;color:var(--studio-ink);box-shadow:4px 4px #12204a1f}.studio-nav button.is-active{color:var(--studio-blue)}.studio-sync-card{position:absolute;right:14px;bottom:18px;left:14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:2px solid var(--studio-blue);border-radius:2px;background:#fff;box-shadow:none;min-width:0;max-width:calc(100% - 28px);overflow:hidden;padding:9px 10px}.studio-sync-copy{min-width:0}.studio-sync-state{display:block;color:var(--studio-ink);font-size:12px;line-height:1.25}.studio-remote-label{display:block;overflow:hidden;margin-top:2px;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.studio-dot{width:9px;height:9px;border-radius:1px;background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.studio-dot.is-offline{background:#f97316;box-shadow:0 0 0 4px #f9731624}.studio-main{min-width:0;padding:24px}.studio-auth-screen{display:grid;min-height:100vh;padding:24px;place-items:center}.studio-auth-card{width:min(100%,560px);border:2px solid var(--studio-blue);border-radius:2px;background:#fffffff0;box-shadow:8px 8px #12204a1a;padding:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-auth-brand{margin-bottom:28px}.studio-auth-copy{margin-bottom:18px}.studio-auth-copy h1{margin-top:5px}.studio-auth-actions{display:flex;flex-wrap:wrap;gap:10px}.studio-topbar,.studio-panel-head,.studio-actions,.studio-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-topbar{margin:0 auto 22px;max-width:1380px}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-.055em}h2{font-size:16px;letter-spacing:-.035em}.studio-grid{display:grid;grid-template-columns:300px minmax(520px,1fr);gap:18px;max-width:1380px;margin:0 auto}.studio-panel{min-width:0;border:2px solid var(--studio-blue);border-radius:2px;background:var(--studio-card);box-shadow:6px 6px #12204a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.studio-list-panel,.studio-editor{padding:20px}.studio-list-panel{padding:18px}.studio-list-panel>.studio-input{margin-top:16px}.studio-list,.studio-blocks,.studio-form-stack{display:grid;gap:14px}.studio-blocks,.studio-form-stack{gap:18px}.studio-panel-head>div{min-width:0}.studio-panel-head.compact{align-items:flex-start;gap:18px}.studio-panel-head.compact .studio-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.studio-list{margin-top:12px;max-height:calc(100vh - 210px);overflow:auto;min-width:0}.studio-list-item{width:100%;max-width:100%;min-width:0;border:1px solid transparent;border-radius:2px;background:transparent;cursor:pointer;padding:10px;text-align:left}.studio-list-item:hover,.studio-list-item.is-active{border-color:var(--studio-blue);background:#fff}.studio-list-item strong{display:flex;align-items:center;gap:8px;justify-content:space-between;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-list-item strong>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-list-meta{display:block;max-width:100%;min-width:0;margin-top:3px;color:var(--studio-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-sync-badge{flex:0 0 auto;border:1px solid rgba(249,115,22,.24);border-radius:2px;background:#fff7edeb;color:#c2410c;padding:2px 7px;font-size:9px;font-style:normal;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.studio-input,.studio-field-grid input,.studio-field-grid select,.studio-field-grid textarea,.studio-block input,.studio-block textarea{width:100%;min-height:36px;border:1px solid var(--studio-line);border-radius:2px;background:#ffffffdb;color:var(--studio-ink);outline:none;padding:8px 12px}.studio-input:focus,.studio-field-grid input:focus,.studio-field-grid select:focus,.studio-field-grid textarea:focus,.studio-block input:focus,.studio-block textarea:focus{border-color:#1e3a5f57;box-shadow:0 0 0 3px #1e3a5f14}.studio-field-grid input:disabled{background:#e8eef58f;color:var(--studio-muted)}.studio-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--studio-blue);border-radius:2px;background:var(--studio-blue);color:#fff;cursor:pointer;padding:0 16px;font-size:13px;font-weight:650;text-decoration:none;transform:translateY(0);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.studio-button:hover{background:#162e4d;border-color:#162e4d;box-shadow:0 7px 18px #1e3a5f29;transform:translateY(-1px)}.studio-button:active{box-shadow:none;transform:translateY(0)}.studio-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.studio-button.ghost{border-color:#1118271f;background:#fff;color:var(--studio-ink)}.studio-button.ghost:hover{border-color:#1e3a5f33;background:#f8fafcf5;color:var(--studio-blue)}.studio-button.secondary{border-color:#1e3a5f29;background:#e8eef5a3;color:var(--studio-blue)}.studio-button.secondary:hover,.studio-button.install:hover{border-color:#1e3a5f47;background:#dae5f1d1;color:var(--studio-blue)}.studio-button.install{border-color:#1e3a5f33;background:#ffffffb8;color:var(--studio-blue)}.studio-button.danger{border-color:#d8003238;color:var(--studio-red)}.studio-button.danger:hover{border-color:#d8003261;background:#d800320f;color:var(--studio-red)}.studio-button.small{min-height:30px;padding:0 12px;font-size:12px}.studio-form-actions.review{position:sticky;top:14px;z-index:5;align-items:center;border:2px solid var(--studio-blue);border-radius:2px;background:#fffffff0;box-shadow:6px 6px #12204a14;padding:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-action-note{max-width:520px;color:var(--studio-muted);font-size:12px;line-height:1.45}.studio-action-buttons{display:flex;flex:0 0 auto;align-items:center;gap:10px}.studio-validation-note{display:grid;gap:4px;border:1px solid rgba(216,0,50,.28);border-left:4px solid var(--studio-red);border-radius:2px;background:#d800320b;color:var(--studio-ink);padding:12px 14px}.studio-validation-note strong{font-size:13px}.studio-validation-note span{color:var(--studio-muted);font-size:12px;line-height:1.45}.studio-section{border:1px solid var(--studio-line);border-radius:2px;background:#fff;padding:20px}.studio-section>.studio-kicker{margin-bottom:12px}.studio-pending-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.studio-pending-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.studio-pending-badges span{border:1px solid var(--studio-line);border-radius:2px;background:var(--studio-blue-soft);color:var(--studio-blue);padding:4px 8px;font-size:11px;font-weight:750}.studio-pending-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0}.studio-pending-meta div{min-width:0;border:1px solid var(--studio-line);border-radius:2px;background:#f6f8fbb8;padding:10px}.studio-pending-meta dt{color:#8a8a8a;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.studio-pending-meta dd{overflow:hidden;margin:5px 0 0;color:var(--studio-ink);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.studio-change-table{display:grid;margin-top:16px;border:1px solid var(--studio-line);border-radius:2px;overflow:hidden}.studio-change-row{display:grid;grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);border-top:1px solid var(--studio-line)}.studio-change-row:first-child{border-top:0}.studio-change-row span{min-width:0;padding:10px 12px;color:var(--studio-ink);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.studio-change-row span:first-child{border-right:1px solid var(--studio-line);background:#f6f8fbb8;color:var(--studio-muted);font-weight:700}.studio-change-row.is-head span{background:var(--studio-blue);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.studio-raw-payload{margin-top:14px}.studio-raw-payload summary{cursor:pointer;color:var(--studio-muted);font-size:12px;font-weight:700}.studio-raw-payload pre{max-width:100%;overflow:auto;margin:10px 0 0;border:1px solid var(--studio-line);border-radius:2px;background:#f6f8fbb8;padding:12px;color:var(--studio-ink);font-family:var(--studio-font-mono);font-size:12px;line-height:1.55}.studio-field-grid{display:grid;gap:18px 16px}.studio-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-field-grid label,.studio-block label{display:grid;gap:9px;color:#5b5b5b;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.studio-block{border:1px solid var(--studio-line);border-radius:2px;background:#fff;padding:18px}.studio-block-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.studio-block-title,.studio-block-actions,.studio-gallery-actions{display:flex;align-items:center;gap:8px}.studio-block-order{color:#9a9a9a;font-size:10px;font-weight:700;letter-spacing:.12em}.studio-icon-button{display:inline-grid;width:28px;min-width:28px;height:28px;border:1px solid rgba(17,24,39,.12);border-radius:2px;background:#fff;color:var(--studio-ink);cursor:pointer;font-size:12px;font-weight:750;line-height:1;place-items:center;transform:translateY(0);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.studio-icon-button:hover:not(:disabled){border-color:#1e3a5f3d;background:var(--studio-blue-soft);color:var(--studio-blue);box-shadow:0 5px 14px #1e3a5f1f;transform:translateY(-1px)}.studio-icon-button:disabled{cursor:not-allowed;opacity:.35}.studio-block textarea{min-height:132px;resize:vertical}.studio-block textarea.studio-markdown-input{min-height:220px;border-radius:2px;font-family:var(--studio-font-mono);font-size:13px;line-height:1.7;padding:14px 16px}.studio-markdown-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.studio-markdown-toolbar button{min-height:28px;border:1px solid var(--studio-line);border-radius:2px;background:#fff;color:var(--studio-ink);cursor:pointer;padding:0 9px;font-size:11px;font-weight:800}.studio-markdown-toolbar button:hover{border-color:#1e3a5f3d;background:var(--studio-blue-soft);color:var(--studio-blue)}.studio-help,.studio-block-help{margin-top:8px;color:var(--studio-muted);font-size:12px;line-height:1.55}.studio-block-help{margin-top:12px}.studio-block-help code{border:1px solid var(--studio-line);border-radius:2px;background:#e8eef5b3;color:var(--studio-blue);font-family:var(--studio-font-mono);padding:2px 6px;white-space:nowrap}.studio-image-preview{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr);min-width:0;align-items:start;gap:10px;margin-bottom:14px;border:1px solid var(--studio-line);border-radius:2px;background:#fff;padding:9px 11px;color:var(--studio-muted);font-size:12px;line-height:1.35}.studio-image-preview.compact{margin-bottom:0}.studio-image-preview-label{color:var(--studio-blue);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.studio-image-preview-body{display:grid;min-width:0;gap:5px}.studio-image-preview-body>div{display:grid;grid-template-columns:34px minmax(0,1fr);min-width:0;align-items:baseline;gap:8px}.studio-image-preview b{color:#8a8a8a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.studio-image-preview strong{overflow:hidden;color:var(--studio-ink);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.studio-image-preview a,.studio-image-preview-body span{min-width:0;overflow:hidden;color:#475569;text-overflow:ellipsis;white-space:nowrap}.studio-image-empty{margin-bottom:12px}.studio-format-toolbar{position:fixed;z-index:30;display:flex;align-items:center;gap:4px;border:2px solid var(--studio-blue);border-radius:2px;background:#fff;box-shadow:4px 4px #12204a1f;padding:5px;pointer-events:none;transform:translateY(10px) scale(.94);transform-origin:22px calc(100% + 8px);opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);filter:blur(2px);transition:opacity .15s ease,filter .17s ease,transform .22s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,filter}.studio-format-toolbar.is-visible{pointer-events:auto;transform:translateY(0) scale(1);opacity:1;filter:blur(0)}.studio-format-toolbar.is-closing{transform:translateY(6px) scale(.97);opacity:0;filter:blur(1px)}.studio-format-toolbar button{min-width:30px;height:28px;border:0;border-radius:2px;background:transparent;color:var(--studio-ink);cursor:pointer;padding:0 8px;font-size:11px;font-weight:800;opacity:0;transform:translateY(3px);transition:background .12s ease,color .12s ease,opacity .16s ease,transform .18s cubic-bezier(.16,1,.3,1)}.studio-format-toolbar button:hover{background:var(--studio-blue-soft);color:var(--studio-blue)}.studio-format-toolbar.is-visible button{opacity:1;transform:translateY(0)}.studio-format-toolbar.is-visible button:nth-child(2){transition-delay:12ms}.studio-format-toolbar.is-visible button:nth-child(3){transition-delay:24ms}.studio-format-toolbar.is-visible button:nth-child(4){transition-delay:36ms}.studio-format-toolbar.is-visible button:nth-child(5){transition-delay:48ms}.studio-format-toolbar.is-visible button:nth-child(6){transition-delay:60ms}.studio-format-toolbar.is-visible button:nth-child(7){transition-delay:72ms}@media(prefers-reduced-motion:reduce){.studio-button,.studio-format-toolbar,.studio-format-toolbar button,.studio-icon-button{transition:none}.studio-button:hover,.studio-icon-button:hover:not(:disabled){transform:none}}.studio-gallery-items{display:grid;gap:14px}.studio-gallery-items+[data-add-gallery-item]{margin-top:16px}.studio-gallery-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}.studio-gallery-actions{align-self:end}.studio-empty{display:grid;min-height:320px;place-content:center;text-align:center}.studio-empty p:last-child{margin-top:8px;color:var(--studio-muted)}.studio-toast{position:fixed;right:18px;bottom:18px;z-index:20;border:2px solid var(--studio-blue);border-radius:2px;background:#fff;box-shadow:4px 4px #12204a1f;padding:10px 14px;color:var(--studio-ink);font-size:13px;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.studio-toast.is-hiding{opacity:0;transform:translateY(6px)}@media(max-width:1180px){.studio-grid{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:780px){body{overflow-x:hidden}.studio-shell{grid-template-columns:1fr;width:100%;max-width:100vw;overflow-x:hidden}.studio-rail{position:static;width:100%;max-width:100vw;height:auto;border-right:0;border-bottom:1px solid var(--studio-line);padding:16px}.studio-sync-card{position:static;width:100%;margin-top:16px;max-width:100%}.studio-nav{display:flex;gap:8px;margin-top:18px;overflow-x:auto;max-width:100%;padding-bottom:2px;scrollbar-width:none}.studio-nav::-webkit-scrollbar{display:none}.studio-nav button{flex:0 0 auto;height:34px;padding:0 13px;text-align:center}.studio-main{width:100%;max-width:100vw;overflow-x:hidden;padding:16px}.studio-grid,.studio-field-grid.two,.studio-field-grid.three{grid-template-columns:1fr}.studio-grid{gap:16px;width:100%;max-width:100%}.studio-panel{width:100%;max-width:100%}.studio-list-panel,.studio-editor{min-width:0;padding:16px}.studio-list-panel>.studio-input{margin-top:16px}.studio-list{max-height:36vh}.studio-topbar{align-items:flex-start;flex-direction:column;gap:14px}.studio-actions,.studio-form-actions,.studio-panel-head,.studio-panel-head.compact{align-items:stretch;flex-wrap:wrap}.studio-panel-head>div{flex:1 1 180px}.studio-panel-head>.studio-button.small{flex:0 0 auto;margin-left:auto}.studio-form-actions.review{position:static}.studio-action-note{max-width:none}.studio-action-buttons{width:100%;flex-wrap:wrap;gap:10px}.studio-actions .studio-button,.studio-form-actions .studio-button,.studio-action-buttons .studio-button{flex:1 1 auto}.studio-block-head,.studio-pending-title,.studio-gallery-actions{align-items:flex-start;flex-wrap:wrap}.studio-pending-badges{justify-content:flex-start}.studio-pending-meta,.studio-change-row{grid-template-columns:1fr}.studio-change-row span:first-child{border-right:0;border-bottom:1px solid var(--studio-line)}.studio-gallery-item,.studio-image-preview{grid-template-columns:1fr}}