.tt-hero-art canvas.tt-hero-figure{width:96px;height:120px}.tt-hero-art canvas.tt-hero-totem{width:112px;height:112px}.tt-grid{grid-template:"s1 pv""s2 pv""s3 pv"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding-bottom:48px;display:grid}.tt-area-1{grid-area:s1}.tt-area-2{grid-area:s2}.tt-area-3{grid-area:s3}.tt-preview{top:calc(var(--topbar-h) + 16px);scroll-margin-top:calc(var(--topbar-h) + 16px);grid-area:pv;position:sticky}.tt-prev-icon{border-radius:var(--r-md);background:var(--tool-accent);width:40px;height:40px;color:var(--on-accent);flex:none;place-items:center;display:grid;box-shadow:inset 0 -4px #00000040,inset 0 2px #fff3}.tt-picker[hidden],.tt-chosen[hidden],.tt-panel[hidden]{display:none}.tt-picker{flex-direction:column;gap:16px;display:flex}.tt-tabs{border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.tt-tab{border-radius:var(--r-sm);min-width:0;color:var(--text-2);font:inherit;font-size:var(--fs-sm);line-height:var(--lh-sm);text-align:center;cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex}.tt-tab:hover{background:var(--surface-3);color:var(--text)}.tt-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.tt-tab[aria-selected=true]{background:var(--tool-accent-soft);color:var(--text);box-shadow:inset 0 0 0 2px var(--tool-accent)}.tt-tab .icon{color:var(--text-3)}.tt-tab[aria-selected=true] .icon{color:var(--tool-accent)}.tt-dz{min-height:176px}.tt-dz.is-busy{pointer-events:none;opacity:.5}.tt-user,.tt-defaults,.tt-saved{flex-direction:column;gap:12px;display:flex}.tt-user-row{align-items:center;gap:8px;display:flex}.tt-user-row .grow{flex:1;min-width:0}.tt-user-row .input{width:100%}.tt-user-go{flex:none}.tt-field-error{color:var(--red);font-size:var(--fs-sm);line-height:var(--lh-sm)}.tt-examples{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tt-chip{border:2px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);height:32px;color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;align-items:center;padding:0 10px 2px;display:inline-flex}.tt-chip:hover{background:var(--surface-3);color:var(--text)}.tt-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.tt-note{color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);gap:8px;display:flex}.tt-note>.icon{color:var(--tool-accent);flex:none;margin-top:2px}.tt-empty a,.tt-hint a{color:var(--tool-accent);text-underline-offset:3px;text-decoration:underline}.tt-skin-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:336px;padding:2px;display:grid;overflow:auto}.tt-skin-grid:empty{display:none}.tt-skin-opt{border-radius:var(--r-md);background:var(--surface-2);min-width:0;color:var(--text);font:inherit;font-size:var(--fs-sm);line-height:var(--lh-sm);cursor:pointer;box-shadow:inset 0 0 0 2px var(--border);transition:background var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:0;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.tt-skin-opt:hover{background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--tool-accent)}.tt-skin-opt:focus-visible{box-shadow:inset 0 0 0 2px var(--tool-accent), var(--focus-ring);outline:none}.tt-skin-thumb{width:56px;height:72px;color:var(--text-3);place-items:center;display:grid}.tt-skin-name{max-width:100%}.tt-figure{width:100%;height:100%;display:block}.tt-default-status[hidden],.tt-default-error[hidden]{display:none}.tt-default-error{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tt-default-error>.icon{color:var(--red)}.tt-chosen{flex-direction:column;gap:12px;display:flex}.tt-chosen-thumb{border-radius:var(--r-sm);flex:none;place-items:center;width:64px;height:80px;display:grid;overflow:hidden}.tt-change{flex:none;align-self:center}.tt-styles .cv-ed{align-items:center}.tt-style-thumb{border-radius:var(--r-sm);width:56px;height:56px;color:var(--text-3);box-shadow:inset 0 0 0 2px var(--border);flex:none;place-items:center;display:grid;overflow:hidden}.tt-style-canvas{width:48px;height:48px}.tt-toggles{flex-direction:column;gap:12px;display:flex}.tt-shape{min-height:24px}.tt-shape.is-ready{color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);align-items:center;gap:8px;display:flex}.tt-shape.is-ready>.icon{color:var(--tool-accent)}.tt-shape.is-error{border-radius:var(--r-md);background:color-mix(in srgb, var(--red) 10%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--red) 40%, transparent);font-size:var(--fs-sm);line-height:var(--lh-sm);flex-wrap:wrap;align-items:flex-start;gap:8px 10px;padding:12px 14px;display:flex}.tt-shape.is-error>span{flex:200px;min-width:0}.tt-shape.is-error>.icon{color:var(--red);flex:none}.tt-preview-body[hidden],.tt-preview-empty[hidden],.tt-edited[hidden]{display:none}.tt-preview-body{flex-direction:column;gap:20px;display:flex}.tt-preview-empty{border-radius:var(--r-md);border:2px dashed var(--border-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:32px 16px;display:flex}.tt-preview-empty-icon{color:var(--tool-accent);opacity:.7}.tt-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tt-stage{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.tt-stage figcaption{min-height:28px;color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.tt-big{aspect-ratio:1;border-radius:var(--r-md);box-shadow:inset 0 0 0 2px var(--border);place-items:center;display:grid;overflow:hidden}.tt-big-canvas{width:87.5%;height:87.5%}.tt-pop{aspect-ratio:1;border-radius:var(--r-md);background:radial-gradient(circle at 50% 46%,#ffeca059,#0000 55%),linear-gradient(#5d8fe6 0%,#9fc3f5 62%,#6aa84f 62%,#5a9441 72%,#79553a 72%,#5f412b 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #00000040}.tt-pop-canvas{width:100%;height:100%;position:absolute;inset:0}.tt-pop-play{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.tt-pop-play:focus-visible{box-shadow:inset 0 0 0 3px var(--tool-accent);outline:none}.tt-replay{border:2px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);height:28px;color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:4px;padding:0 8px 2px 6px;display:inline-flex}.tt-replay:hover{background:var(--surface-3)}.tt-replay:focus-visible{box-shadow:var(--focus-ring);outline:none}.tt-replay .icon{color:var(--tool-accent)}.tt-hotbar-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.tt-hotbar{grid-template-columns:minmax(0,1fr) minmax(0,9fr);align-items:center;gap:8px;width:100%;max-width:440px;display:grid}.tt-hotbar-bar{background:#0000008c;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;padding:2px;display:grid;box-shadow:0 0 0 2px #0009}.tt-slot{aspect-ratio:1;background:#8b8b8b;place-items:center;display:grid;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.tt-slot-off{box-shadow:0 0 0 2px #0009,inset 2px 2px #373737,inset -2px -2px #fff}.tt-slot.is-selected{z-index:1;position:relative;box-shadow:0 0 0 2px #fff,0 0 0 4px #1d1d1d,inset 2px 2px #373737,inset -2px -2px #fff}.tt-slot canvas{width:72%;height:72%}.tt-preview-actions .tt-discard-btn[hidden]{display:none}.tt-hint.is-alert{border-radius:var(--r-md);background:color-mix(in srgb, var(--red) 10%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--red) 40%, transparent);color:var(--text);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.tt-hint.is-alert>.icon{color:var(--red);flex:none}.tt-path{overflow-wrap:anywhere;font-size:var(--fs-sm)}.tt-dl-actions>.btn{flex:220px}.tt-ed{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:16px;display:grid}.tt-ed-canvas{aspect-ratio:1;border-radius:var(--r-md);min-height:240px;box-shadow:inset 0 0 0 2px var(--border);position:relative;overflow:hidden}.tt-ed-side{flex-direction:column;gap:12px;min-width:0;display:flex}.tt-ed-tools{flex-wrap:wrap;gap:6px;display:flex}.tt-ed-tools .icon-btn[aria-pressed=true],.tt-ed-mirror[aria-pressed=true]{background:var(--tool-accent-soft);color:var(--tool-accent);box-shadow:inset 0 0 0 2px var(--tool-accent)}.tt-ed-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tt-ed-colors{flex-direction:column;gap:6px;display:flex}.tt-ed-swatches{flex-wrap:wrap;gap:4px;display:flex}.tt-ed-swatch{border-radius:var(--r-xs);cursor:pointer;border:0;width:26px;height:26px;box-shadow:inset 0 0 0 2px #00000040}.tt-ed-swatch:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:960px){.tt-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"s1""s2""pv""s3"}.tt-preview{position:static}}@media (max-width:680px){.tt-ed{grid-template-columns:minmax(0,1fr)}.tt-ed-canvas{justify-self:center;width:100%;max-width:52vh;max-height:52vh}}@media (max-width:560px){.tt-grid{gap:16px}.tt-tab{padding:6px 2px;font-size:12px;line-height:16px}.tt-stages{gap:12px}.tt-user-go .btn-label,.tt-change .btn-label{display:none}.tt-chosen-thumb{width:52px;height:68px}.tt-dl-actions>.btn{height:auto;min-height:var(--btn-h);white-space:normal;text-align:center;min-width:0;padding:8px 12px 10px}}.tt-mine{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px;display:flex}.tt-mine-use{max-width:100%}.tt-mine-use .btn-label{text-overflow:ellipsis;overflow:hidden}.tt-link{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tt-link:hover{color:var(--text)}.tt-remember{color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-sm);cursor:pointer;align-items:center;gap:8px;margin-top:8px;display:flex}.tt-remember input{width:16px;height:16px;accent-color:var(--gold)}