@font-face{font-family:LINE Seed Sans KR;font-style:normal;font-weight:400;src:url(/design-system/fonts/LINESeedKR-Rg.ttf) format("truetype")}@font-face{font-family:LINE Seed Sans KR;font-style:normal;font-weight:700;src:url(/design-system/fonts/LINESeedKR-Bd.ttf) format("truetype")}@font-face{font-family:LINE Seed Sans KR;font-style:normal;font-weight:300;src:url(/design-system/fonts/LINESeedKR-Th.ttf) format("truetype")}:root{color-scheme:dark;font-family:LINE Seed Sans KR,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-background: #111312;--color-surface: #181b19;--color-surface-raised: #20241f;--color-surface-muted: #282d28;--color-border: #363a35;--color-border-strong: #4a5048;--color-text-primary: #ecefed;--color-text-secondary: #bdc5bd;--color-text-muted: #8e968d;--color-primary: #63cbb5;--color-primary-pressed: #55b9a5;--color-primary-text: #061b18;--color-accent: #d8b1a4;--color-accent-text: #24120f;--color-warning: #e4c16f;--color-warning-surface: #2e2819;--color-danger: #ff7a70;--color-danger-surface: #3a2022;--radius-control: 8px;--radius-panel: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px}*{box-sizing:border-box}html{background:var(--color-background)}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-text-primary);letter-spacing:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:var(--space-6);border-right:1px solid var(--color-border);background:#0d0f0e;padding:var(--space-6) var(--space-5)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:var(--color-primary);color:var(--color-primary-text);font-size:22px;font-weight:700}.brand strong,.brand span{display:block}.brand strong{color:var(--color-text-primary);font-size:17px;font-weight:700;line-height:1.35}.brand span{margin-top:2px;color:var(--color-text-muted);font-size:12px;line-height:1.35}.nav-list{display:grid;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text-secondary);padding:0 var(--space-3);text-align:left}.nav-item.is-active{border-color:var(--color-border);background:var(--color-surface);color:var(--color-primary)}.sidebar-note{display:flex;gap:var(--space-3);margin-top:auto;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-4)}.sidebar-note svg{flex:0 0 auto;color:var(--color-primary)}.sidebar-note p{margin:0;font-size:13px;line-height:1.55}.content{width:min(100%,1240px);margin:0 auto;padding:var(--space-7)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding-bottom:var(--space-7)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-primary);font-size:13px;font-weight:700;line-height:1.4}.page-header h1{max-width:720px;margin:0;color:var(--color-text-primary);font-size:56px;font-weight:700;line-height:1.08}.lede{max-width:660px;margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:17px;line-height:1.65}.header-actions{display:flex;gap:var(--space-2)}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary)}.section{padding:var(--space-7) 0;border-top:1px solid var(--color-border)}.section-title{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.section-title>span{display:grid;width:36px;height:28px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-primary);font-size:12px;font-weight:700}.section-title h2{margin:0;font-size:22px;line-height:1.35}.section-title p{margin:4px 0 0;color:var(--color-text-muted);font-size:14px;line-height:1.55}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.swatch{display:flex;min-height:72px;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-3)}.swatch-chip{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control)}.swatch strong,.swatch span{display:block}.swatch strong{font-size:13px;line-height:1.4}.swatch span{margin-top:3px;color:var(--color-text-muted);font-size:12px;line-height:1.4}.type-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:var(--space-5);margin-top:var(--space-6)}.type-label{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:12px;line-height:1.4}.type-row h2{max-width:760px;margin:0;font-size:48px;font-weight:700;line-height:1.15}.body-copy{margin:0;color:var(--color-text-secondary);font-size:16px;line-height:1.65}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-5)}.panel-title{margin:0 0 var(--space-4);color:var(--color-text-primary);font-size:15px;font-weight:700;line-height:1.4}.button-row,.chip-row,.composer-actions,.reaction-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);padding:0 var(--space-4);font-size:14px;font-weight:700}.button.primary{background:var(--color-primary);color:var(--color-primary-text)}.button.primary:hover{background:var(--color-primary-pressed)}.button.secondary{border-color:var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary)}.button.ghost{background:transparent;color:var(--color-text-muted)}.button.full{width:100%}.field{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.field:first-of-type{margin-top:0}.field span{color:var(--color-text-primary);font-size:14px;font-weight:700}.field input,.field textarea{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);font-size:15px}.field input{min-height:48px;padding:0 var(--space-4)}.field textarea{min-height:120px;resize:vertical;padding:var(--space-4);line-height:1.55}.field small{color:var(--color-text-muted);font-size:12px;line-height:1.45}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);border-radius:var(--radius-control);background:var(--color-surface-muted);padding:var(--space-1)}.segmented button{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:700}.segmented .is-selected{background:var(--color-surface-raised);color:var(--color-text-primary)}.chip-row{margin-top:var(--space-4)}.chip-row.compact{margin-top:0}.chip{min-height:40px;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);padding:0 var(--space-4);font-size:14px;font-weight:700}.chip.is-selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.notice{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-4)}.notice+.notice{margin-top:var(--space-3)}.notice p{margin:0;font-size:14px;line-height:1.55}.notice.info{background:var(--color-surface-raised);color:var(--color-text-secondary)}.notice.info svg{color:var(--color-primary)}.notice.warning{border-color:#e4c16f59;background:var(--color-warning-surface);color:var(--color-text-secondary)}.notice.warning svg{color:var(--color-warning)}.showcase{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-5);align-items:start}.feed-column{display:grid;gap:var(--space-3)}.feed-item{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-5)}.feed-item.is-active{border-color:#63cbb580}.feed-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:12px;line-height:1.45}.feed-meta span:first-child{color:var(--color-primary);font-weight:700}.feed-item p{margin:var(--space-3) 0 var(--space-4);color:var(--color-text-primary);font-size:16px;line-height:1.65}.reaction-row button{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:0;background:transparent;color:var(--color-text-muted);padding:0 var(--space-2);font-size:13px}.reaction-row button:first-child{color:var(--color-accent)}.composer{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-5)}.composer-head{display:flex;justify-content:space-between;gap:var(--space-3)}.composer-head p,.composer-head span{margin:0;font-size:14px;line-height:1.45}.composer-head p{font-weight:700}.composer-head span{color:var(--color-text-muted)}.composer textarea{width:100%;min-height:160px;margin:var(--space-4) 0;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-background);color:var(--color-text-secondary);padding:var(--space-4);resize:vertical;line-height:1.65}.composer-actions{justify-content:flex-end}.mobile-frame{display:grid;gap:var(--space-5);border:1px solid var(--color-border);border-radius:28px;background:var(--color-background);padding:var(--space-5)}.mobile-status{width:72px;height:4px;margin:0 auto;border-radius:999px;background:var(--color-border-strong)}.mobile-copy h2{margin:0;color:var(--color-text-primary);font-size:27px;line-height:1.25}.mobile-copy p:last-child{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-border)}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{justify-content:center}.nav-item span{display:none}.sidebar-note{margin-top:0}.content{padding:var(--space-6)}.showcase{grid-template-columns:1fr}.mobile-frame{max-width:420px}}@media(max-width:720px){.sidebar,.content{padding:var(--space-5)}.page-header{display:grid}.page-header h1{font-size:36px;line-height:1.16}.type-row h2{font-size:34px;line-height:1.2}.header-actions{order:-1;justify-content:flex-end}.component-grid,.type-row{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(5,1fr)}.sidebar-note{display:none}}