html.stt-lock{overflow:hidden}.stu-app__tools{min-width:0}.stt-row{display:grid;gap:.55rem;padding:.8rem 1rem;border:1px solid var(--stu-line);border-radius:var(--radius,14px);background:linear-gradient(135deg,rgba(var(--stu-lime-rgb),.07),rgba(var(--c-text-rgb,255,255,255),.03) 55%)}.stt-row .stu-note{margin:0}.stt-row__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.stt-row__t{font-family:var(--f-head);font-size:1.1rem;text-transform:var(--head-case,none)}.stt-row--off{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem 1rem;background:rgba(var(--c-text-rgb,255,255,255),.025);border-style:dashed}.stt-row--off .stt-row__t{font-size:.95rem;color:var(--c-muted,#aab9de)}.stt-row__btns{flex-wrap:nowrap;overflow-x:auto;padding:.1rem .1rem .35rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.stt-chip{flex:0 0 auto;white-space:nowrap;border-color:rgba(var(--stu-lime-rgb),.45)}.stt-chip:hover{border-color:var(--stu-lime);color:var(--stu-lime)}.stt-pill{display:inline-flex;align-items:center;gap:.4rem;min-height:26px;padding:.1rem .65rem;border-radius:999px;border:1px solid var(--stu-line);font-family:var(--f-mono,monospace);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.stt-pill:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.stt-pill--off{color:#ffd166;border-color:#ffd16680}.stt-pill--signin{color:var(--c-muted,#aab9de)}.stt-pill--on{color:var(--stu-lime);border-color:rgba(var(--stu-lime-rgb),.5)}.stt-lchips{padding:.35rem .45rem;border:1px dashed rgba(var(--c-accent-rgb,163,230,53),.5);border-radius:10px;background:rgba(var(--c-accent-rgb,163,230,53),.06)}.stt-lchips__l{font-family:var(--f-mono,monospace);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent,#A3E635);margin-right:.2rem}.stt-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1150;display:grid;place-items:center;padding:1rem;background:#020a1cbd;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.stt-panel{position:relative;width:100%;max-width:58rem;max-height:92vh;overflow:auto;overscroll-behavior:contain;padding:1.1rem 1.2rem 1.2rem;border:1px solid var(--stu-line);border-radius:18px;background:var(--c-bg,#041a3d);color:var(--c-text,#fff);box-shadow:0 24px 70px #0000008c;outline:0;transition:transform .2s ease}.stt-grab{display:none}.stt-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.stt-title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--f-head);font-size:1.35rem;line-height:1.1;text-transform:var(--head-case,none)}.stt-cost{flex:0 0 auto;padding:.25rem .7rem;border:1px solid rgba(var(--stu-lime-rgb),.5);border-radius:999px;background:rgba(var(--stu-lime-rgb),.08);color:var(--stu-lime);font-family:var(--f-mono,monospace);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.stt-x{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--stu-line);border-radius:50%;background:transparent;color:var(--c-text,#fff);font-size:1.5rem;line-height:1;cursor:pointer}.stt-x:hover{border-color:var(--stu-lime);color:var(--stu-lime)}.stt-x:focus-visible,.stt-tile:focus-visible,.stt-pick__b:focus-visible,.stt-range:focus-visible,.stt-a:focus-visible{outline:2px solid var(--stu-lime);outline-offset:2px}.stt-body{min-width:0}.stt-cols{display:grid;gap:1.1rem 1.4rem;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;--stt-h:56vh}.stt-cols--one{grid-template-columns:minmax(0,1fr);max-width:34rem;margin:0 auto}.stt-cols--cmp{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.stt-main{display:grid;gap:.45rem;min-width:0}.stt-side{display:grid;gap:.65rem;align-content:start;min-width:0}.stt-side p{margin:0}.stt-lead{font-size:.92rem;color:var(--c-text,#fff)}.stt-l{display:block;font-size:.88rem;font-weight:700;color:var(--c-text,#fff)}.stt-f{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem .8rem;align-items:center}.stt-f--col{grid-template-columns:minmax(0,1fr);gap:.3rem}.stt-help{margin:0}.stt-mono{font-family:var(--f-mono,monospace);font-size:.74rem;overflow-wrap:anywhere}.stt-a{color:var(--stu-lime);text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}.stt-range{width:100%;min-height:44px;margin:0;accent-color:var(--stu-lime)}.stt-prompt{min-height:5.2rem;resize:vertical;line-height:1.45}.stt-tools{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.stt-go{width:100%}.stt-box{display:grid;gap:.55rem}.stt-box:empty{display:none}.stt-stagewrap{display:grid;place-items:center;min-width:0;padding:.6rem;border-radius:var(--radius,14px);background:linear-gradient(rgba(127,180,255,.1) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(127,180,255,.1) 1px,transparent 1px) 0 0/24px 24px,var(--c-surface,#06224d)}.stt-stage{position:relative;width:min(100%,calc(var(--stt-h,56vh) * var(--stt-ar,1)));border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#d9dde3 0 25%,#f4f6f8 0 50%) 0 0/16px 16px;box-shadow:0 6px 24px #00000059}.stt-stage .stt-img,.stt-cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.stt-stage .stt-img{object-fit:contain}.stt-cv--mask{opacity:.55;touch-action:none;cursor:crosshair}.stt-ring{position:absolute;border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.stt-stage.is-busy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#041a3d59 30%,#ffffff47,#041a3d59 70%) 0 0/220% 100%;animation:stt-shine 1.4s linear infinite;pointer-events:none}.stt-maskstate{margin:0;text-align:center;font-size:.8rem}@keyframes stt-shine{to{background-position:-220% 0}}.stt-work{display:grid;gap:.5rem;padding:.75rem .85rem;border:1px solid rgba(var(--stu-lime-rgb),.4);border-radius:12px;background:rgba(var(--stu-lime-rgb),.06)}.stt-work__t{font-size:.92rem;line-height:1.4}.stt-work .stu-btn{justify-self:start}.stt-bar{height:6px;border-radius:99px;background:rgba(var(--c-text-rgb,255,255,255),.14);overflow:hidden}.stt-bar span{display:block;width:38%;height:100%;border-radius:99px;background:var(--stu-lime);animation:stt-slide 1.25s ease-in-out infinite}@keyframes stt-slide{0%{transform:translate(-100%)}to{transform:translate(265%)}}.stt-err{display:grid;gap:.45rem;padding:.75rem .85rem;border:1px solid rgba(255,209,102,.55);border-radius:12px;background:#ffd16614}.stt-err__t{color:#ffd166;font-weight:700;font-size:.95rem;line-height:1.4}.stt-err .stu-note{margin:0}.stt-err__acts{margin-top:.1rem}.stt-info{margin:0;padding:.6rem .8rem;border:1px dashed var(--stu-line);border-radius:12px}.stt-radios .stu-chip{min-width:3.2rem}.stt-scenes .stu-chip,.stt-modes .stu-chip{flex:1 1 auto}.stt-modes{display:grid;grid-template-columns:minmax(0,1fr)}.stt-modes .stu-chip{justify-content:flex-start;border-radius:12px;min-height:52px;padding:.5rem .9rem;text-align:left}.stt-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.stt-tile{position:relative;display:block;aspect-ratio:1;min-height:44px;padding:0;border:2px solid var(--stu-line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer}.stt-tile img{display:block;width:100%;height:100%;object-fit:cover}.stt-tile__l{position:absolute;left:.3rem;bottom:.3rem;padding:.05rem .4rem;border-radius:6px;background:#04142fdb;color:#fff;font-family:var(--f-mono,monospace);font-size:.66rem;pointer-events:none}.stt-tile.is-on{border-color:var(--stu-lime);box-shadow:0 0 0 2px rgba(var(--stu-lime-rgb),.35)}.stt-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stt-cmp__f{margin:0;display:grid;gap:.35rem;min-width:0}.stt-cmp__i{display:grid;place-items:center;border:2px solid transparent;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#d9dde3 0 25%,#f4f6f8 0 50%) 0 0/16px 16px}.stt-cmp__f--on .stt-cmp__i{border-color:var(--stu-lime)}.stt-cmp__i img{display:block;width:100%;height:auto;max-height:54vh;object-fit:contain}.stt-cmp__c{font-family:var(--f-mono,monospace);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted,#aab9de);text-align:center}.stt-cmp__f--on .stt-cmp__c{color:var(--stu-lime)}.stt-empty{display:grid;gap:.6rem;justify-items:start;max-width:32rem;padding:.4rem 0 .2rem}.stt-empty p{margin:0}.stt-empty__t{font-family:var(--f-head);font-size:1.15rem}.stt-empty__acts{margin-top:.2rem}.stt-pick{display:grid;gap:.45rem;width:100%}.stt-pick__b{display:grid;grid-template-columns:56px minmax(0,1fr);gap:.7rem;align-items:center;min-height:64px;padding:.3rem .7rem .3rem .3rem;border:1px solid var(--stu-line);border-radius:12px;background:rgba(var(--c-text-rgb,255,255,255),.03);color:var(--c-text,#fff);font:inherit;text-align:left;cursor:pointer}.stt-pick__b:hover{border-color:var(--stu-lime)}.stt-pick__b img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#fff}.stt-load{display:grid;gap:.8rem}.stt-skel--stage .stu-skel__bar{height:min(46vh,18rem);border-radius:var(--radius,14px)}@media(max-width:760px){.stt-wrap{place-items:end center;padding:0}.stt-panel{max-width:none;max-height:92vh;max-height:92dvh;padding:0 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;border-bottom:0}.stt-grab{display:grid;place-items:center;position:sticky;top:0;z-index:3;height:28px;margin:0 -1rem;background:var(--c-bg,#041a3d);border-radius:20px 20px 0 0;touch-action:none;cursor:grab}.stt-grab:before{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.stt-grab span{display:block;width:44px;height:5px;border-radius:99px;background:rgba(var(--c-text-rgb,255,255,255),.35)}.stt-head{position:sticky;top:28px;z-index:2;margin:0 -1rem .7rem;padding:.1rem 1rem .55rem;background:var(--c-bg,#041a3d);border-bottom:1px solid var(--stu-line)}.stt-title{font-size:1.2rem}.stt-cols,.stt-cols--cmp{grid-template-columns:minmax(0,1fr);gap:.8rem;--stt-h:36vh}.stt-stagewrap{padding:.4rem}.stt-cmp__i img{max-height:30vh}.stt-side .stu-row .stu-btn{flex:1 1 auto}.stt-tools .stt-radios{flex:1 1 100%}.stt-tools .stt-radios .stu-chip{flex:1 1 0}.stt-tools>.stu-chip{flex:1 1 0}}@media(prefers-reduced-motion:reduce){.stt-panel{transition:none}.stt-bar span{animation:none;width:100%;opacity:.55}.stt-stage.is-busy:after{animation:none;background:#041a3d59}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/slapsta-studio-tools.css.map */