@font-face{font-family:Pretendard;src:url(/assets/fonts/PretendardVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper:#090d11;--paper-warm:#0b1014;--surface:#10161b;--surface-soft:#141b21;--ink:#f3f6f7;--ink-2:#b6c0c7;--muted:#7f8b94;--line:#273139;--line-strong:#36434d;--cobalt:#4ed6d4;--cobalt-bright:#77e5e2;--cobalt-soft:#4ed6d41c;--success:#70d6a5;--success-soft:#70d6a51f;--warning:#e7bd73;--warning-soft:#e7bd731f;--danger:#f08383;--danger-soft:#f083831f;--canvas-inset:#0b1014;--canvas-raised:#0d1217;--canvas-control:#0d1318;--canvas-muted:#1a2229;--track:#242c34;--nav-glass:#090d11f5;--nav-hover:#ffffff06;--on-accent:#071012;--media-canvas:#111820;--shadow-sm:0 10px 30px #00000038;--shadow-md:0 28px 70px #00000061;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-width:208px;--inspector-width:320px;--content-max:1560px;--font-sans:"Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:320px}html[data-theme=light]{--paper:#f3f5f4;--paper-warm:#f7f9f8;--surface:#fff;--surface-soft:#eef2f1;--ink:#172027;--ink-2:#3d4b53;--muted:#65737b;--line:#d8e0e2;--line-strong:#b9c6ca;--cobalt:#087276;--cobalt-bright:#065e62;--cobalt-soft:#0872761a;--success:#197052;--success-soft:#1970521a;--warning:#8d5d05;--warning-soft:#8d5d051a;--danger:#b44343;--danger-soft:#b443431a;--shadow-sm:0 8px 24px #152c360f;--shadow-md:0 18px 46px #152c361a;--canvas-inset:#f7f9f8;--canvas-raised:#eef2f1;--canvas-control:#f7f9f8;--canvas-muted:#e4eae9;--track:#d8e0e2;--nav-glass:#fffffff0;--nav-hover:#1720270b;--on-accent:#fff}html[data-theme=light],html[data-theme=light] body{background:var(--paper)}body{min-height:100vh;color:var(--ink);background:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{color:#071012;background:var(--cobalt)}:focus-visible{outline-offset:3px;outline:3px solid #4ed6d46b}.skip-link{z-index:1000;color:#fff;background:var(--ink);border-radius:10px;align-items:center;min-height:44px;padding:10px 14px;display:inline-flex;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{color:var(--on-accent);background:var(--cobalt);box-shadow:0 8px 20px #1d4ed82e}.button-primary:hover{background:var(--cobalt-bright)}.button-secondary{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.button-secondary:hover{border-color:var(--cobalt-bright);color:var(--cobalt)}.route-state{align-content:center;justify-items:start;gap:12px;width:min(760px,100% - 40px);min-height:100vh;margin:0 auto;display:grid}.route-state h1{letter-spacing:-.04em;max-width:620px;margin:0;font-size:clamp(30px,6vw,54px);line-height:1.08}.route-state>p:not(.eyebrow){max-width:560px;color:var(--ink-2);margin:0 0 12px;font-size:17px}.state-mark{background:var(--cobalt);border-radius:999px;width:32px;height:4px}.state-skeleton{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(100deg,#11181e 25%,#1a232b 40%,#11181e 55%) 0 0/260% 100%;width:100%;height:180px;margin-top:16px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position-x:-180%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:560px){.route-state{width:min(100% - 28px,760px)}}.app-shell{min-height:100vh}.side-rail{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffed;flex-direction:column;padding:22px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.workspace-shell{--sidebar-width:176px}.workspace-create{color:#fff;background:var(--cobalt);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:760;display:flex;box-shadow:0 9px 20px #1d4ed833}.workspace-create:hover{background:#1645c2}.workspace-nav{border-bottom:1px solid var(--line);margin-top:16px;padding-bottom:14px}.workspace-recent{gap:6px;margin-top:18px;display:grid}.workspace-recent>p{color:var(--muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0 8px 3px;font-size:9px;font-weight:750}.workspace-recent>a{border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:6px;display:grid}.workspace-recent>a:hover,.workspace-recent>a.is-active{background:var(--surface-soft)}.workspace-recent>a.is-active{box-shadow:inset 2px 0 0 var(--cobalt)}.workspace-thumb{background:#e6eaf0;border-radius:7px;width:42px;height:54px;position:relative;overflow:hidden}.workspace-thumb img{object-fit:cover}.workspace-recent>a>span:last-child{gap:4px;min-width:0;display:grid}.workspace-recent strong,.workspace-recent small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-recent strong{font-size:11px}.workspace-recent small{color:var(--muted);font-size:9px}.workspace-wordmark{min-height:42px;color:var(--ink-2);letter-spacing:.09em;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.brand-lockup{align-items:center;gap:10px;min-height:48px;padding:4px 8px 12px;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand-lockup>span:last-child,.account-link>span{line-height:1.1;display:grid}.brand-lockup strong{letter-spacing:.08em;font-size:13px}.brand-lockup small,.account-link small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;margin-top:5px;font-size:9px}.primary-nav{gap:4px;margin-top:22px;display:grid}.primary-nav a{min-height:45px;color:var(--ink-2);border-radius:11px;align-items:center;gap:11px;padding:0 12px;font-weight:650;display:flex}.rail-spacer{flex:1}.credit-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:58px;padding:10px 12px;display:grid}.credit-card>span{color:var(--ink-2);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.credit-card strong{font-family:var(--font-mono);font-size:17px}.account-link{border-radius:12px;align-items:center;gap:9px;min-height:56px;margin-top:12px;padding:8px;display:flex}.account-link:hover{background:var(--surface-soft)}.account-link strong{font-size:12px}.app-body{min-width:0;min-height:100vh;margin-left:var(--sidebar-width)}.mobile-topbar,.mobile-nav{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,54px);line-height:1.06}.page-description{max-width:680px;color:var(--ink-2);margin:12px 0 0;font-size:16px}.page-actions{flex:none;align-items:center;gap:8px;display:flex}.data-source-notice{min-height:42px;color:var(--ink-2);background:#4ed6d412;border:1px solid #4ed6d459;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;font-size:12px;display:flex}.data-source-notice svg{color:var(--cobalt);flex:none}.status-pill{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.status-draft,.status-archived{color:var(--ink-2);background:#eceff3}.status-ready{color:var(--cobalt);background:var(--cobalt-soft)}.status-producing{color:var(--warning);background:var(--warning-soft)}.status-needs_attention{color:var(--danger);background:var(--danger-soft)}.status-delivered{color:var(--success);background:var(--success-soft)}.progress-steps{grid-template-columns:repeat(4,minmax(90px,1fr));margin:0;padding:0;list-style:none;display:grid}.progress-steps li{color:var(--muted);justify-items:center;gap:7px;font-size:12px;font-weight:700;display:grid;position:relative}.progress-steps li small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.2}.progress-steps li:before{content:"";z-index:0;background:var(--line-strong);height:1px;position:absolute;top:14px;left:-50%;right:50%}.progress-steps li:first-child:before{display:none}.progress-node{z-index:1;border:1px solid var(--line-strong);width:29px;height:29px;color:var(--muted);background:var(--surface);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:11px;display:grid;position:relative}.progress-steps .is-current,.progress-steps .is-complete{color:var(--cobalt)}.progress-steps .is-current .progress-node,.progress-steps .is-complete .progress-node{border-color:var(--cobalt);color:#fff;background:var(--cobalt)}.progress-steps .is-complete:before,.progress-steps .is-current:before{background:var(--cobalt)}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--surface);border-radius:12px;place-items:center;padding:0;display:grid}.theme-toggle{min-height:44px;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0 24px;font-size:13px;display:flex}.theme-toggle:hover{color:var(--ink);background:var(--surface-soft)}.theme-toggle-icon{width:22px;color:var(--cobalt);place-items:center;display:grid}.theme-toggle-compact{border:1px solid var(--line);background:var(--surface);border-radius:50%;justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.theme-toggle-compact .theme-toggle-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){:is(html:has(.route-state),body:has(.route-state)){color:#172027;background:#f3f5f4}.route-state{--surface:#fff;--surface-soft:#eef2f1;--ink:#172027;--ink-2:#3d4b53;--line:#d8e0e2;--cobalt:#087276;width:min(100% - 32px,760px);min-height:100dvh;color:var(--ink);background:#f3f5f4;align-content:start;padding:clamp(64px,12vh,96px) 0 40px}.route-state h1{max-width:520px;font-size:clamp(32px,9vw,44px)}.state-skeleton{border-color:var(--line);background:linear-gradient(100deg,#fff 25%,#eef2f1 40%,#fff 55%) 0 0/260% 100%;height:160px}.side-rail{display:none}.app-body{padding-bottom:calc(76px + env(safe-area-inset-bottom));color:var(--ink);background:var(--paper);margin-left:0}.mobile-topbar{z-index:25;border-bottom:1px solid var(--line);background:var(--nav-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;min-height:64px;padding:8px 16px;display:flex;position:sticky;top:0}.mobile-brand{letter-spacing:.08em;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:850;display:flex}.mobile-nav{z-index:40;min-height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--nav-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-height:56px;color:var(--muted);border-radius:11px;place-content:center;justify-items:center;gap:3px;font-size:10px;font-weight:700;display:grid}.mobile-nav a.is-active{color:var(--cobalt);background:var(--cobalt-soft)}}html[data-theme=light] .state-skeleton{background-image:linear-gradient(100deg,#fff 25%,#eef2f1 40%,#fff 55%)}@media (max-width:620px){.page-header{flex-direction:column;align-items:stretch;gap:18px}.page-actions,.page-actions .button{width:100%}.progress-steps{grid-template-columns:repeat(4,minmax(58px,1fr))}.progress-steps li{font-size:10px}}.side-rail{width:var(--sidebar-width);border-right:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;padding:18px 0 0}.brand-lockup{border-bottom:1px solid var(--line);justify-content:flex-start;gap:11px;min-height:72px;padding:0 20px}.brand-mark{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--ink);background:var(--canvas-raised);border-radius:50%;flex:none}.brand-name{min-width:0;line-height:1;display:grid}.brand-name strong{letter-spacing:.13em;font-size:12px}.brand-name small{color:var(--muted);font:700 8px/1 var(--font-mono);letter-spacing:.1em;margin-top:6px}.primary-nav{gap:6px;margin-top:16px}.primary-nav a{min-height:54px;color:var(--ink-2);border-radius:0;gap:13px;padding:0 24px;font-size:14px;font-weight:650;position:relative}.primary-nav a:hover{color:var(--ink);background:var(--nav-hover)}.primary-nav a.is-active{color:var(--cobalt);background:linear-gradient(90deg,#4ed6d426,#4ed6d408)}.primary-nav a.is-active:after{background:var(--cobalt);content:"";width:2px;position:absolute;inset:0 0 0 auto}.rail-credit{border-top:1px solid var(--line);margin:18px 24px 16px;padding:16px 0}.rail-credit p,.rail-credit strong{margin:0}.rail-credit p{color:var(--muted);font-size:12px}.rail-credit strong{color:var(--cobalt);margin-top:5px;font-size:14px;display:block}.rail-credit a{border:1px solid var(--line);min-height:36px;color:var(--ink-2);background:var(--surface-soft);border-radius:5px;justify-content:center;align-items:center;margin-top:12px;font-size:12px;font-weight:700;display:flex}.rail-credit a:hover{border-color:var(--cobalt);color:var(--cobalt)}.utility-nav{border-top:1px solid var(--line);display:grid}.utility-nav .theme-toggle{width:100%;min-height:52px}.utility-nav a{min-height:52px;color:var(--ink-2);align-items:center;gap:13px;padding:0 24px;font-size:13px;display:flex}.utility-nav a:hover{color:var(--ink);background:var(--surface-soft)}.utility-nav a.is-active{color:var(--cobalt);background:var(--cobalt-soft)}.app-body{margin-left:var(--sidebar-width);background:var(--paper)}@media (max-width:900px){.app-body{padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}.mobile-topbar{border-bottom-color:var(--line);min-height:60px;color:var(--ink);background:var(--nav-glass);padding:7px 16px}.mobile-brand{color:var(--ink)}.mobile-create{color:#fff;background:var(--cobalt);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.mobile-actions{align-items:center;gap:8px;display:flex}.mobile-actions .theme-toggle-compact{color:var(--ink-2);background:var(--surface)}html[data-theme=dark] .mobile-actions .theme-toggle[data-light-only=true]{color:var(--cobalt);background:var(--cobalt-soft);border-color:#4ed6d473}.mobile-nav{border-top-color:var(--line);background:var(--nav-glass);grid-template-columns:repeat(5,1fr)}.mobile-nav a{color:var(--muted)}.mobile-nav a.is-active{color:var(--cobalt);background:var(--cobalt-soft)}}