.page-tip[data-astro-cid-6d7mwtum]{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border-left:3px solid var(--color-primary-light);padding:.5em 1em;margin-top:var(--space-2);border-radius:var(--radius-sm)}.quick-settings[data-astro-cid-6d7mwtum]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.quick-row[data-astro-cid-6d7mwtum]{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-4)}.quick-setting[data-astro-cid-6d7mwtum] label[data-astro-cid-6d7mwtum]{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);display:block;margin-bottom:var(--space-1)}.quick-setting[data-astro-cid-6d7mwtum] select[data-astro-cid-6d7mwtum]{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:#fff;outline:none;cursor:pointer;min-width:180px}.quick-setting[data-astro-cid-6d7mwtum] select[data-astro-cid-6d7mwtum]:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #2fa5991a}.color-section[data-astro-cid-6d7mwtum]{border-top:1px solid var(--color-border-light);padding-top:var(--space-4)}.color-section-header[data-astro-cid-6d7mwtum]{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.color-section-title[data-astro-cid-6d7mwtum]{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.color-section-desc[data-astro-cid-6d7mwtum]{font-size:var(--text-xs);color:var(--color-text-muted)}.color-list[data-astro-cid-6d7mwtum]{display:flex;gap:var(--space-3);flex-wrap:wrap}.color-list[data-astro-cid-6d7mwtum]:empty:after{content:"CSS에 색상 코드(#000000)가 없습니다";font-size:var(--text-xs);color:var(--color-text-muted)}.color-item[data-astro-cid-6d7mwtum]{display:flex;align-items:center;gap:var(--space-2);padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff}.color-item[data-astro-cid-6d7mwtum] input[data-astro-cid-6d7mwtum][type=color]{-webkit-appearance:none;appearance:none;width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;padding:0;background:none}.color-item[data-astro-cid-6d7mwtum] input[data-astro-cid-6d7mwtum][type=color]::-webkit-color-swatch-wrapper{padding:0}.color-item[data-astro-cid-6d7mwtum] input[data-astro-cid-6d7mwtum][type=color]::-webkit-color-swatch{border:1px solid var(--color-border);border-radius:4px}.color-item[data-astro-cid-6d7mwtum] input[data-astro-cid-6d7mwtum][type=text]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);width:5.5em;border:none;background:transparent;outline:none;padding:.15rem 0}.color-item[data-astro-cid-6d7mwtum] input[data-astro-cid-6d7mwtum][type=text]:focus{color:var(--color-primary);border-bottom:1px solid var(--color-primary-light)}.playground[data-astro-cid-6d7mwtum]{padding-bottom:var(--space-12)}.playground-layout[data-astro-cid-6d7mwtum]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.playground-editors[data-astro-cid-6d7mwtum]{display:flex;flex-direction:column;gap:var(--space-4)}.playground-editor-block[data-astro-cid-6d7mwtum]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.playground-label[data-astro-cid-6d7mwtum]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.playground-textarea[data-astro-cid-6d7mwtum]{width:100%;min-height:180px;padding:var(--space-4);border:none;resize:vertical;font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--color-text);background:#fff;outline:none;tab-size:2}.playground-textarea[data-astro-cid-6d7mwtum]::placeholder{color:var(--color-text-muted)}.playground-textarea[data-astro-cid-6d7mwtum]:focus{box-shadow:inset 0 0 0 2px #2fa59926}.playground-preview-area[data-astro-cid-6d7mwtum]{position:sticky;top:calc(var(--header-height) + var(--nav-height) + var(--space-4))}@media(max-width:768px){.playground-layout[data-astro-cid-6d7mwtum]{grid-template-columns:1fr}.playground-preview-area[data-astro-cid-6d7mwtum]{position:static}}@media(max-width:480px){.playground-textarea[data-astro-cid-6d7mwtum]{min-height:140px;font-size:.78rem}.color-list[data-astro-cid-6d7mwtum]{gap:var(--space-2)}}