:root{color-scheme:dark;--font-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--color-background: #0f0f0f;--color-surface: #141414;--color-surface-alt: #1a1a1a;--color-stage: #1c1c1c;--color-border: #1f1f1f;--color-border-strong: #2b2b2b;--color-text: #f1f1f1;--color-text-muted: #b5b5b5;--color-accent: #05acee;--shadow-soft: 0 10px 30px rgba(10, 14, 24, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--sidebar-width-min: 260px;--sidebar-width-max: 360px;--bp-medium: 960px;--bp-small: 720px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:var(--font-base);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}@media (max-width: 900px){body{font-size:15px}}@media (max-width: 640px){body{font-size:14px}}.editor-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px;color:var(--color-text)}.editor-panel__section{background:var(--color-surface-alt, var(--bg-panel, #0f1116));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;margin-bottom:10px}.section-header{display:flex;align-items:center;gap:10px}.section-header__icon{width:20px;height:20px}.section-header__title{margin:0;font-size:14px;font-weight:600}.functions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.color-row,.select-row,.slider-row{display:flex;align-items:center;gap:8px;margin-top:8px}.color-row__label,.select-row__label,.slider-row__label{flex:1;font-size:13px;color:var(--color-text)}.color-row__input,.select-row__input{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:6px 8px}.color-row__input input,.select-row__input input,.select-row__input select{background:transparent;border:none;outline:none;color:var(--color-text)}.color-swatch{width:24px;height:24px;border-radius:6px;border:1px solid var(--color-border)}.slider-row__range{flex:2;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--color-surface-alt, #1a1a1a);border:1px solid var(--color-border);outline:none;cursor:pointer}.slider-row__range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent, #05acee);border:2px solid var(--color-surface, #141414);box-shadow:0 2px 6px #0000004d;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease}.slider-row__range::-webkit-slider-thumb:hover{box-shadow:0 2px 10px #05acee66;transform:scale(1.15)}.slider-row__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent, #05acee);border:2px solid var(--color-surface, #141414);box-shadow:0 2px 6px #0000004d;cursor:pointer}.slider-row__range::-moz-range-track{height:6px;border-radius:3px;background:var(--color-surface-alt, #1a1a1a);border:1px solid var(--color-border)}.slider-row__value{min-width:40px;text-align:right;font-size:12px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-alt, #1a1a1a);border:1px solid var(--color-border);border-radius:6px;padding:2px 6px}.select-row__input--native{position:relative}.select-row__input--native select{-webkit-appearance:none;appearance:none;padding:8px 32px 8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer;width:100%}.select-row__input--native:after{content:"\25be";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--color-text-muted);pointer-events:none}.sidebar-panel__input{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:13px}.sidebar-panel__input:focus{border-color:var(--color-accent);outline:none}.section-header--tight{margin-bottom:2px}.decorations-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.color-row--compact{margin-top:6px;gap:6px}.decorations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;padding:4px 2px}.decorations-list__item{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:10px;background:var(--bg-card, var(--color-surface-alt, #1a1a1f));border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);box-shadow:inset 0 1px #ffffff0a;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.decorations-list__item:hover{border-color:#ff7ea8b3;box-shadow:0 6px 18px #00000059,0 0 0 1px #ff7ea826;transform:translateY(-1px)}.decorations-list__item--active{border-color:var(--color-accent);box-shadow:0 6px 18px #00000059,0 0 0 2px #f97316cc}.decorations-list__icon{width:100%;height:100%;display:block;object-fit:contain;flex-shrink:0;background:var(--bg-elevated);border-radius:10px;padding:6px;box-shadow:inset 0 1px #0000000a}app-root.light-theme .decorations-list__icon,app-root.light-theme .decorations-list--presets .decorations-list__icon{background:var(--bg-elevated);box-shadow:inset 0 1px #0000000f}.decorations-list__label{font-size:12px;color:var(--color-text-muted);text-align:center;line-height:1.3}.decorations-list--presets{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.decorations-list--presets .decorations-list__item{aspect-ratio:4 / 3;gap:10px;padding:12px}.decorations-list--presets .decorations-list__icon{border-radius:10px;padding:0;background:var(--bg-elevated);object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-tab{display:flex;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:4px}.toggle-tab__item{flex:1;border:none;background:transparent;color:var(--color-text-muted);padding:6px 10px;border-radius:8px}.toggle-tab__item--active{background:var(--color-surface-alt, var(--bg-active, #151820));color:var(--color-text)}.toggle-tab--vertical{flex-direction:column;align-items:stretch}.input--with-icon{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.input--with-icon input{flex:1;border:none;background:transparent;color:var(--color-text)}