:root{--bg: #E6E4DF;--paper: #F5F4F0;--field: #ECEAE5;--field-hi: #E2E0DA;--hair: rgba(30, 28, 24, .09);--hair-2: rgba(30, 28, 24, .17);--fg: #1A1917;--muted: #75716A;--faint: #A6A299;--ink: #1A1917;--on-ink: #F5F4F0;--surface: var(--paper);--sunken: var(--field);--line: var(--hair-2);--accent: #B92726;--on-accent: #FFFFFF;--ok: #2F7D4F;--mid: #9A6200;--far: #B3261E;--lift-0: 0 1px 1px rgba(0,0,0,.05), 0 10px 24px -16px rgba(0,0,0,.38);--lift-1: 0 2px 4px rgba(0,0,0,.06), 0 26px 40px -22px rgba(0,0,0,.5);--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='%2375716A' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--ease: cubic-bezier(.22, .8, .24, 1);--spring: cubic-bezier(.34, 1.45, .5, 1);--bar-h: 60px;--pw: 384px;--ph: 340px;--font-ui: "DM Sans", "PingFang SC", "Hiragino Sans", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Fraunces", "Noto Serif SC", "Songti SC", Georgia, serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #131312;--paper: #1B1B19;--field: #252522;--field-hi: #2E2E2A;--hair: rgba(255, 250, 240, .07);--hair-2: rgba(255, 250, 240, .14);--fg: #ECEAE4;--muted: #9C988F;--faint: #66635C;--ink: #ECEAE4;--on-ink: #131312;--ok: #6FCF97;--mid: #F2C14E;--far: #FF8A80;--lift-0: 0 1px 1px rgba(0,0,0,.4), 0 12px 26px -14px rgba(0,0,0,.8);--lift-1: 0 2px 4px rgba(0,0,0,.4), 0 28px 44px -20px rgba(0,0,0,.9);color-scheme:dark}}:root[data-theme=dark]{--bg: #131312;--paper: #1B1B19;--field: #252522;--field-hi: #2E2E2A;--hair: rgba(255, 250, 240, .07);--hair-2: rgba(255, 250, 240, .14);--fg: #ECEAE4;--muted: #9C988F;--faint: #66635C;--ink: #ECEAE4;--on-ink: #131312;--ok: #6FCF97;--mid: #F2C14E;--far: #FF8A80;--lift-0: 0 1px 1px rgba(0,0,0,.4), 0 12px 26px -14px rgba(0,0,0,.8);--lift-1: 0 2px 4px rgba(0,0,0,.4), 0 28px 44px -20px rgba(0,0,0,.9);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:13px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:color-mix(in srgb,var(--fg) 18%,transparent)}button,select,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}button{background:var(--field);border:1px solid transparent;border-radius:7px;padding:6px 12px;cursor:pointer;font-size:12.5px;font-weight:500;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s,transform .2s var(--ease)}button:hover{background:var(--field-hi)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:progress;transform:none}button.primary{background:var(--ink);color:var(--on-ink);font-weight:600}button.primary:hover{background:color-mix(in srgb,var(--ink) 84%,var(--bg))}button.ghost{background:transparent}button.ghost:hover{background:var(--field)}input[type=text],input[type=password],select,textarea{background:var(--field);border:1px solid transparent;border-radius:7px;padding:5px 9px;min-width:0;min-height:30px;transition:border-color .15s,background-color .15s}input[type=text]:hover,input[type=password]:hover,select:hover,textarea:hover{border-color:var(--hair-2)}input[type=text]:focus,input[type=password]:focus,textarea:focus{background:var(--paper);border-color:var(--hair-2);outline:none;box-shadow:0 0 0 3px var(--hair)}::placeholder{color:var(--faint)}select{appearance:none;-webkit-appearance:none;padding-right:26px;cursor:pointer;background:var(--field) var(--chev) no-repeat right 9px center / 9px 6px;text-overflow:ellipsis}select:disabled,input:disabled{opacity:.45;cursor:not-allowed}textarea{width:100%;resize:vertical;line-height:1.5}input[type=range]{-webkit-appearance:none;appearance:none;height:20px;background:transparent;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(var(--fg) 0 0) 0 / var(--p) 100% no-repeat,var(--hair-2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--paper);border:1.5px solid var(--fg);box-shadow:0 1px 3px #0000002e;transition:transform .2s var(--spring)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.28)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:var(--hair-2)}input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:var(--fg)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--paper);border:1.5px solid var(--fg)}.row input[type=checkbox],.row label.inl input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:28px;height:16px;margin:0;border-radius:99px;position:relative;cursor:pointer;background:var(--hair-2);transition:background-color .2s}.row input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:0 1px 2px #00000040;transition:transform .3s var(--spring)}.row input[type=checkbox]:checked{background:var(--fg)}.row input[type=checkbox]:checked:before{transform:translate(12px)}.row input[type=color]{-webkit-appearance:none;appearance:none;width:30px;height:30px;padding:0;border:1px solid var(--hair-2);border-radius:7px;background:none;cursor:pointer;flex:none}.row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.row input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.row input[type=color]::-moz-color-swatch{border:none;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bar{position:sticky;top:0;z-index:20;height:var(--bar-h);display:flex;align-items:center;gap:18px;padding:0 20px 0 22px;background:var(--bg);border-bottom:1px solid var(--hair)}.bar svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.bar svg .fill{fill:currentColor;stroke:none}.brand{margin:0;display:flex;align-items:center;gap:10px;font:600 19px/1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;flex:none}.mark{position:relative;width:22px;height:26px;flex:none}.mark i{position:absolute;left:6px;bottom:2px;width:10px;height:22px;border-radius:2px;transform-origin:50% 88%;box-shadow:0 0 0 .5px #0000002e,0 1px 2px #0000001f;transition:background-color .6s var(--ease),transform .5s var(--spring)}.mark i:nth-child(1){background:var(--m1, #2E3A6B);transform:rotate(-26deg)}.mark i:nth-child(2){background:var(--m2, #C77D72);transform:rotate(-5deg)}.mark i:nth-child(3){background:var(--m3, #F6C98F);transform:rotate(16deg)}.brand:hover .mark i:nth-child(1){transform:rotate(-40deg)}.brand:hover .mark i:nth-child(3){transform:rotate(30deg)}.strip{flex:1 1 240px;max-width:440px;height:30px;display:flex;border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px var(--hair)}.seg{flex:1 1 0;min-width:0;padding:0;border:0;border-radius:0;background:var(--c);color:var(--on);display:flex;align-items:flex-end;overflow:hidden;transition:flex-grow .7s var(--ease),background-color .7s var(--ease)}.seg:hover{background:var(--c)}.seg:active{transform:none;filter:brightness(.92)}.seg span{font:500 9.5px/1 var(--font-mono);letter-spacing:.04em;padding:0 0 6px 7px;white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .3s var(--ease)}.strip:hover .seg span,.seg:focus-visible span{opacity:.92;transform:none}.seg:focus-visible{outline-offset:-2px;outline-color:var(--on)}.note{color:var(--muted);font:11px var(--font-mono);letter-spacing:.02em;white-space:nowrap}.note[hidden]{display:none}.bar-acts{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.bar-acts button{display:inline-flex;align-items:center;gap:7px;height:34px}.bar-acts button.icon{width:34px;padding:0;justify-content:center}.drop{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;background:var(--ink);color:var(--on-ink);transition:transform .2s var(--ease),box-shadow .25s var(--ease),background-color .15s}.drop:hover{background:color-mix(in srgb,var(--ink) 84%,var(--bg))}.drop:active{transform:scale(.97)}.drop span{font:400 10.5px var(--font-mono);opacity:.6;margin-left:2px}.drop.over{transform:scale(1.04);box-shadow:0 0 0 5px color-mix(in srgb,var(--fg) 16%,transparent)}.layout{display:grid;grid-template-columns:minmax(0,1fr) var(--pw);align-items:start}#gallery{padding:30px 34px 96px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,228px),1fr));gap:30px 26px;align-content:start;min-width:0}.more-styles{grid-column:1 / -1;justify-self:center;height:42px;padding:0 26px;border-radius:999px;font-size:13px;font-weight:600;background:var(--paper);border:1px solid var(--hair-2);box-shadow:var(--lift-0)}.more-styles:hover{background:var(--field)}.tile{position:relative;min-width:0;align-self:start;animation:tile-in .7s var(--ease) backwards;animation-delay:calc(min(var(--i, 0),16)*30ms)}@keyframes tile-in{0%{opacity:0;transform:translateY(16px)}}.tile .frame{width:100%;max-width:100%;aspect-ratio:2/3;overflow:hidden;position:relative;background:var(--field);border-radius:3px;cursor:pointer;box-shadow:var(--lift-0);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.tile:hover .frame{transform:translateY(-4px);box-shadow:var(--lift-1)}.tile .frame:focus-visible{outline-offset:5px}.tile .frame .card{position:absolute;left:0;top:0;transform-origin:0 0}.tile:before{content:"";position:absolute;z-index:1;inset:-10px -10px 30px;pointer-events:none;--k: var(--fg);--l: 14px;--w: 1.5px;background:linear-gradient(var(--k) 0 0) left top / var(--l) var(--w),linear-gradient(var(--k) 0 0) left top / var(--w) var(--l),linear-gradient(var(--k) 0 0) right top / var(--l) var(--w),linear-gradient(var(--k) 0 0) right top / var(--w) var(--l),linear-gradient(var(--k) 0 0) left bottom / var(--l) var(--w),linear-gradient(var(--k) 0 0) left bottom / var(--w) var(--l),linear-gradient(var(--k) 0 0) right bottom / var(--l) var(--w),linear-gradient(var(--k) 0 0) right bottom / var(--w) var(--l);background-repeat:no-repeat;opacity:0;transform:scale(1.05);transition:opacity .3s var(--ease),transform .5s var(--ease)}.tile.active:before{opacity:1;transform:none}.tile .meta{height:40px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 1px;font-size:12px}.tile .meta b{display:block;min-width:0;font-weight:500;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.tile .meta .no{font:500 10px var(--font-mono);letter-spacing:.06em;color:var(--faint);margin-right:8px}.tile.active .meta b,.tile:hover .meta b,.tile.active .meta .no{color:var(--fg)}.tile .meta .acts{display:flex;gap:2px;flex:none;opacity:0;transition:opacity .2s}.tile:hover .acts,.tile:focus-within .acts,.tile.active .acts{opacity:1}.tile .meta button{padding:3px 8px;font-size:11.5px;background:transparent;color:var(--muted)}.tile .meta button:hover{background:var(--field-hi);color:var(--fg)}@media(hover:none){.tile .meta .acts{opacity:1}}.panel{position:sticky;top:var(--bar-h);height:calc(100vh - var(--bar-h));height:calc(100dvh - var(--bar-h));overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-left:1px solid var(--hair);padding:0 22px;counter-reset:sec;scrollbar-width:thin;scrollbar-color:var(--hair-2) transparent}.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-thumb{background:var(--hair-2);border-radius:10px;border:3px solid var(--paper)}.block{padding:18px 0 20px;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.block>h2{margin:0;display:flex;align-items:center;gap:10px;font:600 13px/1.2 var(--font-ui);color:var(--fg)}.block:not(.head)>h2{cursor:pointer;user-select:none;margin:-6px 0;padding:6px 0;border-radius:4px}.block:not(.head)>h2:before{counter-increment:sec;content:counter(sec,decimal-leading-zero);width:18px;font:500 10px/1 var(--font-mono);letter-spacing:.08em;color:var(--faint)}.block:not(.head)>h2:after{content:"";margin-left:auto;margin-right:3px;width:6px;height:6px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .35s var(--ease)}.block.collapsed>h2:after{transform:rotate(-45deg)}.block.collapsed{padding-bottom:18px}.block.collapsed>:not(h2){display:none}.block>:not(h2){animation:unfold .4s var(--ease) backwards}@keyframes unfold{0%{opacity:0;transform:translateY(-4px)}}.block.head{padding:24px 0 20px;gap:12px}.head h2{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.style-name{margin:-4px 0 4px;font:600 26px/1.12 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.head .actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.head .actions .primary{grid-column:1 / -1;height:40px;font-size:13px}.head .actions button{padding-inline:4px;white-space:nowrap}.row{display:flex;align-items:center;gap:10px;font-size:12.5px;min-height:30px}.row.top{align-items:flex-start}.row.top>label{padding-top:6px}.row>label{flex:0 0 72px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.check>label{flex:1;color:var(--fg);white-space:normal;line-height:1.45}.row input[type=range],.row input[type=text],.row input[type=password],.row select,.row textarea{flex:1;min-width:0}.row .val{width:38px;text-align:right;color:var(--muted);font:11px var(--font-mono);font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:6px}.hint{margin:0;font-size:11.5px;color:var(--muted);line-height:1.6}.warn{margin:0;font-size:12px;color:var(--far)}#controls{display:grid}.ctl-sec{display:grid;gap:4px;padding-bottom:10px;border-top:1px solid var(--hair)}.ctl-sec:first-child{border-top:0}.ctl-sec.collapsed{padding-bottom:0}.ctl-sec.collapsed>.row{display:none}.ctl-sec>.row{animation:unfold .35s var(--ease) backwards}#controls .ctl-group{margin:0;padding:11px 0 7px;border:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;font:500 11.5px/1 var(--font-ui);letter-spacing:.06em;color:var(--muted);transition:color .15s}#controls .ctl-group:hover{color:var(--fg)}#controls .ctl-group:after{content:"";width:5px;height:5px;margin-right:4px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .35s var(--ease)}#controls .ctl-sec.collapsed .ctl-group:after{transform:rotate(-45deg)}#controls .row[hidden]{display:none}.chips{display:grid;gap:2px;margin-inline:-8px}.chip{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;background:transparent;border:0;border-radius:9px;padding:6px 8px;transition:background-color .15s}.chip:hover,.chip:focus-within{background:var(--field)}.chip i{width:34px;height:34px;border-radius:6px;box-shadow:inset 0 0 0 1px #00000014}.chip-main{display:grid;min-width:0;gap:1px}.chip input{border:none;background:none;padding:0;font-weight:600;font-size:13px;min-width:0;width:100%;border-radius:3px}.chip input:focus{outline:none;box-shadow:0 1.5px 0 var(--fg)}.chip small{color:var(--muted);font:10.5px var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q{font:500 10px var(--font-mono);font-style:normal;padding:3px 7px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,currentColor 11%,transparent)}.q-ok{color:var(--ok)}.q-mid{color:var(--mid)}.q-far{color:var(--far)}.q-ai,.q-edit{color:var(--muted)}.panel-foot{position:sticky;bottom:0;z-index:3;margin:0 -22px;padding:12px 22px 14px;display:grid;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--hair)}.panel-foot button{width:auto;min-width:0;min-height:38px;height:auto;padding:6px 10px;font-weight:600;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.panel-foot{grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px}.panel-foot button[aria-expanded=true]{background:var(--field-hi)}#confirmPop{position:fixed;z-index:46;display:flex;gap:6px;padding:6px;background:var(--paper);border:1px solid var(--hair-2);border-radius:999px;box-shadow:0 14px 30px -12px #00000073;animation:pop-in .18s var(--ease)}#confirmPop:after{content:"";position:absolute;bottom:-5px;left:clamp(16px,var(--ax, 28px),calc(100% - 16px));width:9px;height:9px;background:var(--paper);border:solid var(--hair-2);border-width:0 1px 1px 0;transform:translate(-50%) rotate(45deg)}#confirmPop .cf{position:relative;width:30px;height:30px;padding:0;border:0;border-radius:var(--ind-radius, 50%);overflow:visible}#confirmPop .cf:before,#confirmPop .cf:after{content:"";position:absolute}#confirmPop .cf-yes,#confirmPop .cf-yes:hover{background:var(--ind-ok-bg, var(--fg))}#confirmPop .cf-yes:hover{filter:brightness(1.15)}#confirmPop .cf-yes:after{left:8px;top:9px;width:13px;height:7px;border:solid var(--ind-ok-fg, var(--paper));border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}#confirmPop .cf-no{background:transparent;box-shadow:inset 0 0 0 1.5px var(--hair-2)}#confirmPop .cf-no:hover{background:var(--field-hi)}#confirmPop .cf-no:before,#confirmPop .cf-no:after{left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--fg)}#confirmPop .cf-no:before{transform:rotate(45deg)}#confirmPop .cf-no:after{transform:rotate(-45deg)}.credits{padding-bottom:28px;padding-top:18px;font-size:11px;line-height:1.6;color:var(--muted)}#toast{position:fixed;z-index:50;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);background:var(--ink);color:var(--on-ink);padding:9px 16px;border-radius:999px;font-size:12.5px;font-weight:500;box-shadow:0 10px 30px -10px #00000073;opacity:0;transform:translate(-50%,14px) scale(.96);transition:opacity .25s var(--ease),transform .45s var(--spring);pointer-events:none;max-width:calc(100vw - 32px)}#toast.show{opacity:1;transform:translate(-50%)}.consent{position:fixed;z-index:60;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%);width:min(560px,calc(100vw - 24px));display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:10px 14px;background:var(--paper);color:var(--fg);border:1px solid var(--hair-2);border-radius:10px;box-shadow:0 6px 24px #0000002e;font-size:12px}.consent p{margin:0;flex:1 1 260px}.consent a{color:inherit;text-decoration:underline}.consent-acts{display:flex;gap:8px;margin-left:auto}#workbench{position:fixed;left:-100000px;top:0}body.focusing{overflow:hidden}#focus{position:fixed;z-index:15;top:var(--bar-h);left:0;right:var(--pw);bottom:0;display:flex;flex-direction:column;background:var(--bg);animation:focus-in .35s var(--ease)}#focus[hidden]{display:none}@keyframes focus-in{0%{opacity:0}}#focusStage{position:relative;flex:1;margin:28px 40px 0;cursor:zoom-out}#focusStage>.card{position:absolute;left:50%;top:50%;transform-origin:50% 50%;border-radius:3px;cursor:default;box-shadow:0 2px 6px #00000014,0 40px 80px -40px #0000008c;animation:focus-card .5s var(--ease)}@keyframes focus-card{0%{opacity:0;translate:0 18px}}.focus-bar{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 0 40px}#focusTitle{font:500 12px var(--font-mono);letter-spacing:.04em;white-space:pre;overflow:hidden;text-overflow:ellipsis}.focus-acts{display:flex;align-items:center;gap:6px;flex:none}.focus-acts button{height:34px;display:inline-flex;align-items:center;justify-content:center}.focus-acts button.icon{width:34px;padding:0}#focus svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#float,#floatTab{display:none}@media(max-width:900px){#float:not([hidden]){position:fixed;z-index:26;display:flex;flex-direction:column;min-width:0;background:var(--paper);color:var(--fg);border:1px solid var(--hair-2);border-radius:14px;box-shadow:0 18px 44px -14px #00000080;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;animation:pop-in .25s var(--ease)}#floatBar{flex:none;height:32px;display:flex;align-items:center;gap:2px;padding:0 4px 0 12px;border-bottom:1px solid var(--hair);cursor:grab;touch-action:none}#floatBar:active{cursor:grabbing}#floatTitle{flex:1;min-width:0;font:500 10.5px var(--font-mono);letter-spacing:.04em;white-space:pre;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}#floatStage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--field);touch-action:none}#floatStage>.card{position:absolute;left:50%;top:50%;transform-origin:50% 50%;border-radius:2px;box-shadow:0 2px 8px #00000040}.fl-foot{flex:none;height:34px;display:flex;align-items:center;justify-content:center;gap:4px;padding-right:18px;border-top:1px solid var(--hair)}#flZoom{min-width:44px;text-align:center;font:500 11px var(--font-mono);color:var(--muted)}.fl-btn{width:28px;height:28px;padding:0;border-radius:8px;display:inline-grid;place-items:center;background:transparent;color:var(--muted)}.fl-btn:hover{background:var(--field);color:var(--fg)}.fl-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#flPin[aria-pressed=true]{background:var(--fg);color:var(--paper)}#flPin[aria-pressed=true] svg{fill:currentColor}#floatSize{position:absolute;right:0;bottom:0;width:28px;height:28px;cursor:nwse-resize;touch-action:none}#floatSize:after{content:"";position:absolute;right:6px;bottom:6px;width:10px;height:10px;background:linear-gradient(135deg,transparent 50%,var(--faint) 50%,var(--faint) 58%,transparent 58%,transparent 74%,var(--faint) 74%,var(--faint) 82%,transparent 82%)}#floatTab:not([hidden]){position:fixed;z-index:26;top:calc(env(safe-area-inset-top,0px) + 8px);right:10px;height:32px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:var(--ink);color:var(--on-ink);font:500 12px var(--font-ui);box-shadow:0 10px 24px -10px #00000080}}body.focusing #float,body.focusing #floatTab{display:none!important}#shareReady{position:fixed;z-index:60;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);width:min(420px,calc(100vw - 24px));display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px;background:var(--paper);border:1px solid var(--hair);border-radius:14px;box-shadow:0 18px 40px -16px #00000073;animation:sheet-in .45s var(--spring)}#shareReady[hidden]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,16px) scale(.96)}}#shareReady img{width:44px;height:56px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px var(--hair)}#shareReady div{display:grid;min-width:0;font-size:12.5px}#shareReady div span{color:var(--muted);font-size:11.5px}#shareReady button{height:38px;padding:0 16px}#shareReady.ask{grid-template-columns:minmax(0,1fr) auto auto}#shareReady.ask img{display:none}.card-mark{position:absolute;z-index:6;padding:.42em .85em;border-radius:999px;line-height:1;white-space:nowrap;pointer-events:none;font-family:DM Mono,ui-monospace,monospace;letter-spacing:.06em;color:#ffffffeb;background:#0000004d}.tip{flex:1 1 260px;min-width:0;margin:0;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:default}.tip-k{flex:none;font:500 9.5px/1 var(--font-mono);letter-spacing:.12em;padding:4px 6px;border-radius:4px;background:var(--field);color:var(--fg)}#tipText{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s var(--ease),transform .45s var(--ease)}#tipText.out{opacity:0;transform:translateY(5px)}.bar-acts .dock{display:inline-flex;gap:2px;padding:2px;margin-right:4px;border-radius:9px;background:var(--field)}.bar-acts .dock button{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:transparent;color:var(--muted)}.bar-acts .dock button:hover{color:var(--fg)}.bar-acts .dock button[aria-checked=true]{background:var(--paper);color:var(--fg);box-shadow:0 1px 2px #00000024}.resizer{position:fixed;z-index:17;top:var(--bar-h);bottom:0;right:calc(var(--pw) - 4px);width:8px;cursor:col-resize;touch-action:none}.resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:var(--fg);opacity:0;transition:opacity .2s}.resizer:hover:after,.resizer:focus-visible:after,.resizer.dragging:after{opacity:.3}.resizer:focus-visible{outline:none}body.resizing{user-select:none;cursor:col-resize}body.resizing.rows{cursor:row-resize}@media(min-width:901px){:root[data-dock=left] .layout{grid-template-columns:var(--pw) minmax(0,1fr)}:root[data-dock=left] .panel{order:-1;border-left:0;border-right:1px solid var(--hair)}:root[data-dock=left] .resizer{right:auto;left:calc(var(--pw) - 4px)}:root[data-dock=left] #focus{left:var(--pw);right:0}:root[data-dock=bottom] .layout{grid-template-columns:minmax(0,1fr)}:root[data-dock=bottom] #gallery{padding-bottom:calc(var(--ph) + 48px)}:root[data-dock=bottom] .panel{position:fixed;z-index:16;inset:auto 0 0;height:var(--ph);padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:hidden;border-left:0;border-top:1px solid var(--hair);box-shadow:0 -16px 32px -24px #00000059}:root[data-dock=bottom] .panel>*{width:372px;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 18px 28px;align-content:start;border-bottom:0;border-right:1px solid var(--hair);scrollbar-width:thin}:root[data-dock=bottom] .panel>.block.collapsed{width:150px}:root[data-dock=bottom] .panel>.panel-foot{position:fixed;z-index:17;right:16px;bottom:16px;width:auto;height:auto;margin:0;padding:0;overflow:visible;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-dock=bottom] .panel>.panel-foot button{width:auto;padding:0 18px;box-shadow:0 8px 22px -8px #00000073}:root[data-dock=bottom] .panel>.panel-foot{display:flex;gap:8px}:root[data-dock=bottom] .resizer{top:auto;left:0;right:0;width:auto;height:8px;bottom:calc(var(--ph) - 4px);cursor:row-resize}:root[data-dock=bottom] .resizer:after{inset:3px 0 auto;width:auto;height:2px}:root[data-dock=bottom] #focus{right:0;bottom:var(--ph)}}.row .pick{flex:none;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.row .pick:hover{color:var(--fg)}.row .pick svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}#picker{position:fixed;z-index:40;width:min(440px,calc(100vw - 16px));max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;background:var(--paper);border:1px solid var(--hair);border-radius:12px;box-shadow:0 24px 50px -20px #00000073;animation:pop-in .28s var(--ease);scrollbar-width:thin}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.pk{display:grid;gap:6px;padding:6px;border-radius:8px;background:transparent;text-align:left;font-weight:400}.pk:hover,.pk:focus-visible{background:var(--field);outline:none}.pk:active{transform:none}.pk-thumb{position:relative;display:block;width:100%;overflow:hidden;border-radius:3px;background:var(--field);box-shadow:0 0 0 1px var(--hair);transition:box-shadow .15s}.pk-thumb .card{position:absolute;left:0;top:0;transform-origin:0 0;animation:fade-in .25s var(--ease)}@keyframes fade-in{0%{opacity:0}}.pk[aria-selected=true] .pk-thumb{box-shadow:0 0 0 2px var(--fg)}.pk[aria-selected=true] .pk-label{color:var(--fg);font-weight:600}.pk-label{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-hero{margin:28px 34px 4px;padding:26px;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:32px;align-items:center;background:var(--paper);border:1px solid var(--hair);border-radius:16px;animation:hero-in .6s var(--ease)}.shared-hero[hidden]{display:none}@keyframes hero-in{0%{opacity:0;transform:translateY(10px)}}.hero-poster{margin:0}.hero-live{position:relative;width:100%;overflow:hidden;border-radius:4px;box-shadow:0 2px 6px #00000014,0 30px 60px -30px #00000080}.hero-live .card{position:absolute;left:0;top:0;transform-origin:0 0}.hero-poster img[hidden]{display:none}.hero-poster img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 2px 6px #00000014,0 30px 60px -30px #00000080}.hero-credit{margin-top:10px;font-size:11.5px;color:var(--muted)}.hero-credit a{color:inherit;text-underline-offset:2px}.hero-credit:empty{display:none}.hero-text{display:grid;gap:14px;min-width:0}.hero-k{margin:0;font:500 10px/1 var(--font-mono);letter-spacing:.14em;color:var(--muted)}.hero-text h2{margin:0;font:600 clamp(22px,2.4vw,30px)/1.18 var(--font-display);letter-spacing:-.02em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}.hero-sub{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65;max-width:52ch}.hero-sw{list-style:none;margin:2px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hero-sw button{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--field);font-size:12px}.hero-sw i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.hero-sw .n:empty{display:none}.hero-sw code{font:11px var(--font-mono);color:var(--muted)}.hero-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hero-acts .primary{height:44px;padding:0 22px;font-size:14px;border-radius:10px}.hero-acts .ghost{height:44px;padding:0 14px}@media(max-width:900px){.shared-hero{margin:14px 14px 0;padding:16px;grid-template-columns:minmax(92px,32%) minmax(0,1fr);gap:12px 16px;align-items:start}.hero-text{display:contents}.hero-poster{grid-column:1;grid-row:1 / span 3}.hero-k,.hero-text h2,.hero-sub{grid-column:2}.hero-text h2{font-size:18px}.hero-sub{font-size:12.5px;line-height:1.55}.hero-sw,.hero-acts{grid-column:1 / -1}.hero-acts .primary{flex:1}}.sheet{min-width:0}.photo-bar{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:18px 34px 0;min-height:40px}.pb-credit{margin:0;display:flex;align-items:baseline;gap:10px;min-width:0;font-size:12px;color:var(--muted)}.pb-credit a,.focus-credit a,.credit-prev a,.sh-attr a{color:inherit;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.pb-credit a:hover,.focus-credit a:hover,.credit-prev a:hover,.sh-attr a:hover{color:var(--fg)}.pb-k{flex:none;font:500 9.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.samples{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:3px}.samples[hidden]{display:none}.samples[data-wait]{visibility:hidden;min-height:40px}html:not(.ready) #gallery{min-height:100vh;min-height:100svh}html:not(.ready) .panel{visibility:hidden}html:not(.ready) #photoBar,html:not(.ready) #catBar{visibility:hidden}.samples .pb-k{margin-right:4px}.sample{flex:none;width:34px;height:34px;padding:0;border-radius:7px;overflow:hidden;background:var(--field);box-shadow:0 0 0 1px var(--hair);transition:transform .25s var(--spring),box-shadow .2s}.sample:hover{transform:translateY(-2px);background:var(--field)}.sample[aria-current=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--fg)}.sample img{width:100%;height:100%;object-fit:cover;display:block}.works+.samples{margin-left:0}.work-all{flex:none;height:34px;padding:0 10px;font-size:12px;white-space:nowrap}.works-dlg{width:min(580px,calc(100vw - 24px));padding:22px;border:1px solid var(--hair);border-radius:16px;background:var(--paper);color:var(--fg);box-shadow:0 30px 80px -30px #0000008c}.works-dlg[open]{display:grid;gap:14px;animation:pop-in .3s var(--ease)}.works-dlg::backdrop{background:#0a0a0973}.works-dlg h2{margin:0;padding-right:36px;font:600 22px/1.2 var(--font-display);letter-spacing:-.01em}.works-dlg .sh-note{margin:-6px 0 0}.works-grid{list-style:none;margin:0;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;max-height:min(52vh,440px);overflow-y:auto}.wk{position:relative;min-width:0}.wk-open{display:block;width:100%;padding:0;border-radius:8px;overflow:hidden;background:var(--field);box-shadow:0 0 0 1px var(--hair);text-align:left}.wk-open:hover{background:var(--field);box-shadow:0 0 0 1px var(--hair-2),0 6px 16px -8px #0006}.wk-open img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.wk-bar{display:flex;height:7px}.wk-bar i{flex:1}.wk-del{position:absolute;top:5px;right:5px;width:26px;height:26px;padding:0;border-radius:50%;display:grid;place-items:center;background:#0009;color:#fff}.wk-del:hover{background:#000000d9}.wk-del svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.works-foot{display:flex;justify-content:flex-end}.works-foot [hidden]{display:none}.focus-credit{margin:10px 40px 0;min-height:1em;text-align:center;font-size:12px;color:var(--muted)}.focus-credit:empty{display:none}#creditIn{font:11.5px/1.5 var(--font-mono)}.credit-prev:empty{display:none}.captcha-box{display:flex;justify-content:center;margin:2px 0}.captcha-box:empty{display:none}.share-dlg{width:min(640px,calc(100vw - 24px));padding:22px;border:1px solid var(--hair);border-radius:16px;background:var(--paper);color:var(--fg);box-shadow:0 30px 80px -30px #0000008c}.share-dlg[open]{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;animation:pop-in .3s var(--ease)}.share-dlg::backdrop{background:#0a0a0973}.sh-close{position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.sh-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.sh-thumb{border-radius:8px;overflow:hidden;background:var(--field);align-self:start;aspect-ratio:2/3;display:grid;place-items:center}.sh-thumb img{width:100%;height:100%;object-fit:contain;display:block}.sh-thumb img:not([src]){display:none}.sh-main{display:grid;gap:14px;align-content:start;min-width:0;padding-right:20px}.sh-main h2{margin:0;font:600 22px/1.2 var(--font-display);letter-spacing:-.01em}.sh-line{display:flex;align-items:center;gap:8px;margin:-6px 0 0;min-width:0}.sh-state{flex:none;position:relative;width:16px;height:16px}.sh-state:before,.sh-state:after{content:"";position:absolute;box-sizing:border-box}.sh-state:before{inset:0;border-radius:var(--ind-radius, 50%)}.sh-state[data-state=busy]:before{border:2px solid var(--hair-2);border-top-color:var(--fg);animation:sh-spin .8s linear infinite}.sh-state[data-state=ok]:before{background:var(--ind-ok-bg, var(--fg));animation:sh-pop .5s var(--spring)}.sh-state[data-state=ok]:after{left:3.5px;top:4px;width:9px;height:5px;border:solid var(--ind-ok-fg, var(--paper));border-width:0 0 2px 2px;transform:rotate(-45deg);animation:sh-pop .5s var(--spring)}.sh-state[data-state=err]:before{background:var(--far)}.sh-state[data-state=err]:after{inset:0;content:"!";display:grid;place-items:center;color:var(--paper);font:700 11px/1 var(--font-ui)}@keyframes sh-spin{to{transform:rotate(360deg)}}@keyframes sh-pop{0%{scale:.4;opacity:0}}.sh-line .sh-status{margin:0;min-width:0}.sh-status{margin:-6px 0 0;font:12px var(--font-mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-status.err{color:var(--far);white-space:normal}.sh-btns{display:flex;flex-wrap:wrap;gap:4px;margin-left:-6px}.sh-btns button{width:40px;height:40px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted)}.sh-btns button:hover:not(:disabled){background:var(--field);color:var(--fg)}.sh-btns button:disabled{opacity:.3;cursor:default}.sh-btns button{transition:color .25s,background .15s}.sh-btns [data-sh=pinterest]{--brand: #E60023}.sh-btns [data-sh=facebook]{--brand: #1877F2}.sh-btns [data-sh=reddit]{--brand: #FF4500}.sh-btns [data-sh=bluesky]{--brand: #1185FE}.sh-btns [data-sh=weibo]{--brand: #E6162D}.sh-btns [data-sh=wechat]{--brand: #07C160}.sh-btns [data-sh=x],.sh-btns [data-sh=threads]{--brand: var(--fg)}.sh-btns [data-sh=tumblr]{--brand: color-mix(in srgb, #36465D 70%, var(--fg))}.sh-btns button:not(:disabled){color:var(--brand, var(--muted))}.sh-btns button:hover:not(:disabled){color:var(--brand, var(--fg))}.sh-btns button[hidden]{display:none}.sh-btns svg{width:20px;height:20px}.sh-qr{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;background:var(--field);font-size:12px;color:var(--muted)}.sh-qr[hidden]{display:none}.sh-qr #shQRCode{padding:6px;background:#fff;border-radius:6px;line-height:0}.sh-attr{display:flex;align-items:center;gap:8px;padding:10px 6px 10px 14px;border-radius:10px;background:var(--field);font-size:13px}.sh-attr p{margin:0;flex:1;min-width:0;color:var(--fg)}.sh-attr button{flex:none;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.sh-attr svg{width:18px;height:18px}.sh-note{margin:0;font-size:11.5px;color:var(--muted)}@media(max-width:560px){.share-dlg[open]{grid-template-columns:1fr}.sh-thumb{max-height:34vh;aspect-ratio:auto}.sh-main{padding-right:0}}.help-src[hidden]{display:none}.help-btn{flex:none;width:18px;height:18px;margin-left:-2px;padding:0;border-radius:50%;border:1.3px solid var(--faint);background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:help;font:600 11px/1 var(--font-ui);text-transform:none;letter-spacing:0}.help-btn:before{content:"?";margin-top:-.5px}.help-btn:hover,.help-btn[aria-expanded=true]{border-color:var(--fg);color:var(--fg);background:var(--field)}.help-btn:active{transform:scale(.92)}#helpPop{position:fixed;z-index:45;width:min(340px,calc(100vw - 16px));background:var(--paper);color:var(--fg);border:1px solid var(--hair);border-radius:12px;box-shadow:0 24px 50px -20px #00000073;font-size:12.5px;line-height:1.65;animation:pop-in .22s var(--ease)}#helpPop:before{content:"";position:absolute;top:-6px;left:clamp(16px,var(--ax, 28px),calc(100% - 16px));width:10px;height:10px;background:var(--paper);border:solid var(--hair);border-width:1px 0 0 1px;transform:translate(-50%) rotate(45deg)}#helpPop.up:before{top:auto;bottom:-6px;border-width:0 1px 1px 0}#helpPop .help-in{padding:14px 16px;overflow-y:auto;overscroll-behavior:contain;border-radius:12px;scrollbar-width:thin}#helpPop p{margin:0}#helpPop p+p{margin-top:10px;padding-top:10px;border-top:1px solid var(--hair)}.card .sw-meta-val,.card .sw-name,.card .sw-sub{cursor:copy}.card .copied-flash{animation:copied-flash .8s var(--ease)}@keyframes copied-flash{0%{outline:2px solid currentColor;outline-offset:2px}to{outline:2px solid transparent;outline-offset:10px}}::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:var(--ease)}@media(max-width:900px){.bar{height:auto;flex-wrap:wrap;gap:10px 12px;padding:10px 14px}.strip{order:5;flex:1 0 100%;max-width:none;height:26px}.note{display:none}.tip{order:6;flex:1 0 100%}.bar-acts .dock,.resizer{display:none}.photo-bar{padding:14px 16px 0}.pb-credit{flex:1 0 100%}.samples{margin-left:0;flex:1 0 100%}.layout{grid-template-columns:minmax(0,1fr)}.panel{position:static;height:auto;overflow:visible;border-left:none;border-top:1px solid var(--hair)}#gallery{padding:18px 16px 40px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:22px 16px}#focus{top:0;right:0;z-index:30}#focusStage{margin:calc(env(safe-area-inset-top,0px) + 16px) 16px 0}.focus-bar{padding:0 12px env(safe-area-inset-bottom,0px);height:calc(64px + env(safe-area-inset-bottom,0px))}#focusTitle{display:none}.focus-acts{flex:1;justify-content:space-between}}@media(max-width:520px){.drop span{display:none}.bar-acts #reshuffle{font-size:0;gap:0;width:34px;padding:0;justify-content:center}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;transition:none!important}}#skinBtn{position:relative}#skinBtn.new:after{content:"";position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg);animation:skin-ping 1.4s ease-in-out infinite alternate}@keyframes skin-ping{to{transform:scale(1.3)}}@media(max-width:520px){#skinBtn span{display:none}#skinBtn{width:34px;padding:0;justify-content:center}}#skinBtn.busy{opacity:.5;cursor:progress;animation:skin-busy 1s ease-in-out infinite alternate}@keyframes skin-busy{to{opacity:.2}}#skinMenu{position:fixed;z-index:45;width:min(340px,calc(100vw - 16px));display:grid;gap:2px;padding:6px;background:var(--paper);border:1px solid var(--hair-2);border-radius:12px;box-shadow:0 24px 50px -20px #00000073;animation:pop-in .28s var(--ease)}#skinMenu[hidden]{display:none}.save-split{display:flex;gap:1px;min-width:0}.save-split>button:first-child{flex:1 1 auto;min-width:0;border-start-end-radius:0;border-end-end-radius:0;overflow:hidden;text-overflow:ellipsis}.save-split>.save-more{flex:none;width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-start-start-radius:0;border-end-start-radius:0}.save-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.save-more[aria-expanded=true] svg{transform:rotate(90deg)}.head .actions .save-split{flex:1 0 100%;grid-column:1 / -1}.head .actions .save-split>.primary:first-child{flex:1 1 auto}.head .actions .save-split>.save-more{flex:none;width:40px;padding:0}.focus-acts .save-split>.save-more{width:34px}#fmtMenu{position:fixed;z-index:47;width:min(320px,calc(100vw - 16px));overflow-y:auto;overscroll-behavior:contain;display:grid;gap:1px;padding:6px;background:var(--paper);color:var(--fg);border:1px solid var(--hair-2);border-radius:12px;box-shadow:0 24px 50px -20px #00000073;animation:pop-in .2s var(--ease)}#fmtMenu[hidden]{display:none}.fm-g{margin:0;padding:10px 8px 5px;font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fm-g:first-child{padding-top:6px}.fm-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 10px;width:100%;padding:7px 8px;border-radius:8px;background:transparent;color:var(--fg);text-align:start;font-weight:400}.fm-item:hover:not(:disabled),.fm-item:focus-visible{background:var(--field);outline:none}.fm-item:active{transform:none}.fm-item:disabled{cursor:default;opacity:.55}.fm-item b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.fm-item small{grid-column:1 / -1;font-size:11.5px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.fm-item[aria-checked=true] b:after{content:"";display:inline-block;width:5px;height:9px;margin-inline-start:9px;border:solid var(--fg);border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg)}.fm-badge{justify-self:end;padding:2px 6px;border:1px solid var(--hair-2);border-radius:999px;font:600 9.5px/1.3 var(--font-mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap}.fm-item.pro .fm-badge{color:var(--fg);border-color:var(--fg)}.sk-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:8px;background:transparent;text-align:left;font-weight:400}.sk-item:hover,.sk-item:focus-visible{background:var(--field);outline:none}.sk-item:active{transform:none}.sk-t{display:grid;gap:2px;min-width:0}.sk-t b{font-size:13px;font-weight:600;color:var(--fg)}.sk-t small{font-size:11.5px;line-height:1.45;color:var(--muted)}.sk-item[aria-checked=true] .sk-t b:after{content:"";display:inline-block;width:5px;height:9px;margin-left:9px;border:solid var(--fg);border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg)}.sk-pv{position:relative;width:56px;height:40px;overflow:hidden;border-radius:6px;background:linear-gradient(90deg,var(--a) 0 66%,var(--b) 66%);box-shadow:0 0 0 1px #0000002e}.sk-pv i{position:absolute;top:7px;width:14px;height:26px;border-radius:1.5px;background:var(--c)}.sk-pv i:nth-child(1){left:6px}.sk-pv i:nth-child(2){left:24px;background:var(--d)}.sk-pv:after{content:"";position:absolute;right:5px;top:9px;width:10px;height:2px;background:var(--c);opacity:.55;box-shadow:0 6px 0 var(--c),0 12px 0 var(--c),0 18px 0 var(--c)}.card{position:relative;overflow:hidden;background:#111;color:#fff}.card-photo,.card-tint,.card-vignette{position:absolute;inset:0}.card-photo{background-size:cover;background-position:center}.card-vignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.85) 100%)}.sw{display:flex;align-items:center;position:relative}.sw-labels{position:relative;width:100%}.sw-name{line-height:1.05}.sw-sub{margin-top:2px}.sw-meta{display:flex;gap:36px;margin-top:6px;line-height:1.2}.sw-meta-key{opacity:.7;font-size:.8em;letter-spacing:.08em;margin-bottom:2px}.sw-index{position:absolute;right:0;bottom:0}.layout-stack,.layout-editorial{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column}.layout-grid{position:absolute;left:50%;transform:translate(-50%);display:grid}.layout-strip{position:absolute;left:0;right:0;bottom:0;display:flex}.strip-cell{flex:1;display:flex;align-items:flex-end;padding:16px 12px}.layout-rail{position:absolute;top:0;bottom:0;display:flex;flex-direction:column}.rail-cell{flex:1;display:flex;align-items:center;padding:0 22px}.layout-split{position:absolute;left:0;right:0;bottom:0;padding:36px 40px;display:flex;flex-direction:column;gap:22px}.split-title{font-size:20px;letter-spacing:.3em}.split-row{display:flex;gap:14px;flex:1}.split-cell{flex:1;display:flex;flex-direction:column;gap:10px}.split-chip{flex:1;min-height:160px}.split-cell .sw-name{font-size:13px!important}.split-cell .sw-meta{font-size:12px!important;margin-top:2px}.ed-row{display:flex;align-items:center;gap:22px}.ed-dot{width:44px;height:44px;border-radius:50%;flex:none;box-shadow:0 4px 14px #0006}.card-title{position:absolute;left:0;right:0;text-align:center}.card-title.top{top:36px}.card-title.bottom{bottom:40px}.ct-kicker{font-size:15px;opacity:.85;letter-spacing:.04em}.ct-main{font-size:26px;margin-top:2px}.ct-footer{font-size:22px;margin-top:8px}.ct-dots{display:flex;justify-content:center;gap:8px}.ct-dots span{width:8px;height:8px;border-radius:50%;display:inline-block}.round-bg,.round-svg{position:absolute;inset:0}.round-svg{width:100%;height:100%;overflow:visible}.disc{position:absolute;border-radius:50%}.disc-ring{box-shadow:0 0 0 6px #ffffffe6,0 12px 30px #0000004d}.disc-label{display:flex;align-items:center;justify-content:center;text-align:center;padding:8%}.disc-label .sw-meta,.overlap-label .sw-meta,.ring-label .sw-meta{justify-content:center;gap:14px}.round-label{position:absolute;transform:translateY(-50%)}.round-label.is-left{text-align:right}.round-label.is-left .sw-meta{justify-content:flex-end}.round-label .sw-meta{gap:16px}.fan-ray{position:absolute;height:0;transform-origin:0 50%}.fan-label{position:absolute;top:0;transform:translateY(-50%);white-space:nowrap}.fan-label.is-flip{text-align:right}.fan-label.is-flip .sw-meta{justify-content:flex-end}.fan-label .sw-meta{gap:12px;margin-top:2px}.overlap-wrap{position:absolute;inset:0;isolation:isolate}.overlap-label{position:absolute;text-align:center;padding:0 4px}.overlap-tick{width:10px;height:10px;border-radius:50%;margin:0 auto 8px}.ring-label{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.ring-label .sw-name{line-height:1}.ring-label .sw-meta{margin-top:2px}.dotband{position:absolute;left:0;right:0;bottom:0}.dotband-title{position:absolute;left:0;right:0;text-align:center;font-size:15px;letter-spacing:.32em;text-transform:uppercase;opacity:.7}.sw.has-decor{overflow:hidden}.sw-fx{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.sw-stripe{inset:auto}.sw-wrap{position:relative}.sw-card{display:flex;flex-direction:column;padding:0;align-items:stretch;overflow:hidden}.sw-color{position:relative;flex:none;width:auto;align-self:stretch}.sw-caption{position:relative}.sw-bar{height:3px;width:36px;margin:8px 0 2px}.sw-divider{width:100%;margin:7px 0 5px;font-size:12px;letter-spacing:.3em}.card-grain{position:absolute;inset:0;pointer-events:none}.card-credit{position:absolute;font-size:13px;letter-spacing:.08em;opacity:.75}.card-badge{position:absolute;font-size:12px;letter-spacing:.14em;border:1.5px solid;border-radius:999px;padding:6px 12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-frame{position:absolute;inset:0;border-style:solid;pointer-events:none;box-sizing:border-box}.card-frame-inner{position:absolute;border:1px solid;pointer-events:none}.ct-rule{width:48px;height:1.5px;margin:10px auto 0;opacity:.8}.sw-meta{font-variant-numeric:tabular-nums}.sw-meta.vs-columns{flex-wrap:wrap;row-gap:6px}.sw-meta.vs-inline{flex-wrap:wrap;gap:3px 18px}.sw-meta.vs-inline .sw-meta-cell{display:flex;align-items:baseline;gap:.5em}.sw-meta.vs-inline .sw-meta-key{margin:0}.sw-meta.vs-stack,.sw-meta.vs-hero{display:grid;grid-template-columns:max-content;gap:3px}.sw-meta.vs-stack .sw-meta-cell{display:flex;align-items:baseline;gap:.5em}.sw-meta.vs-stack .sw-meta-key{margin:0}.sw-meta.vs-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}.sw-meta.vs-list .sw-meta-cell{display:flex;justify-content:space-between;align-items:baseline;gap:1.4em;padding:.38em 0;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}.sw-meta.vs-list .sw-meta-key{margin:0}.sw-meta.vs-joined{display:block}.sw-meta.vs-hero .is-hero .sw-meta-val{font-size:2.1em;font-weight:600;line-height:1.05;letter-spacing:-.01em}.sw-meta.vs-hero .sw-meta-cell:not(.is-hero){opacity:.88;font-size:.9em}.sw-meta.vs-hero .sw-meta-cell:not(.is-hero){display:flex;align-items:baseline;gap:.5em}.sw-meta.vs-hero .sw-meta-key{margin:0}.vchips{display:flex;flex-wrap:wrap;gap:6px}.vchip{position:relative;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font:12px var(--font-mono);cursor:pointer;background:var(--sunken);user-select:none}.vchip:has(input:checked){background:var(--fg);color:var(--bg);border-color:var(--fg)}.vchip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.vchip input{position:absolute;opacity:0;width:0;height:0}.row label.inl{flex:none;display:inline-flex;align-items:center;gap:4px;color:var(--fg)}.vtable{display:grid;gap:4px}.vrow{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;background:var(--sunken);border:1px solid var(--line);border-radius:6px;padding:5px 8px 5px 6px}.vrow i{width:18px;height:18px;border-radius:3px;margin-top:2px;box-shadow:inset 0 0 0 1px #00000024}.vvals{display:flex;flex-wrap:wrap;gap:2px 4px;min-width:0}.vval{background:none;border:none;border-radius:3px;padding:1px 4px;font:12px var(--font-mono);cursor:copy;color:var(--fg);text-align:left}.vval:hover{background:var(--line)}.vval small{color:var(--muted);font-size:10px;margin-right:4px;letter-spacing:.04em}.vdetails summary{cursor:pointer;font-size:13px;padding:4px 0}.vdetails[open] summary{margin-bottom:6px}.sw-meta.has-index{padding-right:2.6em}#fontBlock.f-over{outline:2px dashed var(--accent);outline-offset:2px}.flist{display:grid;gap:4px}.frow{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:8px;background:var(--sunken);border:1px solid var(--line);border-radius:6px;padding:5px 6px 5px 8px}.fprev{font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden}.fname{display:grid;min-width:0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fname small{color:var(--muted);font-weight:400;font-size:11px}.facts{display:flex;gap:4px}.facts button{padding:2px 8px;font-size:12px}.facts .fdel{color:var(--far)}.hint.f-ok{color:var(--ok)}.hint.f-warn{color:var(--mid)}.hint.f-err{color:var(--far)}.credits .legal summary{cursor:pointer;font-size:12px;color:var(--fg);padding:2px 0}.credits .legal h3{margin:12px 0 4px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted)}.credits .legal ul{margin:0;padding-left:16px;display:grid;gap:6px}.credits .legal p{margin:4px 0}.credits .legal a{color:var(--fg);text-underline-offset:2px}.credits .legal .mit{font-size:10px;line-height:1.5;opacity:.85}html.i18n-wait body{opacity:0}body{transition:opacity .18s var(--ease)}.lang-wrap{position:relative;display:inline-flex}#langBtn{padding:0 10px;gap:6px}#langCode{font:500 11px/1 var(--font-mono);letter-spacing:.06em}#langBtn.loading{animation:lang-busy .9s ease-in-out infinite alternate;cursor:progress}@keyframes lang-busy{to{opacity:.35}}.lang-menu{position:absolute;z-index:45;top:calc(100% + 8px);right:0;margin:0;padding:6px;list-style:none;width:210px;max-height:min(70vh,520px);overflow-y:auto;background:var(--paper);border:1px solid var(--hair-2);border-radius:12px;box-shadow:var(--lift-1)}.lang-menu[hidden]{display:none}.url-form{position:absolute;z-index:45;top:calc(100% + 8px);right:20px;display:flex;gap:6px;width:min(340px,calc(100vw - 32px));padding:8px;background:var(--paper);border:1px solid var(--hair-2);border-radius:12px;box-shadow:var(--lift-1)}.url-form[hidden]{display:none}#urlIn{flex:1;min-width:0;min-height:34px;font-size:16px}.url-form button{height:34px;padding:0 14px;font-weight:600;background:var(--ink);color:var(--on-ink)}.url-form button:hover{background:color-mix(in srgb,var(--ink) 84%,var(--bg))}.url-form button:disabled{opacity:.5;cursor:progress}.lang-menu li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;outline:none}.lang-menu li:hover,.lang-menu li:focus-visible{background:var(--field)}.lang-menu li[aria-selected=true]{font-weight:600}.lang-menu li[aria-selected=true] .lm-code{color:var(--fg)}.lm-code{font:500 10px/1 var(--font-mono);letter-spacing:.08em;color:var(--faint)}@media(max-width:900px){.lang-menu{right:auto;left:0}}:root:lang(ja){--font-ui: "DM Sans", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-display: "Fraunces", "Hiragino Mincho ProN", "Yu Mincho", serif}:root:lang(ko){--font-ui: "DM Sans", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-display: "Fraunces", "Apple Myungjo", "Batang", serif}:root:lang(zh-TW){--font-ui: "DM Sans", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-display: "Fraunces", "Songti TC", "PMingLiU", serif}:root:lang(ru),:root:lang(tr),:root:lang(pl){--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: ui-serif, Georgia, "Times New Roman", serif}.row>label{flex-basis:76px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;hyphens:auto;line-height:1.25}.row.check>label{flex-basis:0}.head .actions{display:flex;flex-wrap:wrap}.head .actions .primary{flex:1 0 100%}.head .actions button:not(.primary){flex:1 1 auto;padding-inline:10px}#nPrimSys,#nSecSys{flex:2 1 0}.tip{overflow:hidden}.note{min-width:0;overflow:hidden;text-overflow:ellipsis;max-width:30ch}@media(max-width:1180px){.note{display:none}}.tile .meta{height:auto;min-height:40px;flex-wrap:wrap;row-gap:0}.tile .meta b{flex:1 1 7em}.tile .meta .acts{margin-left:auto}.contrast-dlg{width:min(940px,calc(100vw - 24px))}.contrast-dlg[open]{gap:12px;padding-top:52px}.cr-scroll{overflow:auto;max-height:min(68vh,680px);border-radius:10px;box-shadow:0 0 0 1px var(--hair)}.cr-card{box-sizing:border-box;width:max-content;min-width:100%;padding:28px;background:#f7f5f0;color:#1b1a17;font:13px/1.4 DM Sans,system-ui,sans-serif}.cr-title{margin:0;font:600 24px/1.2 DM Sans,system-ui,sans-serif;letter-spacing:-.01em}.cr-sub{margin:4px 0 20px;color:#6b675f;font-size:13px}.cr-grid{display:grid;grid-template-columns:168px repeat(var(--n),112px);gap:4px}.cr-axis{align-self:end;padding:0 10px 8px 0;font:500 10px/1.35 DM Mono,ui-monospace,monospace;letter-spacing:.03em;color:#6b675f}.cr-h{min-width:0}.cr-h i{display:block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.cr-h b{display:block;font-weight:600;font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-h span{display:block;font:500 10.5px/1.3 DM Mono,ui-monospace,monospace;color:#6b675f}.cr-col{display:flex;flex-direction:column;gap:3px;justify-content:flex-end;padding:0 4px 8px 2px}.cr-row{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:8px;row-gap:2px;align-items:center;align-content:center;padding-right:6px}.cr-row i{grid-row:1 / span 2}.cr-cell{height:80px;border-radius:8px;display:grid;place-items:center;align-content:center;gap:2px;box-shadow:inset 0 0 0 1px #00000012}.cr-cell.self{background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.13) 0 2px,transparent 2px 8px)}.cr-aa{font:700 26px/1 DM Sans,system-ui,sans-serif}.cr-num{font:500 11px/1 DM Mono,ui-monospace,monospace}.cr-badge{font:600 9.5px/1 DM Mono,ui-monospace,monospace;letter-spacing:.04em;opacity:.85;white-space:nowrap}.cr-cell.lv-fail .cr-aa{opacity:.5}.cr-sum{margin:20px 0 6px;font-weight:600;font-size:13.5px}.cr-legend{margin:0;color:#6b675f;font-size:11.5px}.cr-foot{margin:18px 0 0;font:500 10px/1 DM Mono,ui-monospace,monospace;letter-spacing:.08em;color:#8a867d}.cr-foot:empty{display:none}.card>[data-mv]{cursor:grab}#focusStage [data-mv],#floatStage [data-mv]{touch-action:none}body.dragging-block,body.dragging-block *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}.mv-wrap>*{pointer-events:auto}.card .mv-wrap>:not(.round-svg){cursor:grab}.mv-wrap>.round-svg{pointer-events:none}.blk-box{position:fixed;z-index:70;box-sizing:border-box;border:1.5px dashed #0a84ff;pointer-events:none}.blk-box[hidden]{display:none}.blk-h{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;box-sizing:border-box;background:#fff;border:1.5px solid #0a84ff;border-radius:3px;pointer-events:auto;touch-action:none}.blk-h[hidden]{display:none}.blk-h:after{content:"";position:absolute;inset:-7px}.blk-nw{left:0;top:0;cursor:nwse-resize}.blk-se{left:100%;top:100%;cursor:nwse-resize}.blk-ne{left:100%;top:0;cursor:nesw-resize}.blk-sw{left:0;top:100%;cursor:nesw-resize}.blk-n{left:50%;top:0;cursor:ns-resize}.blk-s{left:50%;top:100%;cursor:ns-resize}.blk-w{left:0;top:50%;cursor:ew-resize}.blk-e{left:100%;top:50%;cursor:ew-resize}body.dragging-block .blk-box .blk-h{cursor:inherit}@media(pointer:coarse){.blk-h{width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:6px}.blk-h:after{inset:-10px}}.blk-tip{position:fixed;z-index:71;box-sizing:border-box;padding:12px 14px;border-radius:10px;background:#1c1b1a;color:#f5f2ec;box-shadow:0 10px 30px #00000059;font-size:12.5px;line-height:1.5}.blk-tip[hidden]{display:none}.blk-tip p{margin:0 0 10px}.blk-tip button{height:28px;padding:0 14px;border:0;border-radius:999px;background:#f5f2ec;color:#1c1b1a;font:inherit;font-weight:600;cursor:pointer}.blk-tip button:hover{background:#fff}.head .actions .save-style{grid-column:1 / -1}.style-desc{margin:-8px 0 2px;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.tile .meta .no.mine-star{color:var(--accent, var(--fg));font-size:11px;letter-spacing:0}.style-dlg{width:min(620px,calc(100vw - 24px))}.sd-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;margin:0}.sd-prev{position:relative;align-self:start;width:150px;overflow:hidden;border-radius:6px;background:var(--field);box-shadow:0 0 0 1px var(--hair)}.sd-prev .card{position:absolute;left:0;top:0;transform-origin:0 0}.sd-fields{display:grid;gap:6px;align-content:start;min-width:0}.sd-fields label{font-size:12px;color:var(--muted)}.sd-fields label:not(:first-child){margin-top:6px}.sd-fields input,.sd-fields textarea{width:100%}.sd-fields .warn{margin-top:2px;line-height:1.5}.sd-foot{grid-column:1 / -1;gap:8px}.sd-foot .sd-del{margin-right:auto;color:var(--far)}.sd-foot .sd-del[data-sure]{background:var(--far);color:#fff}@media(max-width:520px){.sd-body{grid-template-columns:minmax(0,1fr)}.sd-prev{width:120px;justify-self:center}}.tile .meta .lock{flex:none;width:26px;height:26px;padding:0;margin-left:auto;display:inline-grid;place-items:center;opacity:0;transition:opacity .2s}.tile .meta .lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tile .meta .lock .shackle{transition:transform .25s var(--ease, ease);transform-origin:10.5px 7.5px;transform:translateY(-1.4px) rotate(28deg)}.tile.locked .meta .lock .shackle{transform:none}.tile.locked .meta .lock svg rect{fill:currentColor}.tile:hover .meta .lock,.tile:focus-within .meta .lock,.tile.active .meta .lock,.tile.locked .meta .lock{opacity:1}.tile.locked .meta .lock{color:var(--fg)}.tile .meta .lock+.acts{margin-left:0}@media(hover:none){.tile .meta .lock{opacity:1}}.credits .policy{margin:10px 0 0}.credits .policy a{color:var(--muted);text-underline-offset:2px}.credits .policy a:hover{color:var(--fg)}.auth-btn{font-size:13px;padding:0 12px;white-space:nowrap}.auth-btn img{width:22px;height:22px;border-radius:50%;display:block}.auth-btn.signed{padding:0 6px}.auth-btn .initial{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--on-ink);font:600 12px/1 var(--font-ui, inherit)}.auth-dlg{width:min(420px,calc(100vw - 24px))}.auth-dlg section{display:grid;gap:14px}.auth-dlg section[hidden]{display:none}.auth-dlg h3{margin:6px 0 0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:8px;border:1px solid #dadce0;background:#fff;color:#1f1f1f;font:500 14px/1 Roboto,Google Sans,system-ui,sans-serif;text-decoration:none}.auth-google:hover{background:#f8f9fa}.auth-google .g-logo{width:18px;height:18px}.auth-or{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:var(--muted)}.auth-or:before,.auth-or:after{content:"";flex:1;border-top:1px solid var(--line)}.auth-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.auth-form input{height:44px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--sunken);color:var(--fg);font-size:15px}.auth-form button{height:44px;padding:0 16px;border-radius:8px}.auth-otp{position:relative;display:flex;align-items:center;justify-content:center;gap:5px}.auth-otp .cell{flex:1 1 0;min-width:0;max-width:46px;height:54px;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--fg);font:600 24px/1 var(--font-mono);transition:border-color .12s,box-shadow .12s}.auth-otp .cell.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.auth-otp .cell.on:empty:after{content:"";width:1px;height:24px;background:var(--fg);animation:auth-caret 1.1s steps(1) infinite}.auth-otp.err .cell{border-color:#c5221f}.auth-otp .dot{flex:none;width:4px;height:4px;border-radius:50%;background:var(--faint)}input#authCode[type=text]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;caret-color:transparent;opacity:0;font-size:16px;cursor:text}@keyframes auth-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.auth-otp .cell.on:empty:after{animation:none}}.auth-row{display:flex;flex-wrap:wrap;gap:8px}.auth-row button{font-size:13px}.auth-msg{margin:0;min-height:1.2em;font-size:13px;color:var(--muted)}.auth-msg.err{color:#c5221f}.auth-devices{list-style:none;margin:0;padding:0;display:grid;gap:6px}.auth-devices li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:var(--sunken);font-size:13px}.auth-devices small{color:var(--muted);display:block}.auth-danger{margin:4px 0 0}.auth-danger button{font-size:12px;color:#c5221f}.cat-bar{grid-column:1 / -1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-6px 0 -8px;padding:2px}.cat-bar::-webkit-scrollbar{display:none}.cat-bar button{flex:none;height:32px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:500;background:transparent;border:1px solid var(--hair-2, var(--line));color:var(--muted)}.cat-bar button:hover{color:var(--fg);border-color:var(--fg);background:transparent}.cat-bar button[aria-selected=true]{background:var(--ink, var(--fg));border-color:var(--ink, var(--fg));color:var(--on-ink, var(--bg))}.cat-bar button[hidden]{display:none}.import-veil{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 62%,transparent)}html.importing .import-veil{display:grid}.iv-card{display:grid;justify-items:center;gap:14px;width:min(300px,100%);padding:26px 26px 22px;border-radius:22px;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);box-shadow:var(--lift-1),inset 0 1px #ffffff59;animation:iv-pop .55s var(--spring) both}.iv-mark{width:30px;height:34px}.iv-mark i{left:10px;width:12px;height:28px;border-radius:3px;animation:iv-fan 1.5s var(--ease) infinite alternate}.iv-mark i:nth-child(1){--from: -26deg;--to: -40deg}.iv-mark i:nth-child(2){--from: -5deg;--to: -2deg;animation-delay:.15s}.iv-mark i:nth-child(3){--from: 16deg;--to: 30deg;animation-delay:.3s}.iv-text{margin:0;font-size:13.5px;font-weight:500;color:var(--fg);text-align:center}.iv-track{position:relative;width:100%;height:5px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--fg) 10%,transparent)}.iv-fill{position:absolute;top:0;bottom:0;left:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--m1, #2E3A6B),var(--m2, #C77D72),var(--m3, #F6C98F));animation:iv-sweep 1.4s cubic-bezier(.65,0,.35,1) infinite}@keyframes iv-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}}@keyframes iv-fan{0%{transform:rotate(var(--from))}to{transform:rotate(var(--to))}}@keyframes iv-sweep{0%{transform:translate(-100%)}to{transform:translate(240%)}}@media(prefers-reduced-motion:reduce){.iv-fill{width:100%;opacity:.7}}.auth-shares a{color:var(--fg);text-underline-offset:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:240px}.auth-shares{max-height:180px;overflow-y:auto}.fit-bar{display:flex;gap:6px;flex:none}.fit-bar button{height:26px;padding:0 11px;border-radius:999px;font-size:11.5px;font-weight:500;background:transparent;border:1px solid var(--hair-2, var(--line));color:var(--muted)}.fit-bar button:hover{color:var(--fg);border-color:var(--fg);background:transparent}.fit-bar button[aria-checked=true]{background:var(--ink, var(--fg));border-color:var(--ink, var(--fg));color:var(--on-ink, var(--bg))}