:root{color-scheme:light}.header-tools{display:flex;align-items:center;gap:14px}.theme-picker{display:flex;gap:3px;background:#eae6f4;border:1px solid #e1dbed;padding:4px;border-radius:11px}.theme-picker button{display:flex;align-items:center;gap:6px;padding:7px 9px;background:transparent;border:0;border-radius:7px;color:#766887;font-size:10px;white-space:nowrap}.theme-picker button span{font-size:14px;line-height:1}.theme-picker button.selected{background:white;color:#574394;box-shadow:0 2px 5px #40306312}.theme-picker button:hover{transform:none;background:#ffffff80}
html[data-theme=dark]{color-scheme:dark;--paper:#13121c;--ink:#eeeaf8;--green:#b7a4ff;--muted:#aca3bd;--line:#353044;--lime:#ded8ff}html[data-theme=dark] body{background:radial-gradient(ellipse at 90% 0,#26203d,transparent 48%),#13121c;color:#eeeaf8}html[data-theme=dark] aside{background:#191620f5;border-color:#353044}html[data-theme=dark] .logo .brand-word{color:#f2edff}html[data-theme=dark] .logo small,html[data-theme=dark] .workspace,html[data-theme=dark] .side-bottom p,html[data-theme=dark] .profile small{color:#b4a7ca}html[data-theme=dark] header{color:#b5a9c7}html[data-theme=dark] nav button{color:#b9aecb}html[data-theme=dark] nav button.active,html[data-theme=dark] nav button:hover{background:#302642;color:#d6c7ff}html[data-theme=dark] .card,html[data-theme=dark] .row,html[data-theme=dark] .starter-card,html[data-theme=dark] .visual-preset{background:#201c2b;border-color:#393145;color:#eeeaf8;box-shadow:0 5px 25px #00000015}html[data-theme=dark] .card:hover,html[data-theme=dark] .starter-card:hover{border-color:#665482;background:#242030}html[data-theme=dark] .starter-card.selected,html[data-theme=dark] .visual-preset.selected{background:#302440;border-color:#967ac3}html[data-theme=dark] .banner{background:linear-gradient(115deg,#342760,#564294)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] #post{background:#17141f;color:#eeeaf8;border-color:#43364f}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9689a7}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#a98cda;box-shadow:0 0 0 3px #a98cda20}html[data-theme=dark] label{color:#c0b3d0}html[data-theme=dark] .preview,html[data-theme=dark] .proof{background:#292134;border-color:#44344f}html[data-theme=dark] .tag,html[data-theme=dark] .local-badge,html[data-theme=dark] .starter-tag,html[data-theme=dark] .avatar,html[data-theme=dark] .profile>b{background:#352a48;color:#c9b7e3}html[data-theme=dark] .secondary,html[data-theme=dark] .chip{background:#272030;border-color:#4b3d5d;color:#d2c0e9}html[data-theme=dark] .secondary:hover,html[data-theme=dark] .chip:hover{background:#392b49}html[data-theme=dark] .chip.active,html[data-theme=dark] .palette-swatch.selected{background:#413054;border-color:#ac8cdb;color:#e4d3ff}html[data-theme=dark] .primary{color:#fff;background:linear-gradient(110deg,#6550bb,#8060ce)}html[data-theme=dark] p.sub,html[data-theme=dark] .hint,html[data-theme=dark] .muted,html[data-theme=dark] .row p,html[data-theme=dark] .starter-heading p,html[data-theme=dark] .starter-description,html[data-theme=dark] .visual-preset small,html[data-theme=dark] .style-note,html[data-theme=dark] .editor-meta,html[data-theme=dark] .palette-swatch,html[data-theme=dark] .empty{color:#b4a6c5}html[data-theme=dark] .eyebrow,html[data-theme=dark] .starter-use,html[data-theme=dark] .steps span:first-child{color:#c6abe8}html[data-theme=dark] .steps{color:#9f90b0}html[data-theme=dark] .steps b{border-color:#665176}html[data-theme=dark] .canvas-wrap{background:linear-gradient(130deg,#332b43,#25202f)}html[data-theme=dark] .carousel-slide{background:#241d2d;border-color:#44354f}html[data-theme=dark] .creative-tabs,html[data-theme=dark] .theme-picker{background:#292132;border-color:#493950}html[data-theme=dark] .creative-tabs button,html[data-theme=dark] .theme-picker button{color:#b9a8cb}html[data-theme=dark] .creative-tabs button.active,html[data-theme=dark] .theme-picker button.selected{background:#473354;color:#f1e1ff}html[data-theme=dark] .theme-picker button:hover{background:#493650}html[data-theme=dark] .source-link,html[data-theme=dark] .news-item a{color:#c9b1f1}html[data-theme=dark] footer{color:#a396b4}html[data-theme=dark] #toast{background:#5b4381;color:white}
@media(max-width:1050px){.header-tools{gap:8px}.header-tools .local-badge{display:none}}@media(max-width:700px){main>header{height:auto;min-height:65px;gap:10px;padding:10px 0;flex-wrap:wrap}.theme-picker button{padding:7px 8px;font-size:10px}.theme-picker{margin-left:auto}.header-tools{margin-left:auto}}