html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-body)/1.5 var(--font-sans);display:flex;flex-direction:column;overflow:hidden}:root{--t-checker: #e9ebef;--t-checker-2: #d5d9e0;--star: #f5b000;--star-edge: #c47f00;--star-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.85 5.8 6.4.93-4.63 4.5 1.1 6.37L12 17.4l-5.72 3l1.1-6.37-4.63-4.5 6.4-.93z' fill='%23f5b000' stroke='%23c47f00' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=dark]{--t-checker: #1b1e25;--t-checker-2: #252932;--star: #f7c23a;--star-edge: #f7c23a;--star-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.85 5.8 6.4.93-4.63 4.5 1.1 6.37L12 17.4l-5.72 3l1.1-6.37-4.63-4.5 6.4-.93z' fill='%23f7c23a' stroke='%23f7c23a' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}[hidden]{display:none!important}.is{flex:1;min-height:0;display:grid;grid-template-columns:264px minmax(0,1fr) clamp(380px,31vw,500px);grid-template-rows:minmax(0,1fr)}.is-side{overflow-y:auto;scrollbar-gutter:stable;padding:12px 10px 16px 12px;display:flex;flex-direction:column;gap:18px}.is-side .dt-overline{margin:0 10px}.is-side .dt-nav-icon svg{width:15px;height:15px}.is-side .is-chips,.is-side .is-combo{margin:0 4px}.is-block{display:flex;flex-direction:column;gap:8px}.is-hint{font:500 var(--text-micro)/1.4 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--ink-3);margin:0}.is-chips{display:flex;flex-wrap:wrap;gap:6px}.is-combo{position:relative}.is-combo .dt-field{box-sizing:border-box;padding-right:30px}.is-side{overflow-x:hidden}.is-combo-chev{position:absolute;right:2px;top:2px;bottom:2px;width:28px;border:0;background:none;color:var(--ink-3);cursor:pointer;display:grid;place-items:center}.is-combo-chev .dt-icon{width:15px;height:15px}.is-combo-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow-y:auto;margin:0;padding:5px;list-style:none;border-radius:12px;border:1px solid var(--edge);background:var(--card);box-shadow:var(--sh-pop);scrollbar-width:thin}.is-combo-list li{padding:6px 10px;border-radius:8px;font:500 13px var(--font-sans);color:var(--ink-2);cursor:pointer}.is-combo-list li:hover,.is-combo-list li[aria-selected=true]{background:var(--card-2);color:var(--ink)}.is-combo-list .is-none{cursor:default;color:var(--ink-3)}.is-lic{display:grid;gap:2px;margin-bottom:12px}.is-lic div{display:grid;grid-template-columns:1fr 70px 130px 70px;align-items:baseline;gap:10px;padding:8px 10px;border-radius:10px}.is-lic div:nth-child(odd){background:var(--bg-2)}.is-lic span{font-size:12px;color:var(--ink-3)}.is-lic a{font-size:13px;color:var(--at)}@media(max-width:560px){.is-lic div{grid-template-columns:1fr 1fr}}.is-favbtn b{font-weight:600;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3)}.is-favbtn[aria-pressed=true]{color:var(--at);border-color:color-mix(in srgb,var(--a) 50%,transparent);background:color-mix(in srgb,var(--a) 14%,transparent)}.is-favbtn[aria-pressed=true] b{color:var(--at)}.is-browse{display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.is-head{margin:20px 20px 0;flex-shrink:0}.is-head .dt-head-icon>svg{width:24px;height:24px}.is-head .dt-head-actions{align-items:center}.is-head .dt-head-row{flex-wrap:wrap}.is-head .dt-head-text{flex-basis:160px}#select-mode[aria-pressed=true],#sel-only[aria-pressed=true]{color:var(--at);border-color:color-mix(in srgb,var(--a) 50%,transparent);background:color-mix(in srgb,var(--a) 14%,transparent)}.is-density input{width:90px;accent-color:var(--a)}.is-grid{--cell: 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cell),1fr));gap:6px;padding:16px 20px}.is-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;padding:6px;min-width:0;transition:transform .12s var(--ease),border-color .12s,background .12s}.is-cell svg{width:42%;height:42%;flex-shrink:0}.is-cell span{font-size:9.5px;color:var(--ink-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-grid.small .is-cell span{display:none}.is-cell:hover{transform:scale(1.06);border-color:var(--rule-2);background:var(--card-2);z-index:1}.is-cell[aria-selected=true]{border-color:var(--a);background:color-mix(in srgb,var(--a) 12%,var(--card));color:var(--at)}.is-cell i{position:absolute;top:5px;left:6px;font-style:normal;font-size:8.5px;line-height:13px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.is-cell.fav i{left:21px}.is-cell.fav::after{content:"";position:absolute;top:5px;left:6px;width:13px;height:13px;background:var(--star-img) center / contain no-repeat}.is-cell.picked::before{content:"";position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:99px;background:var(--a) center / 11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.is-grid.selecting .is-cell:not(.picked)::before{content:"";position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:99px;border:1.5px solid var(--edge)}.is-cell.picked{border-color:color-mix(in srgb,var(--a) 60%,transparent)}.is-more{grid-column:1 / -1;height:1px}.is-selbar{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding:10px 20px;background:var(--bg-2);border-top:1px solid var(--rule)}.is-selbar b{font:600 13px var(--font-sans);color:var(--at);margin-right:4px}.is-selgo{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.is-empty{padding:60px 20px;text-align:center;color:var(--ink-3)}.is-inspect>*,.is-side>*{flex-shrink:0}.is-inspect{overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.is-pin{position:sticky;top:-12px;z-index:2;display:flex;flex-direction:column;gap:8px;margin:-12px -16px 0;padding:12px 16px 8px;background:inherit}.is-stage{position:relative;height:clamp(200px,calc(100vh - 650px),320px);border-radius:var(--r-surface);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--rule);background-color:var(--t-checker);background-image:linear-gradient(45deg,var(--t-checker-2) 25%,transparent 25%,transparent 75%,var(--t-checker-2) 75%),linear-gradient(45deg,var(--t-checker-2) 25%,transparent 25%,transparent 75%,var(--t-checker-2) 75%);background-size:18px 18px;background-position:0 0,9px 9px}.is-stage[data-tone=light]{--t-checker: #eef0f3;--t-checker-2: #dde1e7}.is-stage[data-tone=dark]{--t-checker: #1b1e25;--t-checker-2: #252932}.is-stage[data-bg=checker][data-tone=light] .is-sizes figcaption{color:#6b7280}.is-stage[data-bg=checker][data-tone=dark] .is-sizes figcaption{color:#9aa1ad}.is-stage[data-bg=light]{background:#ffffff}.is-stage[data-bg=dark]{background:#0c0e12}.is-stage-icon{height:100%;box-sizing:border-box;padding:14px 10px 14px 46px;display:grid;place-items:center}.is-stage-icon svg{display:block;width:100%;height:100%}.is-stage-bgs{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--card) 72%,transparent);border:1px solid var(--rule);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px -6px rgb(0 0 0 / .4)}.is-bgbtn{width:18px;height:18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);cursor:pointer;padding:0;transition:transform .12s}.is-bgbtn:hover{transform:scale(1.1)}.is-bgbtn[data-bg=checker]{background:conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 10px 10px}.is-bgbtn[data-bg=light]{background:#fff}.is-bgbtn[data-bg=dark]{background:#0c0e12}.is-bgbtn[aria-checked=true]{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--at)}.is-sizes{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-left:1px solid color-mix(in srgb,var(--ink-3) 25%,transparent)}.is-sizes figure{margin:0;display:grid;grid-template-columns:48px 16px;justify-items:center;align-items:center;gap:6px}.is-sizes figcaption{width:16px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-3)}.is-stage[data-bg=dark] .is-sizes figcaption{color:#9aa1ad}.is-stage[data-bg=light] .is-sizes figcaption{color:#6b7280}.is-name{display:flex;align-items:center;justify-content:space-between;gap:10px}.is-name b{display:block;font:600 16px/1.25 var(--font-sans);letter-spacing:-.01em;word-break:break-all}.is-name span{font-size:12px;color:var(--ink-3)}#fav[aria-pressed=true]{--dt-fill: var(--star);color:var(--star-edge)}.is-tabs{align-self:stretch}.is-tabs>*{flex:1;justify-content:center;height:32px;font-weight:600}.is-tabs .dt-icon{width:15px;height:15px}.is-panel{display:flex;flex-direction:column;gap:8px}.is-row{display:flex;align-items:center;gap:8px;min-height:28px;font-size:12.5px;font-weight:600}.is-l{flex:none;width:58px;font:600 12px var(--font-sans);color:var(--ink-2)}.is-row>input[type=range]{flex:1;min-width:0;accent-color:var(--a)}.is-row>output{width:48px;flex:none;box-sizing:border-box;padding:3px 0;border-radius:6px;background:var(--card-2);border:1px solid var(--rule);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);text-align:center}.is-group{margin-top:2px;padding-top:9px;border-top:1px solid var(--rule)}.is-row .is-chips{flex:1;gap:4px}.is-row:has(>.is-flip){flex-wrap:wrap;row-gap:6px}.is-row:has(>.is-flip)>input[type=range]{min-width:90px}.is-row .is-flip{flex:none;margin-left:auto}.is-row .dt-chip{height:24px;padding:0 8px;font-size:12px}.is-presets{flex-wrap:wrap;row-gap:6px}.is-presets>.is-l{flex:1}.is-presets>#presets{order:3;flex:1 0 100%}.is-colour{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.is-colour .dt-color{grid-area:1 / 2;justify-self:end;height:28px}.is-swatches{grid-area:2 / 1 / 3 / -1;display:grid;grid-template-columns:repeat(10,18px);justify-content:space-between;row-gap:7px;padding:8px 10px;border-radius:var(--r-control);background:var(--bg-2);border:1px solid var(--rule)}.is-swatches .dt-swatch{width:18px;height:18px;border-radius:5px}.is-shapes{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.is-shape{height:30px;border-radius:var(--r-control);border:1px solid var(--rule);background:var(--card);cursor:pointer;display:grid;place-items:center;color:var(--ink-2)}.is-shape svg{width:18px;height:18px}.is-shape[aria-checked=true]{border-color:var(--a);color:var(--at);background:color-mix(in srgb,var(--a) 10%,var(--card))}.is-sub{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--r-card);background:var(--card);border:1px solid var(--rule)}.is-sub .is-l{width:50px}.is-sub input[type=range]{flex:1;min-width:0;accent-color:var(--a)}.is-png{flex:1}.is-png>*{flex:1;justify-content:center;height:26px;padding:0 6px;font-size:12px;font-variant-numeric:tabular-nums}.is-exports{display:grid;grid-template-columns:1fr 1fr;gap:8px}.is-code{max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:11px;margin:0}.is-code-tabs{gap:0}.is-code-tabs button{flex:1 0 auto;justify-content:center;padding:0 9px;font-size:12px;white-space:nowrap}@media(max-width:960px){.is-side{border-right:1px solid var(--rule);background:var(--bg-2)}.is-inspect{border-left:1px solid var(--rule);background:var(--bg-2)}}@media(max-width:1100px){.is{grid-template-columns:220px minmax(0,1fr) 340px}}@media(max-width:860px){html,body{height:auto;min-height:100%}body{overflow:visible}.is{display:flex;flex-direction:column;flex:none}.is-side{border-right:0;border-bottom:1px solid var(--rule);gap:12px}.is-browse{overflow:visible}.is-grid{max-height:60vh;overflow-y:auto}.is-inspect{border-left:0;border-top:1px solid var(--rule)}.is-pin{position:static;margin:0;padding:0}.is-stage{height:224px}#sets:not(:has(.dt-nav-item)){min-height:378px}.is-grid:empty:has(+.is-empty[hidden]){min-height:60vh}}@media(prefers-reduced-motion:reduce){.is-cell{transition:none}.is-cell:hover{transform:none}}