.thumbnail-app .app-main{width:min(1480px,100%)}
.thumbnail-app .app-surface{overflow:visible;background:#0f0f0f;color:#f8fafc;border-color:#303030}
.thumbnail-app .app-lede{color:#aaa}
.thumbnail-app .tool-card{padding:18px;min-height:680px}
.ts-app{--ts-panel:#181818;--ts-panel-2:#272727;--ts-line:#3f3f3f;--ts-muted:#aaa;--ts-accent:#ff0033;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ts-stage,.ts-panel{min-width:0}
.ts-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ts-toolbar button,.ts-button{border:1px solid var(--ts-line);border-radius:10px;background:var(--ts-panel);color:#e5edf8;padding:9px 12px;font-weight:800;cursor:pointer}
.ts-toolbar button[aria-pressed="true"]{border-color:var(--ts-accent);background:#4a0b17;color:#fff}
.ts-canvas-wrap{position:relative;overflow:hidden;border:1px solid var(--ts-line);border-radius:14px;background:#020617;box-shadow:0 22px 45px -34px #000}
.ts-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;cursor:grab}
.ts-canvas-wrap canvas.is-drawing{cursor:crosshair}
.ts-canvas-wrap canvas.is-dragging{cursor:grabbing}
.ts-empty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;pointer-events:none}
.ts-empty[hidden]{display:none}
.ts-empty strong{font-size:clamp(1.1rem,2vw,1.5rem)}
.ts-empty span{color:var(--ts-muted);font-size:.86rem}
.ts-hint{min-height:1.4em;margin:8px 2px 0;color:var(--ts-muted);font-size:.76rem;text-align:center}
.ts-preview-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:10px 12px;border:1px solid var(--ts-line);border-radius:12px;background:#141414}
.ts-preview-row div{display:grid;gap:3px}.ts-preview-row strong{font-size:.78rem}.ts-preview-row span{color:var(--ts-muted);font-size:.69rem}
.ts-preview-row canvas{display:block;width:160px;height:90px;border:1px solid #3a4a63;border-radius:6px;background:#fff}
.ts-panel{align-self:start;border:1px solid var(--ts-line);border-radius:14px;background:var(--ts-panel);padding:14px;max-height:calc(100dvh - 120px);overflow:auto}
.ts-panel details{border-bottom:1px solid var(--ts-line)}
.ts-panel details:last-of-type{border-bottom:0}
.ts-panel summary{padding:13px 2px;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.ts-section{display:grid;gap:11px;padding:0 0 16px}
.ts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ts-field{display:grid;gap:5px;color:var(--ts-muted);font-size:.72rem;font-weight:800}
.ts-field.wide{grid-column:1/-1}
.thumbnail-app .ts-field input,.thumbnail-app .ts-field select{min-width:0;border:1px solid var(--ts-line);border-radius:9px;background:var(--ts-panel-2);color:#fff;padding:9px 10px}
.thumbnail-app .ts-field input[type="range"]{padding:0;accent-color:var(--ts-accent)}
.thumbnail-app .ts-field input[type="color"]{height:38px;padding:3px}
.ts-row{display:flex;align-items:center;gap:8px}
.ts-row .ts-button{flex:1}
.ts-row.ts-three .ts-button{padding-inline:8px;font-size:.75rem}
.ts-check{display:flex;align-items:center;gap:8px;align-self:end;min-height:38px;color:var(--ts-muted);font-size:.74rem;font-weight:800}
.ts-check input{width:17px;height:17px;accent-color:var(--ts-accent)}
.ts-layer-list{display:grid;gap:6px}
.ts-layer-empty{padding:10px;border:1px dashed var(--ts-line);border-radius:9px;color:var(--ts-muted);font-size:.73rem;text-align:center}
.ts-layer-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--ts-line);border-radius:9px;background:#202020}
.ts-layer-item.is-selected{border-color:var(--ts-accent);background:#3a1018}
.ts-layer-select{overflow:hidden;border:0;background:transparent;color:#eaf2ff;font-size:.75rem;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.ts-layer-badge{color:var(--ts-muted);font-size:.66rem;font-weight:800}
.ts-layer-lock{width:32px;height:30px;border:1px solid var(--ts-line);border-radius:8px;background:var(--ts-panel-2);color:#fff;cursor:pointer}
.ts-button.primary{border-color:#ff0033;background:#ff0033;color:#fff}
.ts-button.danger{border-color:#7f1d1d;background:#3f151d;color:#fecdd3}
.ts-button:disabled{cursor:not-allowed;opacity:.45}
.ts-status{min-height:1.25em;margin:0;color:var(--ts-muted);font-size:.76rem}
.ts-panel .hidden{display:none}
.ts-download{width:100%;margin-top:14px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff1744,#c40025);color:#fff;padding:13px;font-weight:900;cursor:pointer}
.ts-note{margin:10px 0 0;color:var(--ts-muted);font-size:.72rem;text-align:center}
.thumbnail-app .app-info,.thumbnail-app .app-related{width:min(820px,calc(100% - 24px));margin-inline:auto}
@media(max-width:980px){.ts-app{grid-template-columns:1fr}.ts-panel{max-height:none}}
@media(max-width:600px){.thumbnail-app .tool-card{padding:10px}.ts-panel{padding:11px}.ts-grid{grid-template-columns:1fr}.ts-field.wide{grid-column:auto}.ts-toolbar button{flex:1}.ts-empty span{display:none}.ts-preview-row{align-items:flex-start}.ts-preview-row canvas{width:128px;height:72px}.ts-row.ts-three{flex-wrap:wrap}.ts-row.ts-three .ts-button{min-width:92px}}
@media(display-mode:standalone){.thumbnail-app .app-main{width:100%;padding-inline:8px}.thumbnail-app .app-surface{min-height:auto}.thumbnail-app .tool-card{min-height:auto}}