.tp-start{box-sizing:border-box;color:#fff;background:#6d28d9;border:1px solid #6d28d9;border-radius:1.25rem;max-width:60rem;min-height:24rem;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a17}.tp-start:before{content:"";pointer-events:none;border:1px dashed #ffffff73;border-radius:.85rem;position:absolute;inset:.65rem}.tp-start.tp-dragover:before{border:2px solid #fff}.tp-start-tag{letter-spacing:.06em;border:1px solid #ffffff59;border-radius:99px;padding:.25rem .7rem;font-size:.65rem;font-weight:700;position:absolute;top:1.2rem;left:1.4rem}.tp-start-content{text-align:center;flex-direction:column;align-items:center;padding:2.1rem 1.5rem 1.5rem;display:flex;position:relative}.tp-start-icon{place-items:center;width:2.5rem;height:2.5rem;margin-bottom:.5rem;display:grid}.tp-start-icon svg{width:100%;height:100%}.tp-start h2{font-size:1.25rem;font-weight:750}.tp-start-content>p{max-width:42rem;margin:.3rem auto .65rem;font-size:.8rem;line-height:1.5}.tp-start textarea{resize:vertical;text-align:left;color:#111827;background:#fff;border:1px solid #ffffffb3;border-radius:.65rem;width:min(100%,43rem);height:8rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.tp-start textarea:focus-visible{outline-offset:2px;outline:3px solid #fbbf24}.tp-start-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:.7rem;display:flex}.tp-start-actions span{font-size:.8rem}.tp-button{white-space:nowrap;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.3rem;padding:.4rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.tp-button:focus-visible,.tp-controls button:focus-visible,.tp-import:focus-within{outline-offset:2px;outline:3px solid #f59e0b}.tp-white{color:#111827;background:#fff}.tp-outline{cursor:pointer;color:#fff;border:1px solid #fff}.tp-muted{border:1px solid color-mix(in srgb,var(--color-text) 17%,transparent);background:var(--color-bg)}.tp-primary{background:var(--color-primary);color:#fff}.tp-primary:disabled{opacity:.5;cursor:not-allowed}.tp-download{background:var(--color-success);color:#fff}.tp-download.tp-disabled{pointer-events:none;border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);background:var(--color-bg-subtle);color:color-mix(in srgb,var(--color-text) 42%,transparent);cursor:not-allowed}.tp-start-foot{font-size:.68rem!important}.tp-workspace{box-sizing:border-box;height:100%;padding:.8rem;overflow:auto}.tp-filebar{border:1px solid color-mix(in srgb,var(--color-security) 23%,transparent);background:color-mix(in srgb,var(--color-security) 5%,var(--color-bg));border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.55rem .7rem;display:flex}.tp-filebar strong,.tp-filebar small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tp-filebar strong{font-size:.8rem}.tp-filebar small{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:.68rem}.tp-file-icon{background:var(--color-security);color:#fff;border-radius:.4rem;flex:none;place-items:center;width:2.3rem;height:2.6rem;display:grid}.tp-file-icon svg{width:1.4rem}.tp-private{background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg));color:var(--color-success);border-radius:99px;padding:.35rem .65rem;font-size:.65rem;font-weight:700}.tp-alert,.tp-progress{border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg));border-radius:.65rem;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.6rem .75rem;font-size:.75rem;display:flex}.tp-alert.hidden,.tp-progress.hidden{display:none}.tp-alert span{flex:1}.tp-alert button{font-size:1.2rem;line-height:1}.tp-error{border-color:color-mix(in srgb,var(--color-error) 40%,transparent);background:color-mix(in srgb,var(--color-error) 7%,var(--color-bg));color:var(--color-error)}.tp-spinner{border:2px solid var(--color-primary);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;margin-left:auto;animation:.7s linear infinite tp-spin}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-layout{grid-template-columns:minmax(250px,.85fr) minmax(320px,1.3fr) 270px;gap:.65rem;min-height:calc(100dvh - 10rem);display:grid}.tp-layout.settings-hidden{grid-template-columns:minmax(250px,.85fr) minmax(320px,1.3fr)}.tp-layout.settings-hidden .tp-settings{display:none}.tp-panel{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-bg);border-radius:.8rem;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.tp-heading{border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);justify-content:space-between;align-items:center;gap:.5rem;min-height:3.8rem;padding:.65rem .8rem;display:flex}.tp-heading strong,.tp-heading small{display:block}.tp-heading strong{font-size:.82rem}.tp-heading small{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:.67rem}.tp-import{cursor:pointer;border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:.45rem;padding:.4rem .5rem;font-size:.7rem;font-weight:700}.tp-editor textarea{resize:none;background:var(--color-bg);width:100%;min-height:22rem;color:var(--color-text);outline-offset:-3px;border:0;flex:1;padding:1rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.6;display:block}.tp-panel-foot{border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);color:color-mix(in srgb,var(--color-text) 62%,transparent);padding:.55rem .8rem;font-size:.68rem;line-height:1.45}.tp-controls{align-items:center;gap:.2rem;display:flex}.tp-controls button{border-radius:.35rem;width:1.55rem;height:1.8rem;font-size:1.2rem;line-height:1}.tp-controls button:hover:not(:disabled){background:var(--color-bg-subtle)}.tp-controls button:disabled{opacity:.4}.tp-controls span{text-align:center;min-width:2.7rem;font-size:.7rem}.tp-controls .tp-divider{border-left:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);min-width:0;height:1.4rem;margin:0 .2rem}.tp-stage{background:var(--color-bg-subtle);flex:1;justify-content:center;align-items:flex-start;min-height:25rem;max-height:calc(100dvh - 13.5rem);padding:1.2rem;display:flex;overflow:auto}.tp-stage canvas{background:#fff;width:auto;max-width:none;height:auto;box-shadow:0 5px 18px #0f172a29}.tp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:20rem;min-height:20rem;display:flex}.tp-empty.hidden{display:none}.tp-empty svg{width:2.8rem;height:2.8rem;color:var(--color-security);margin-bottom:1rem}.tp-empty strong{font-size:.9rem}.tp-empty p{color:color-mix(in srgb,var(--color-text) 65%,transparent);margin-top:.5rem;font-size:.72rem;line-height:1.6}.tp-settings-body{flex-direction:column;gap:.9rem;max-height:calc(100dvh - 13.5rem);padding:.8rem;display:flex;overflow:auto}.tp-field{font-size:.72rem;font-weight:700;display:block}.tp-field>select,.tp-field>input[type=file],.tp-field>.tp-name{border:1px solid color-mix(in srgb,var(--color-text) 19%,transparent);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:.5rem;margin-top:.35rem;padding:.5rem;font-size:.75rem;display:block}.tp-field>input[type=range]{width:100%;accent-color:var(--color-security);margin-top:.55rem;display:block}.tp-field output{float:right;color:var(--color-security)}.tp-field small{color:color-mix(in srgb,var(--color-text) 60%,transparent);margin-top:.3rem;font-size:.64rem;font-weight:400;display:block}.tp-name{align-items:center;gap:.3rem;display:flex!important}.tp-name input{background:0 0;outline:none;width:100%;min-width:0}.tp-name span{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.tp-check{align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.tp-check input{accent-color:var(--color-security)}.tp-note{background:color-mix(in srgb,var(--color-security) 7%,var(--color-bg));border-radius:.55rem;padding:.7rem;font-size:.68rem;line-height:1.55}.tp-start-error:not(.hidden){display:block}.tp-start-error{padding:.75rem}.tp-stage canvas.hidden{display:none}[data-theme=dark] .tp-start{background:#331d6d;border-color:#a78bfa}[data-theme=dark] .tp-start textarea{color:#111827;background:#fff}@media (width<=1150px){.tp-layout,.tp-layout.settings-hidden{grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr)}.tp-settings{grid-column:1/-1}.tp-settings-body{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid}.tp-stage{max-height:65dvh}}@media (width<=750px){.tp-layout,.tp-layout.settings-hidden{flex-direction:column;display:flex}.tp-editor textarea{min-height:17rem;max-height:35dvh}.tp-stage{min-height:25rem;max-height:65dvh}.tp-settings-body{grid-template-columns:1fr}.tp-filebar{flex-wrap:wrap}.tp-private{display:none}.tp-heading{flex-wrap:wrap}.tp-preview .tp-heading{align-items:flex-start}.tp-controls{justify-content:center;width:100%}.tp-start-content{padding-top:3.2rem}.tp-start textarea{height:9rem}}@media (prefers-reduced-motion:reduce){.tp-spinner{animation:none}}