.extra-output{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin-top:8px}.extra-diff{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.extra-diff>div{white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:30px 1fr;padding:6px 12px;font-size:13px;display:grid}.extra-diff [data-kind=add]{background:var(--color-surface-secondary);font-weight:600}.extra-diff [data-kind=remove]{color:var(--color-text-tertiary);text-decoration:line-through}.extra-table{max-width:100%;overflow-x:auto}.extra-table table{border-collapse:collapse;width:100%;font-size:14px}.extra-table th,.extra-table td{text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:10px}.extra-clock{text-align:center;font-variant-numeric:tabular-nums;font-family:var(--font-mono);padding:32px 0;font-size:clamp(40px,9vw,80px)}.extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.extra-tile{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-secondary);color:var(--color-text);font:inherit;cursor:pointer}.extra-tile[data-lit=true],.extra-tile[aria-pressed=true]{background:var(--color-text);color:var(--page-bg)}.extra-mouse{border:1px solid var(--color-border);border-radius:var(--radius-xl);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-height:230px;display:grid}.extra-crop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.extra-ascii{font-family:var(--font-mono);white-space:pre;background:var(--page-bg);border:1px solid var(--color-border);max-height:650px;padding:10px;font-size:clamp(3px,1vw,9px);line-height:1;overflow:auto}.extra-image .studio-preview canvas{object-fit:contain;max-height:720px}@media (max-width:640px){.extra-crop{grid-template-columns:1fr}}.game-tic{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:480px;margin:auto;display:grid}.game-tic .extra-tile{font-size:clamp(32px,6vw,64px);font-weight:500}.game-tic [data-win=true],.game-disc[data-win=true]{box-shadow:inset 0 0 0 3px var(--color-text)}.game-connect{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;max-width:560px;margin:auto;display:grid}.game-column{border:1px solid var(--color-border);background:var(--page-bg);color:var(--color-text);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:5px;display:flex}.game-column:disabled{cursor:default}.game-column-label{font-size:12px}.game-disc{aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:50%;place-items:center;font-size:clamp(13px,2vw,24px);display:grid}.game-disc[data-player=X]{background:var(--color-text);color:var(--page-bg)}.game-disc[data-player=O]{background:var(--color-surface-secondary);color:var(--color-text);border:2px solid var(--color-text)}@media (max-width:640px){.game-connect{gap:4px}.game-column{gap:5px;padding:3px}}.color-preview{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;justify-content:center;gap:16px;min-height:220px;padding:32px;display:flex}.color-preview strong{font-size:36px;line-height:1.3}.color-preview p{font-size:16px;line-height:1.7}.gradient-preview{border:1px solid var(--color-border);border-radius:12px;height:320px}.color-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.color-palette>div{border:1px solid var(--color-border);border-radius:10px;grid-template-columns:1fr auto;gap:8px;padding-bottom:12px;display:grid;overflow:hidden}.color-palette>div>span{grid-column:1/-1;height:90px}.color-palette code{padding-left:12px;font-size:13px}.color-palette small{padding-right:12px}
.studio{flex-direction:column;gap:20px;min-width:0;display:flex}.studio *{min-width:0}.studio-field{flex-direction:column;flex:1;gap:7px;display:flex}.studio-field label,.studio-label{color:var(--color-text-secondary);font-size:13px}.studio input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=radio]),.studio textarea,.studio select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--page-bg);width:100%;color:var(--color-text);font:inherit;padding:10px 12px;font-size:14px}.studio textarea{resize:vertical;line-height:1.6}.studio input[type=file]{max-width:100%;font-size:13px}.studio input[type=range]{width:100%;accent-color:var(--color-text)}.studio input[type=checkbox]{accent-color:var(--color-text)}.studio-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);min-height:40px;font:inherit;cursor:pointer;padding:9px 17px;font-size:14px;transition:background .15s,transform .15s}.studio-button:hover:not(:disabled),.studio-button[aria-pressed=true]{background:var(--color-text);color:var(--page-bg)}.studio-button:active:not(:disabled){transform:scale(.98)}.studio-button:disabled{opacity:.4;cursor:not-allowed}.studio :focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.studio-preview{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.studio-preview canvas{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;height:auto;display:block}.studio-share{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-share p{overflow-wrap:anywhere;flex:1;min-width:180px}.studio-list{flex-direction:column;gap:8px;display:flex}.studio-item{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.studio-item>span{overflow-wrap:anywhere;flex:1}.studio-item img{object-fit:cover;border-radius:var(--radius-sm);width:48px;height:48px}.studio-item select{width:auto;max-width:130px}.studio-tier{border:1px solid var(--color-border);border-bottom:0;grid-template-columns:64px 1fr;min-height:90px;display:grid}.studio-tier:last-child{border-bottom:1px solid var(--color-border)}.studio-tier>strong{background:var(--color-surface-secondary);place-items:center;display:grid}.studio-tier>div{flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.studio-chip{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-wrap:anywhere;cursor:grab;max-width:100%;padding:8px 12px;font-size:13px}.studio-chip img{object-fit:cover;width:64px;height:64px}.studio-bingo{gap:4px;display:grid}.studio-bingo button{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--page-bg);color:var(--color-text);font:inherit;overflow-wrap:anywhere;cursor:pointer;padding:5px;font-size:clamp(10px,2vw,15px)}.studio-bingo button[aria-pressed=true]{background:var(--color-text);color:var(--page-bg)}.studio-choice{overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:130px;font-size:20px;display:flex}.studio-choice img{object-fit:contain;max-width:100%;max-height:200px}.studio-result{border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;overflow-wrap:anywhere;flex-direction:column;gap:14px;padding:30px 20px;display:flex}.studio-result h2{font-size:28px;font-weight:600}.studio-wheel{aspect-ratio:1;width:100%;max-width:360px;margin:auto;position:relative}.studio-wheel svg{width:100%;height:100%;display:block}.studio-wheel:before{content:"▼";z-index:1;position:absolute;top:-14px;left:calc(50% - 10px)}.studio-camera{object-fit:contain;background:var(--color-surface-secondary);border-radius:var(--radius-lg);width:100%;max-height:320px}.studio-photos{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.studio-photos img{aspect-ratio:3/2;object-fit:cover;width:100%}.studio-draw{touch-action:none;cursor:crosshair;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--page-bg);width:100%;display:block}.studio-round{flex-direction:column;gap:10px;display:flex}.studio-round h3{color:var(--color-text-secondary);font-size:14px}.studio-round button{text-align:left;border-radius:var(--radius-md);overflow-wrap:anywhere;width:100%}.studio-progress{width:100%;accent-color:var(--color-text)}.studio small{color:var(--color-text-tertiary)}@media (max-width:640px){.studio-grid{grid-template-columns:1fr}.studio-tier{grid-template-columns:44px 1fr}.studio-button{padding:9px 13px}.studio .tool-row>.studio-field{flex-basis:140px}.studio-photos{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important}}
@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ac41ccbdfd25c928-s.0j9pqkz3er-71.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fe83cf2ab39e9c57-s.p.2qpii4b6jmzj9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Michroma Fallback;src:local(Arial);ascent-override:81.64%;descent-override:18.76%;line-gap-override:0.0%;size-adjust:141.62%}._01iQla_className{font-family:Michroma,Michroma Fallback;font-style:normal;font-weight:400}._01iQla_variable{--font-wordmark:"Michroma", "Michroma Fallback"}