:root{--page-bg:#ffffff;--ui-bg:#ffffff;--ui-subtle:#f9fafb;--ui-fg:#111827;--ui-muted:#6b7280;--ui-border:#e5e7eb;--art-fg:#444444;--hero-bg:#f1f3f5;--hero-fg:#adb5bd;--ghost-accent-color:#3b82f6;--greedylabs-ghost-toc-fg:#15171a;--greedylabs-ghost-toc-muted:rgba(0,0,0,0.55);--greedylabs-ghost-toc-border:rgba(0,0,0,0.08)}:root[data-theme=dark]{--page-bg:#17181c;--ui-bg:#232429;--ui-subtle:#2b2c32;--ui-fg:#e8eaed;--ui-muted:#9aa0a6;--ui-border:#34353b;--art-fg:#c4c7cd;--hero-bg:#232429;--hero-fg:#6b7280;--ghost-accent-color:#60a5fa;--greedylabs-ghost-toc-fg:#ffffff;--greedylabs-ghost-toc-muted:rgba(255,255,255,0.64);--greedylabs-ghost-toc-border:rgba(255,255,255,0.15)}*{box-sizing:border-box}body{margin:0;color:var(--ui-fg);background:var(--page-bg);line-height:1.7;transition:background-color .2s ease,color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.panel{position:fixed;left:16px;top:16px;width:300px;max-height:calc(100vh - 32px);overflow:auto;z-index:1000;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;padding:16px;box-shadow:0 6px 24px rgba(0,0,0,.08);font-size:13px}.panel.panel--right{left:auto;right:16px}.panel h1{font-size:15px;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.gh-link{color:var(--ui-muted);display:inline-flex;line-height:0}.gh-link:hover{color:var(--ui-fg)}.panel .sub{color:var(--ui-muted);font-size:12px;margin:0 0 14px}.panel-meta{margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--ui-border)}.panel-meta .field.row{margin-bottom:0}.field{margin-bottom:11px}.field label{display:block;font-weight:600;margin-bottom:4px}.field input[type=number],.field input[type=text],.field select{width:100%;padding:6px 8px;border:1px solid var(--ui-border);border-radius:7px;font:inherit;font-size:13px;background:var(--ui-bg);color:var(--ui-fg)}.presets{display:flex;gap:6px;margin-top:6px}.preset{font:inherit;font-size:11px;padding:3px 8px;cursor:pointer;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-subtle);color:var(--ui-muted)}.preset:hover{color:var(--ui-fg)}.field.row{display:flex;gap:8px;align-items:flex-end}.field.row>div{flex:1 1}.field.check{display:flex;align-items:center;gap:8px}.field.check label{margin:0;font-weight:600}input[type=color]{width:100%;height:32px;padding:2px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-bg)}input[type=color]:disabled{opacity:.4}.color-input{display:flex;gap:6px;align-items:center}.color-input input[type=text]{flex:1 1;min-width:0}.color-input input[type=color]{width:34px;flex:none}.code-actions{display:flex;gap:6px}.reset{font:inherit;font-size:12px;padding:4px 10px;border:1px solid var(--ui-border);background:transparent;color:var(--ui-fg);border-radius:7px;cursor:pointer}.reset:hover{background:var(--ui-subtle)}.code{margin-top:14px}.code-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.code-head strong{font-size:12px}.copy{font:inherit;font-size:12px;padding:4px 10px;border:1px solid var(--ui-border);background:var(--ui-subtle);color:var(--ui-fg);border-radius:7px;cursor:pointer}.copy:hover{filter:brightness(.97)}.copy.ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}pre{margin:0;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12.5px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:auto;white-space:pre}.hint{color:var(--ui-muted);font-size:11.5px;margin-top:8px}.panel-support{margin-top:16px;padding-top:16px;text-align:center;border-top:1px solid var(--ui-border)}.panel-support p{margin:0 0 10px;font-size:11.5px;line-height:1.5;color:var(--ui-muted);white-space:nowrap}.panel-support a,.panel-support img{max-width:100%;vertical-align:middle}.demo-hero{max-width:1080px;margin:24px auto 0;height:340px;border-radius:14px;background:var(--hero-bg);color:var(--hero-fg);border:1px solid var(--ui-border);display:flex;align-items:center;justify-content:center;font-weight:500;letter-spacing:.02em}.gh-canvas{--content-width:720px;--container-width:1200px;--container-gap:4vmin;--main:min(var(--content-width),100% - var(--container-gap) * 2);--wide:minmax(0,calc((var(--container-width) - var(--content-width)) / 2));--full:minmax(var(--container-gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]}.gh-canvas>*{grid-column:main}.demo-article{margin:40px 0 48px}.demo-article h1{font-size:2.2rem}.demo-article h2{margin-top:2.4em;font-size:1.6rem}.demo-article h3{margin-top:1.6em;font-size:1.25rem}.demo-article p{margin:1em 0;color:var(--art-fg)}.demo-article pre{margin:1.2em 0}.demo-article li code,.demo-article p code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.86em;color:var(--ui-fg);background:var(--ui-subtle);border:1px solid var(--ui-border);border-radius:5px;padding:1px 5px;word-break:break-word}.demo-comments{margin:8px 0 0;padding-bottom:120px}.demo-comments-title{font-size:1.4rem;margin:0 0 16px}.demo-comments .giscus,.demo-comments .giscus-frame{width:100%}@media (max-width:1100px){.panel,.panel.panel--right{position:static;width:auto;max-height:none;margin:16px;box-shadow:none}.demo-article{margin-top:16px}}