:root{--bg:#f6f5f0;--surface:#fff;--surface-alt:#faf9f5;--ink-1:#1a1a18;--ink-2:#3a3934;--ink-3:#6f6d66;--ink-4:#9c9a90;--line-1:#e5e3dc;--line-2:#d5d3ca;--line-3:#bcb9ae;--accent:#c54a1e;--accent-soft:#fbeee7;--ok:#2d6a4f;--ok-soft:#e6f0ea;--warn:#b8860b;--warn-soft:#fbf3dc;--err:#9e2a2a;--err-soft:#f8e8e6;--info:#1d4e8a;--info-soft:#e4edf7;--font-display:"Fraunces", Georgia, serif;--font-body:"IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-display-2xl:3rem;--text-display-xl:2.25rem;--text-display-lg:1.875rem;--text-xl:1.25rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-mono-base:.875rem;--text-mono-sm:.8125rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--ink-1);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--elevation-0:none;--elevation-1:0 1px 2px #1a1a180a, 0 1px 1px #1a1a1808;--elevation-2:0 2px 4px #1a1a180f, 0 1px 2px #1a1a180a;--elevation-3:0 4px 12px #1a1a1814, 0 2px 4px #1a1a180a;--motion-duration-fast:.12s;--motion-duration-base:.2s;--motion-duration-slow:.32s;--motion-ease-in-out:cubic-bezier(.4, 0, .2, 1);--motion-ease-out:cubic-bezier(0, 0, .2, 1);--motion-ease-in:cubic-bezier(.4, 0, 1, 1)}@keyframes mg-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes mg-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--text-sm);background:var(--bg);color:var(--ink-1);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-main{max-width:900px;margin:0 auto;padding:40px 32px 80px}.settings-body{flex-direction:column;gap:0;display:flex}.settings-section{border-bottom:1px solid var(--line-2);margin-bottom:40px;padding-bottom:40px}.settings-section:last-child{border-bottom:none}.save-badge{color:var(--ok,#2d8a4e);font-size:12px;font-family:var(--font-mono);border:1px solid var(--ok,#2d8a4e);border-radius:2px;padding:2px 8px}.sf-group{border:1px solid var(--line-2);background:var(--surface);border-radius:2px;flex-direction:column;gap:0;margin-bottom:16px;display:flex}.sf-row{border-bottom:1px solid var(--line-2);grid-template-columns:240px 1fr;align-items:start;gap:24px;padding:18px 20px;display:grid}.sf-row:last-child{border-bottom:none}.sf-label{font-size:var(--text-sm);color:var(--ink-1);padding-top:8px;font-weight:500}.sf-control{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sf-input{width:100%;font-size:var(--text-sm);font-family:var(--font-mono);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-1);box-sizing:border-box;border-radius:2px;outline:none;padding:8px 12px}.sf-input:focus{border-color:var(--ink-2)}.sf-select{font-size:var(--text-sm);font-family:var(--font-body);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-1);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a897f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:2px;outline:none;padding:8px 32px 8px 12px}.sf-desc{color:var(--ink-3);margin:0;font-size:11px}.sf-toggle{background:var(--line-2);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.sf-toggle.on{background:var(--ok,#2d8a4e)}.sf-toggle-knob{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.sf-toggle.on .sf-toggle-knob{transform:translate(20px)}.sf-toggle-label{color:var(--ink-3);margin-left:8px;font-size:12px;line-height:24px}.sf-control{flex-flow:wrap;align-items:center}.sf-control .sf-input,.sf-control .sf-select{flex:auto}.sf-control .sf-desc{flex:0 0 100%;align-self:flex-start}.sf-actions{justify-content:flex-end;display:flex}@media (width<=720px){.settings-main{padding:24px 16px 60px}.sf-row{grid-template-columns:1fr;gap:8px}.sf-label{padding-top:0}}.topbar{background:var(--surface,#fff);border-bottom:1px solid var(--line-2,#e3e1d6);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-brand{align-items:baseline;gap:14px;text-decoration:none;display:flex}.topbar-brand-mark{font-family:var(--font-display,Georgia, serif);letter-spacing:-.01em;color:var(--ink-1,#0f0f0e);font-size:20px;font-style:italic;font-weight:400;text-decoration:none}.topbar-brand-mark:first-letter{color:var(--accent,#c54a1e)}.topbar-brand-sub{color:var(--ink-3,#8a897f);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--line-2,#e3e1d6);padding-left:14px;font-size:11px}.topbar-nav{gap:4px;display:flex}.topbar-nav-link{color:var(--ink-2,#4a4a45);border-radius:2px;padding:8px 14px;font-size:13px;text-decoration:none;transition:background .12s;position:relative}.topbar-nav-link:hover{background:var(--bg,#f6f5f0)}.topbar-nav-link--active{color:var(--ink-1,#0f0f0e);font-weight:500}.topbar-nav-link--active:after{content:"";background:var(--accent,#c54a1e);height:2px;position:absolute;bottom:-18px;left:14px;right:14px}.topbar-nav-link--active:hover{background:0 0}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-env-badge{font-family:var(--font-mono,monospace);letter-spacing:.04em;border-radius:2px;padding:4px 8px;font-size:11px;font-weight:500}.topbar-env-badge--prod{background:var(--err-soft,#f8e8e6);color:var(--err,#9e2a2a)}.topbar-env-badge--stage{background:var(--warn-soft,#fbf3dc);color:var(--warn,#b8860b)}.topbar-env-badge--dev{background:var(--info-soft,#e4edf7);color:var(--info,#1d4e8a)}.topbar-user{color:var(--ink-2,#4a4a45);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.topbar-avatar{background:var(--ink-1,#0f0f0e);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:500;display:flex}.topbar-user-name{font-size:13px}.mg-shell{background:var(--bg,#f6f5f0);min-height:100vh;font-family:var(--font-body,sans-serif);grid-template-rows:auto auto 1fr auto;display:grid}.mg-shell-main{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:40px 32px 80px}@media (width<=768px){.mg-shell-main{padding:24px 16px 48px}}