:root{--primary-color:#0070f3;--secondary-color:#000;--background-color:#f5f5f5;--text-color:#333;--surface-color:#fff;--surface-muted-color:#f9f9f9;--border-color:#eaeaea;--border-strong-color:#ccc;--text-muted-color:#666;--text-subtle-color:#555;--button-secondary-background-color:#f0f0f0;--danger-color:#dc3545;--success-background-color:#f0fdf4;--success-border-color:#bbf7d0;--success-text-color:#166534;--error-background-color:#fef2f2;--error-border-color:#fecaca;--error-text-color:#991b1b;--info-background-color:#eff6ff;--info-border-color:#bfdbfe;--info-text-color:#1e40af;--highlight-background-color:#e6fffa;--highlight-border-color:#38b2ac;--highlight-text-color:#1a4e4f;--debug-background-color:#ff9800;--shadow-color-soft:rgba(0,0,0,.05);--shadow-color-medium:rgba(0,0,0,.1);--shadow-color-strong:rgba(0,0,0,.2);--font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{padding:0;margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color)}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.container{min-height:100vh;display:flex;flex-direction:column}.header{width:100%;padding:20px;display:flex;justify-content:flex-end;background-color:var(--surface-color);box-shadow:0 2px 4px var(--shadow-color-medium)}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.title{margin:0 0 2rem;line-height:1.15;font-size:3rem;text-align:center}.buttons{display:flex;gap:20px;margin-top:2rem}.btn{padding:12px 24px;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:opacity .2s;border:none}.btn-primary{background-color:var(--primary-color);color:var(--surface-color)}.btn-secondary{background-color:var(--secondary-color);color:var(--surface-color)}.btn:hover{opacity:.8}.footer{width:100%;height:100px;border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;background-color:var(--surface-color)}.footer a{margin:0 10px;color:var(--text-muted-color)}.footer a:hover{text-decoration:underline}.ShowcaseColorPicker_host__t5Qgr{position:-webkit-sticky;position:sticky;top:30px;z-index:1200;width:0;height:0;margin-left:30px;align-self:flex-start}.ShowcaseColorPicker_panel__5q5oP{width:360px;height:500px;overflow-y:auto;padding:14px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-color);box-shadow:0 8px 30px var(--shadow-color-strong);color:var(--text-color)}.ShowcaseColorPicker_header__7sC0O{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ShowcaseColorPicker_title__SkOLR{margin:0;font-size:1rem;line-height:1.2}.ShowcaseColorPicker_actions__YQtUX{display:flex;gap:8px}.ShowcaseColorPicker_button__3_TD5{border:1px solid var(--border-strong-color);border-radius:5px;background-color:var(--surface-color);color:var(--text-color);cursor:pointer;font-size:.85rem;font-weight:600;min-height:32px;padding:6px 10px}.ShowcaseColorPicker_button__3_TD5:hover{border-color:var(--primary-color);color:var(--primary-color)}.ShowcaseColorPicker_status__8S6kA{min-height:18px;margin:0 0 8px;color:var(--text-muted-color);font-size:.8rem}.ShowcaseColorPicker_list__7OjEw{display:flex;flex-direction:column;gap:8px}.ShowcaseColorPicker_row__jPDSI{display:grid;grid-template-columns:minmax(120px,1fr) 36px 96px 34px;align-items:center;grid-gap:8px;gap:8px}.ShowcaseColorPicker_reference__D1enP{overflow:hidden;color:var(--text-subtle-color);font-family:Courier New,monospace;font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ShowcaseColorPicker_colorInput__S8xhq{width:34px;height:34px;padding:0;border:1px solid var(--border-strong-color);border-radius:5px;background-color:transparent;cursor:pointer}.ShowcaseColorPicker_hexInput__7of2U{width:100%;min-width:0;height:34px;padding:6px 8px;border:1px solid var(--border-strong-color);border-radius:5px;color:var(--text-color);background-color:var(--surface-color);font-family:Courier New,monospace;font-size:.8rem}.ShowcaseColorPicker_hexInput__7of2U:focus{border-color:var(--primary-color);outline:none}.ShowcaseColorPicker_resetButton__sc8dn{width:34px;height:34px;padding:0;border:1px solid var(--border-strong-color);border-radius:5px;background-color:var(--surface-color);color:var(--text-muted-color);cursor:pointer;font-size:1rem;line-height:1}.ShowcaseColorPicker_resetButton__sc8dn:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width:767px){.ShowcaseColorPicker_host__t5Qgr{display:none}}