:root[data-skin=white]{color-scheme:light dark;--bg: light-dark(#FFFFFF, #1C1C1C);--paper: light-dark(#FFFFFF, #1C1C1C);--field: light-dark(#F5F5F5, #262626);--field-hi: light-dark(#EBEBEB, #2F2F2F);--hair: light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .08));--hair-2: light-dark(rgba(0, 0, 0, .16), rgba(255, 255, 255, .16));--fg: light-dark(#111111, #F2F2F2);--ink: light-dark(#111111, #F2F2F2);--on-ink: light-dark(#FFFFFF, #1C1C1C);--muted: light-dark(#6B6B6B, #A0A0A0);--faint: light-dark(#A8A8A8, #6A6A6A);--ok: light-dark(#5B7A66, #8DB39A);--mid: light-dark(#8A7646, #BDAA78);--far: light-dark(#94524D, #C48A85);--lift-0: 0 1px 0 light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25));--lift-1: 0 1px 0 light-dark(rgba(0, 0, 0, .04), rgba(0, 0, 0, .25));--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236B6B6B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--font-display: "DM Sans", "PingFang SC", "Hiragino Sans", "Microsoft YaHei", system-ui, sans-serif;--bar-h: 54px;::selection{background:light-dark(rgba(0,0,0,.14),rgba(255,255,255,.22))}:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.seg:focus-visible{outline-color:var(--on);outline-offset:-2px}:is(.note,.chip small,.vchip,.vval,.tile .meta .no,.q,.seg span,.hero-sw code,.lm-code,.hint,.block>h2:before){font-variant-numeric:tabular-nums}.bar{padding-inline:20px;border-bottom:1px solid var(--hair-2)}.brand{font:700 17px/1 var(--font-display);letter-spacing:-.01em}.tip-k{border-radius:3px;background:transparent;border:1px solid var(--hair-2);color:var(--muted)}.strip{height:26px;border-radius:3px;box-shadow:none}.note{letter-spacing:.02em}& button{border-radius:3px;transition:opacity .14s ease-out,background-color .14s ease-out,border-color .14s ease-out}& button:active{transform:none;opacity:.8}.drop,button.primary{box-shadow:none}.drop:hover,button.primary:hover{background:color-mix(in srgb,var(--ink) 82%,var(--bg))}.drop,#toast,.bar-acts .dock,.bar-acts .dock button{border-radius:3px}.drop.over{transform:none;box-shadow:0 0 0 2px var(--ink)}.actions button:not(.primary),.hero-acts button:not(.primary),.focus-acts button:not(.primary),.sh-btns button,#shareReady button:not(.primary),.row>button:not(.primary),.more-styles{background:transparent;border:1px solid var(--hair-2);box-shadow:none}.actions button:not(.primary):hover,.hero-acts button:not(.primary):hover,.focus-acts button:not(.primary):hover,.sh-btns button:hover,#shareReady button:not(.primary):hover,.row>button:not(.primary):hover,.more-styles:hover{background:var(--field)}.bar-acts .dock{background:transparent;border:1px solid var(--hair-2)}.bar-acts .dock button[aria-checked=true]{background:transparent;box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}& input[type=text],input[type=password],select,textarea{border-radius:3px;background-color:var(--field);border:1px solid transparent}& input[type=text]:hover,input[type=password]:hover,select:hover,textarea:hover{border-color:transparent;background-color:var(--field-hi)}& input[type=text]:focus,input[type=password]:focus,textarea:focus{background-color:var(--field);border-color:transparent;box-shadow:none;outline:2px solid var(--ink);outline-offset:1px}.chip input:focus{outline:none;box-shadow:0 1.5px 0 var(--ink)}.row input[type=checkbox],.row label.inl input[type=checkbox]{border-radius:3px}.row input[type=checkbox]:before{border-radius:2px}.row input[type=color]{border-radius:3px;border-color:var(--hair-2)}& input[type=range]::-webkit-slider-thumb{box-shadow:none}#gallery{padding:45px 52px 144px;gap:46px 40px}.tile:before{display:none}.tile .frame{border-radius:0;box-shadow:none;transition:transform .14s ease-out}.tile:hover .frame{transform:translateY(-2px);box-shadow:none}.tile.active .frame{box-shadow:0 0 0 2px var(--ink);outline:0}.tile .meta{padding-top:14px}.tile .meta b{font-weight:500}.tile.active .meta b{font-weight:700}.tile.active .meta .no{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.tile .meta button{border-radius:3px}.more-styles{height:42px;letter-spacing:.02em}.photo-bar{padding:28px 52px 0}.sample{border-radius:0}.sample[aria-current=true]{outline:2px solid var(--ink);outline-offset:2px}.panel{border-color:var(--hair-2)}.block>h2{font:600 11px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.block:not(.head)>h2:before{font:500 11px/1 var(--font-mono);letter-spacing:.04em;color:var(--faint)}.block:not(.head)>h2:hover{color:var(--fg)}.head h2{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.style-name{letter-spacing:-.02em}#controls .ctl-group{font:600 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chip,.vrow,.frow,.vchip,.tip-k{border-radius:3px}.chip i{border-radius:2px;box-shadow:none}.vrow{border-color:var(--hair)}.vrow i{border-radius:2px;box-shadow:none}.vchip:has(input:checked){background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.vchip:has(input:focus-visible){outline-color:var(--ink)}.help-btn:hover,.help-btn[aria-expanded=true]{border-color:var(--ink);color:var(--ink);background:transparent}.q{background:var(--field);color:var(--fg);border-radius:3px}.q-ok,.q-mid,.q-far,.q-ai,.q-edit{color:var(--fg)}.q-ok{font-weight:400}.q-mid{font-weight:600}.q-far{font-weight:700;text-decoration:underline;text-underline-offset:2px}.warn,.sh-status.err,.facts .fdel,.hint.f-ok,.hint.f-warn,.hint.f-err{color:var(--fg)}.warn,.hint.f-warn{font-weight:600}.sh-status.err,.hint.f-err{font-weight:600;text-decoration:underline;text-underline-offset:2px}.shared-hero{border-radius:3px;border-color:var(--hair-2);margin-inline:52px}.hero-live,.hero-poster img{border-radius:0;box-shadow:none}.hero-sw button,.hero-acts .primary{border-radius:3px}.share-dlg,.works-dlg,#picker,#skinMenu,#fmtMenu,#shareReady,.lang-menu,#helpPop{border-radius:3px;border-color:var(--hair-2);box-shadow:none}.sk-item,.fm-item,.pk,.sh-attr,.sh-qr,.sh-thumb{border-radius:3px}.sk-item[aria-checked=true],.fm-item[aria-checked=true]{background:var(--field);box-shadow:inset 2px 0 0 var(--ink)}.pk[aria-selected=true] .pk-thumb{box-shadow:0 0 0 2px var(--ink)}#toast{box-shadow:none}#skinBtn.new:after{background:var(--ink);animation:none}#fontBlock.f-over{outline-color:var(--ink)}@media(max-width:900px){.bar{height:auto}#gallery{padding:30px 24px 56px;gap:34px 26px}.photo-bar{padding:16px 20px 0}.shared-hero{margin-inline:14px}}}:root[data-skin=white] .sh-state[data-state=err]:before{background:none;box-shadow:inset 0 0 0 2px var(--fg)}:root[data-skin=white] .sh-state[data-state=err]:after{color:var(--fg)}:root[data-skin=white][data-theme=light]{color-scheme:light}:root[data-skin=white][data-theme=dark]{color-scheme:dark}