.tool{padding:var(--pt-s-2) 0 0}.tool-grid{gap:var(--pt-s-5);grid-template-columns:260px minmax(0,1fr) 280px;align-items:start;display:grid}.panel{background:var(--pt-sheet);border-radius:var(--pt-r-lg);padding:var(--pt-s-4);box-shadow:var(--pt-sh-1)}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--pt-s-2);margin-bottom:var(--pt-s-3);flex-wrap:wrap;display:flex}.panel-head .h3{font-size:18px}.tool-pick .tiles{max-height:470px;padding:var(--pt-s-2);margin:calc(var(--pt-s-2) * -1);overflow-y:auto}.tool-pick .credit{margin-top:var(--pt-s-3);font-size:var(--pt-t-micro);color:var(--pt-muted)}.tool-own .slots{gap:var(--pt-s-3);grid-template-columns:1fr 1fr;display:grid}.tool-own .input{margin-top:var(--pt-s-3)}.tool-own .btn{width:100%;margin-top:var(--pt-s-3)}.tool-own .err{margin-top:var(--pt-s-2)}.ai-card{margin-bottom:var(--pt-s-5);border:2px solid var(--pt-ink);box-shadow:var(--pt-sh-1);border-radius:var(--pt-r-lg);padding:var(--pt-s-4)}.ai-card p{font-size:var(--pt-t-small);color:var(--pt-muted);margin:var(--pt-s-1) 0 var(--pt-s-3)}.ai-card .btn{margin-top:0}.ai-desc{min-height:calc(var(--pt-press) * 2);padding:var(--pt-s-2) var(--pt-s-3);resize:vertical;line-height:1.4}.ai-styles{margin:var(--pt-s-2) 0 var(--pt-s-3)}.ai-head{justify-content:space-between;align-items:baseline;gap:var(--pt-s-2);flex-wrap:wrap;display:flex}.ai-head b{font-size:18px}.ai-modes{gap:var(--pt-s-2);margin:0 0 var(--pt-s-3);grid-template-columns:1fr 1fr;display:grid}.ai-modes .chip{padding:0 var(--pt-s-2);justify-content:center}.own-or{margin:0 0 var(--pt-s-2)}.ai-card{scroll-margin-top:var(--pt-s-5)}.ai-pic{gap:var(--pt-s-2);margin-bottom:var(--pt-s-2);display:grid}.ai-drop{align-items:center;gap:var(--pt-s-3);min-height:calc(var(--pt-press) * 2);padding:var(--pt-s-2) var(--pt-s-3);border:2px dashed var(--pt-cut);border-radius:var(--pt-r-sm);cursor:pointer;font-size:var(--pt-t-small);color:var(--pt-muted);display:flex;position:relative}.ai-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.ai-drop b{color:var(--pt-ink);display:block}.ai-drop:has(input:focus-visible){outline:3px solid var(--pt-ink);outline-offset:3px}.ai-rights{gap:var(--pt-s-2);font-size:var(--pt-t-small);color:var(--pt-muted);align-items:flex-start;line-height:1.4;display:flex}.ai-rights input{flex:none;margin-top:.2em}.ai-step:empty{display:none}.ai-step{margin-top:var(--pt-s-2)}.ai-step.is-error{color:var(--pt-danger)}.ai-buy{margin-top:var(--pt-s-3)}.ai-unlock{margin-top:var(--pt-s-2);width:100%}.ai-packs{gap:var(--pt-s-2);display:grid}.ai-packs .btn{justify-content:space-between;width:100%}.ai-terms{margin-top:var(--pt-s-2)}.stage{border-radius:var(--pt-r-xl);background:var(--pt-sunken);width:100%;height:min(58vh,560px);min-height:360px;position:relative;overflow:hidden}.stage[data-bg=green]{background:var(--pt-key-green)}.stage[data-bg=blue]{background:var(--pt-key-blue)}.stage-canvas{width:100%;height:100%;position:absolute;inset:0}.stage[data-bg=none] .stage-canvas{filter:var(--pt-diecut-alpha)}.stage[data-layout=vertical] .stage-canvas{aspect-ratio:9/16;width:auto;left:50%;transform:translate(-50%)}.stage[data-layout=corner] .stage-canvas{width:40%;height:55%;inset:auto 3% 0 auto}.stage[data-layout=vertical]:after{content:"";aspect-ratio:9/16;outline:2px dashed var(--pt-cut);pointer-events:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.stage[data-bg=green]:after,.stage[data-bg=blue]:after{display:none}.stage-wait{align-content:center;place-items:center;gap:var(--pt-s-3);color:var(--pt-muted);font-size:var(--pt-t-small);text-align:center;padding:var(--pt-s-5);display:grid;position:absolute;inset:0}.stage-hint{left:50%;bottom:var(--pt-s-5);z-index:20;transition:opacity var(--pt-dur-3) var(--pt-ease);position:fixed;transform:translate(-50%)}.stage-hint.is-gone{opacity:0}.controls{gap:var(--pt-s-3);margin-top:var(--pt-s-4);display:grid}.ctl-row{align-items:center;gap:var(--pt-s-3);flex-wrap:wrap;display:flex}.ctl-group{align-items:center;gap:var(--pt-s-2);flex-wrap:wrap;display:flex}.ctl-group>.label{margin:0 var(--pt-s-1) 0 0}.mic-box{gap:var(--pt-s-1);flex:220px;min-width:200px;display:grid}.mic-box .note{justify-content:space-between;gap:var(--pt-s-2);font-variant-numeric:tabular-nums;display:flex}.link-card-tool{gap:var(--pt-s-3);display:grid}.link-card-tool .ctl-row{justify-content:space-between}.link-status{align-items:center;gap:var(--pt-s-2);font-size:var(--pt-t-small);color:var(--pt-muted);display:flex}.link-status i{border-radius:var(--pt-r-pill);background:var(--pt-faint);flex:none;width:10px;height:10px}.link-status.is-on i{background:var(--pt-success)}.link-status.is-on{color:var(--pt-ink);font-weight:600}.status{min-height:1.55em;font-size:var(--pt-t-small)}.status.is-error{color:var(--pt-danger)}.turnstile-box:empty{display:none}@media (max-width:1180px){.tool-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-stage{grid-area:1/1/auto/-1}.stage{height:min(60vh,520px)}.tool-pick .tiles{max-height:360px}}@media (max-width:720px){.tool-grid{grid-template-columns:minmax(0,1fr)}.stage{height:min(66vh,520px)}.tool-pick .tiles{grid-template-columns:none;grid-auto-columns:84px;grid-auto-flow:column;max-height:none;overflow:auto hidden}}html.is-live,html.is-live body{background:0 0;overflow:hidden}html.is-live body>:not(main),html.is-live main>:not(.tool-host),html.is-live .tool-host>:not(.tool),html.is-live .tool-grid>:not(.tool-stage),html.is-live .controls,html.is-live .status{display:none!important}html.is-live .stage{z-index:10;border-radius:0;height:auto;min-height:0;position:fixed;inset:0}html.is-live .stage[data-bg=none]{background:0 0}html.is-live .stage .stage-canvas{filter:none}html.is-live .stage:after{display:none}.ai-sim{gap:var(--pt-s-2);padding:var(--pt-s-3);border-radius:var(--pt-r-lg);background:var(--pt-sunken);display:grid}.ai-sim-stage{justify-content:center;align-items:flex-end;gap:var(--pt-s-3);display:flex}.ai-sim-frame{aspect-ratio:2/3;border-radius:var(--pt-r-lg);background:var(--pt-sheet);width:120px;box-shadow:var(--pt-diecut-box);position:relative;overflow:hidden}.ai-sim-frame img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.ai-sim-scan{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--pt-accent) 45%, transparent), transparent);opacity:0;height:22%;position:absolute;top:0;left:0;right:0}.ai-sim-meter{opacity:0;align-items:flex-end;gap:3px;height:40px;display:flex}.ai-sim-meter i{border-radius:var(--pt-r-xs);background:var(--pt-ink);transform-origin:50% 100%;width:6px;height:100%;display:block;transform:scaleY(.6)}.ai-sim[data-phase=talk] .ai-sim-meter{opacity:1}.ai-sim-step{text-align:center;margin:0}@media (prefers-reduced-motion:no-preference){@keyframes ai-sim-scan{0%{transform:translateY(-100%)}to{transform:translateY(460%)}}.ai-sim[data-phase=scan] .ai-sim-scan{opacity:1;animation:ai-sim-scan 1.1s var(--pt-ease) infinite}.ai-sim[data-phase=talk] .ai-sim-frame{transform-origin:50% 100%;animation:pt-talk var(--pt-talk) var(--pt-step) infinite}.ai-sim-meter{transition:opacity var(--pt-dur-3) var(--pt-ease)}}.tile[aria-busy=true]{cursor:progress}.tile[aria-busy=true]:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--pt-sheet) 45%, transparent);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.tile[aria-busy=true] img{animation:pt-talk var(--pt-talk) var(--pt-step) infinite;transform-origin:50% 100%}}
