:root{color-scheme:light;font-synthesis:none;--studio-font:"Pretendard Variable",Pretendard,"Noto Sans KR",system-ui,sans-serif;--studio-font-display:"Plus Jakarta Sans Variable","Pretendard Variable",Pretendard,"Noto Sans KR",sans-serif;--studio-ink:oklch(19% 0.018 247);--studio-ink-soft:oklch(30% 0.018 247);--studio-muted:oklch(44% 0.018 247);--studio-line-strong:oklch(80% 0.018 247);--studio-line:oklch(88% 0.014 247);--studio-canvas:oklch(96% 0.012 247);--studio-surface:oklch(98% 0.008 247);--studio-primary:oklch(34.6% 0.074 256);--studio-action:oklch(54.6% 0.215 263);--studio-focus:oklch(62% 0.17 258);--studio-success:oklch(43% 0.13 146);--studio-danger:oklch(50% 0.19 27);--studio-danger-soft:oklch(95% 0.03 27)}body,html{margin:0;min-height:100%}body{background:oklch(96% .012 247);color:oklch(19% .018 247);font-family:var(--studio-font);font-feature-settings:"kern";font-kerning:normal}a,button,input,select,textarea{font:inherit}.studio-home{display:grid;min-height:100dvh}.studio-sidebar{background:oklch(22% .04 252);color:oklch(95% .015 247);display:none;flex-direction:column;padding:1.5rem 1rem}.studio-sidebar__brand{font-family:var(--studio-font-display);font-size:.8rem;font-weight:800;letter-spacing:.12em}.studio-sidebar nav{display:grid;gap:.25rem;margin-top:3rem}.studio-sidebar a{color:oklch(78% .025 247);font-size:.875rem;padding:.75rem;text-decoration:none}.studio-sidebar a[aria-current=page]{background:oklch(31% .06 252);color:oklch(98% .008 247)}.studio-sidebar__account{border-top:1px solid oklch(40% .035 252);display:grid;gap:.25rem;margin-top:auto;padding:1rem .75rem 0}.studio-sidebar__account span{font-size:.8125rem;font-weight:700}.studio-sidebar__account small{color:oklch(72% .025 247);font-size:.6875rem}.studio-sidebar__account button{background:transparent;border:0;color:oklch(78% .025 247);cursor:pointer;font-size:.75rem;margin-top:.5rem;min-height:2.75rem;padding:0;text-align:left}.studio-main{padding:clamp(1.25rem,5vw,4rem)}.studio-kicker{color:oklch(48% .12 252);font-size:.7rem;font-weight:800;letter-spacing:.14em;margin:0}.studio-kicker,.studio-main h1{font-family:var(--studio-font-display)}.studio-main h1{font-size:clamp(2.25rem,6vw,4.75rem);letter-spacing:-.055em;line-height:1;margin:1rem 0;max-width:12ch}.studio-lead{color:oklch(45% .025 247);font-size:1.05rem;line-height:1.7;max-width:53ch}.site-summary{border-top:1px solid oklch(77% .02 247);display:grid;gap:1.5rem;margin-top:clamp(3rem,8vw,6rem);padding-top:1.5rem}.site-summary__meta span,.site-summary__stats span{color:oklch(52% .02 247);display:block;font-size:.75rem}.site-summary__meta strong{display:block;font-size:1.5rem;margin-top:.3rem}.site-summary__stats{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.site-summary__stats strong{display:block;font-family:var(--studio-font-display);font-size:1.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.studio-actions a{align-items:center;border:1px solid oklch(30% .06 252);color:oklch(27% .06 252);display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;min-height:2.75rem;padding:0 1.1rem;text-decoration:none}.studio-actions a:first-child{background:oklch(28% .06 252);color:oklch(98% .008 247)}.studio-section-heading{align-items:end;display:flex;justify-content:space-between}.studio-section-heading h2{font-family:var(--studio-font-display);font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:-.045em;margin:.5rem 0 0}.studio-page-list{margin-top:clamp(3rem,7vw,6rem)}.studio-create-page{background:color-mix(in oklch,white 82%,transparent);border:1px solid oklch(82% .02 247);margin:1.25rem 0}.studio-create-page summary{cursor:pointer;font-weight:750;padding:1rem 1.125rem}.studio-create-page form{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1.125rem 1.125rem}.studio-create-page label{color:oklch(38% .035 247);display:grid;font-size:.75rem;font-weight:750;gap:.45rem;letter-spacing:.035em}.studio-create-page input,.studio-create-page select{background:white;border:1px solid oklch(78% .025 247);color:oklch(19% .018 247);min-height:2.75rem;padding:0 .75rem}.studio-create-page button{background:oklch(22% .04 252);border:0;color:white;font-weight:800;min-height:2.75rem;padding:0 1rem}.studio-create-page fieldset{border:1px solid var(--studio-line);display:grid;gap:.5rem;grid-column:1/-1;margin:0;padding:.75rem 1rem}.studio-create-page legend{color:var(--studio-muted);font-size:.75rem;font-weight:750;padding:0 .25rem}.studio-create-page fieldset label{align-items:center;display:flex;font-size:.8125rem;gap:.6rem;letter-spacing:0;min-height:2.75rem}.studio-create-page fieldset input{accent-color:var(--studio-action);min-height:0}.studio-create-page p[role=alert]{color:oklch(46% .18 27);margin:0}.studio-page-list ul{border-top:1px solid oklch(77% .02 247);list-style:none;margin:1.25rem 0 0;padding:0}.studio-page-list li{border-bottom:1px solid oklch(84% .018 247);display:grid;gap:1rem;padding:1.25rem 0}.studio-page-list li>div:first-child{display:grid;gap:.25rem}.studio-page-list li small,.studio-page-list li span{color:oklch(50% .025 247);font-size:.6875rem}.studio-page-list li strong{font-size:1rem}.studio-page-list__actions{display:flex;flex-wrap:wrap;gap:.5rem}.studio-page-list__actions a{align-items:center;border:1px solid oklch(72% .03 247);color:oklch(30% .06 252);display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-height:2.75rem;padding:0 .8rem;text-decoration:none}.studio-empty-state{border:1px dashed oklch(72% .03 247);margin-top:1.25rem;padding:2rem}.studio-empty-state p{color:oklch(50% .025 247);line-height:1.6;margin-bottom:0}.studio-login{align-items:center;display:grid;min-height:100dvh;padding:1.25rem}.studio-login__card{background:oklch(98% .008 247);border-top:4px solid oklch(28% .06 252);box-shadow:0 1.5rem 4rem oklch(22% .03 247/.12);margin:0 auto;max-width:28rem;padding:clamp(1.5rem,5vw,3rem);width:100%}.studio-login__mark{align-items:center;background:oklch(22% .04 252);color:white;display:inline-flex;font-weight:800;height:2.5rem;justify-content:center;margin-bottom:2rem;width:2.5rem}.studio-login h1,.studio-login__mark{font-family:var(--studio-font-display)}.studio-login h1{font-size:clamp(2rem,8vw,3.5rem);letter-spacing:-.055em;margin:.5rem 0}.studio-login__card>p:not(.studio-kicker){color:oklch(48% .025 247);line-height:1.6}.studio-login__form{display:grid;gap:.65rem;margin-top:2rem}.studio-login__form label{font-size:.75rem;font-weight:700;margin-top:.4rem}.studio-login__form input{background:white;border:1px solid oklch(75% .025 247);min-height:3rem;padding:0 .8rem}.studio-login__form button{background:oklch(22% .04 252);border:0;color:white;font-weight:750;margin-top:.75rem;min-height:3rem}.studio-login__form button:disabled{cursor:wait;opacity:.65}.studio-login__error{background:oklch(94% .045 28);color:oklch(42% .17 28);font-size:.75rem;margin:.5rem 0 0;padding:.75rem}.draft-preview__bar{background:oklch(22% .04 252)}.draft-preview__bar,.token-preview__bar{align-items:center;color:white;display:flex;gap:1rem;justify-content:space-between;min-height:4rem;padding:.65rem 1rem}.token-preview__bar{background:oklch(19% .045 252);border-bottom:3px solid oklch(67% .17 77)}.token-preview__bar div{display:grid;gap:.2rem}.token-preview__bar span{color:oklch(80% .08 77);font-family:var(--studio-font-display);font-size:.625rem;font-weight:800;letter-spacing:.08em}.token-preview__bar p,.token-preview__bar strong{font-size:.8125rem;margin:0}.token-preview__bar p{color:oklch(82% .025 247);text-align:right}.draft-preview__bar div{display:grid;gap:.2rem}.draft-preview__bar span{color:oklch(78% .04 247);font-size:.625rem;font-weight:750;letter-spacing:.08em}.draft-preview__bar strong{font-size:.8125rem}.draft-preview__bar a{border:1px solid oklch(78% .04 247);color:white;font-size:.75rem;font-weight:700;min-height:2.75rem;padding:0 .8rem;align-items:center;display:inline-flex;text-decoration:none}:where(.studio-login,.studio-home,.draft-preview,.token-preview) :where(a,button,input):focus-visible{outline:3px solid oklch(65% .17 252);outline-offset:3px}@media (max-width:40rem){.studio-create-page form{grid-template-columns:1fr}}@media (min-width:56rem){.studio-home{grid-template-columns:14rem minmax(0,1fr)}.studio-sidebar{display:flex}.site-summary{align-items:end;grid-template-columns:minmax(14rem,1fr) minmax(20rem,1fr)}.studio-page-list li{align-items:center;grid-template-columns:minmax(0,1fr) auto}}