@property --spin{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.drop{position:relative;display:grid;justify-items:center;text-align:center;padding:56px 32px 48px;border-radius:var(--radius-lg);cursor:pointer;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}.drop:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--spin),var(--amber),var(--ember),var(--coral),transparent 40%,transparent 60%,var(--amber));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.35;transition:opacity .25s;z-index:-1}.drop:hover:before{opacity:.8}.drop.dragging{transform:scale(1.012);background:var(--card-hover)}.drop.dragging:before{opacity:1;animation:spin 1.6s linear infinite}@keyframes spin{to{--spin: 360deg}}.drop-art{display:flex;align-items:center;gap:14px;margin-bottom:28px}.tile{display:grid;place-items:center;width:64px;height:78px;border-radius:14px 22px 14px 14px;font-family:var(--display);font-weight:600;font-size:.8125rem;letter-spacing:.02em;position:relative}.tile.in{background:var(--bg-2);border:1px solid var(--stroke-strong);color:var(--muted);transform:rotate(-8deg);animation:bob 5s ease-in-out infinite}.tile.out{background:var(--grad);color:#fff;box-shadow:0 16px 40px -12px var(--ember);transform:rotate(7deg);animation:bob 5s ease-in-out -2.5s infinite}@keyframes bob{50%{translate:0 -6px}}.flow{width:64px;height:2px;background:repeating-linear-gradient(90deg,var(--ember) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:flow .8s linear infinite;position:relative}.flow:after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid var(--coral);border-right:0}@keyframes flow{to{background-position:24px 0}}.drop-title{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(2rem,5.2vw,3.75rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.tool.paired .drop-title{font-size:clamp(1.5rem,3.2vw,2.25rem)}.tool.paired .drop{padding-top:44px;padding-bottom:40px}.drop-sub{margin:18px 0 30px;max-width:48ch;color:var(--muted);font-size:1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:15px 26px;font-weight:600;font-size:1rem;color:#fff;background:var(--grad);box-shadow:0 10px 30px -10px var(--ember),0 1px #ffffff59 inset;transition:transform .15s,box-shadow .2s,filter .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:saturate(1.15) brightness(1.05);box-shadow:0 16px 40px -12px var(--ember),0 1px #ffffff59 inset}.btn:active{transform:translateY(0) scale(.98)}.btn svg{width:18px;height:18px}.drop.compact{grid-template-columns:auto 1fr auto;justify-items:start;align-items:center;text-align:left;gap:16px;padding:14px 14px 14px 18px;border-radius:var(--radius)}.drop-plus{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad-soft);color:var(--ember)}.drop-plus svg{width:20px;height:20px}.drop-line{font-weight:500}.drop-line span{display:block;font-size:.8125rem;color:var(--muted);font-weight:400}.drop.compact .btn{padding:10px 18px;font-size:.9375rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.fact{padding:20px 22px;border-radius:var(--radius)}.fact-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--grad-soft);color:var(--ember);margin-bottom:14px}.fact-ico svg{width:18px;height:18px}.fact b{display:block;font-weight:600;letter-spacing:-.01em}.fact-text{display:block;margin-top:4px;font-size:.875rem;color:var(--muted)}.cards{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:0 18px;padding:16px;border-radius:var(--radius);animation:enter .45s cubic-bezier(.2,.8,.2,1) backwards;transition:border-color .3s,box-shadow .3s}@keyframes enter{0%{opacity:0;transform:translateY(10px) scale(.985)}}.card:has(.pop){z-index:30}.card.running{border-color:#ff5a1f59;box-shadow:var(--shadow),0 0 0 4px #ff5a1f0f}.card.done{border-color:#3ddc9759}.card.failed{border-color:#ff5c5c59}.thumb{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--bg-2);border:1px solid var(--stroke-strong);font-family:var(--display);font-weight:600;font-size:.75rem;color:var(--muted);text-transform:uppercase;transition:background .3s,color .3s}.card.running .thumb{background:var(--grad-soft);color:var(--ember);border-color:transparent}.card.done .thumb{background:var(--ok);color:#04110b;border-color:transparent;animation:pop .5s cubic-bezier(.3,1.6,.5,1)}.card.done .thumb svg{width:26px;height:26px}@keyframes pop{40%{transform:scale(1.15)}}.card.failed .thumb{background:#ff5c5c1f;color:var(--error);border-color:transparent}.info{min-width:0}.name{font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:5px;font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;background:var(--grad-soft);color:var(--ink);font-weight:600;font-size:.75rem;letter-spacing:.02em}.chip.ok{background:#3ddc9724;color:var(--ok)}.meta .msg{color:var(--error);font-size:.875rem}.controls{grid-column:2 / -1;margin-top:14px;padding-top:14px;border-top:1px dashed var(--stroke)}.opts-row,.opts-more{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px}.opts-more{margin-top:14px;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--stroke)}.field{display:grid;gap:6px}.field-label{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:500;color:var(--muted)}.field-label b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--bg-2);border:1px solid var(--stroke)}.seg label{position:relative}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:block;padding:6px 11px;border-radius:9px;font-size:.8125rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.seg span:hover{color:var(--ink)}.seg input:checked+span{background:var(--ink);color:var(--bg)}.seg input:focus-visible+span{outline:2px solid var(--ember)}.select{position:relative;display:inline-flex}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 34px 0 12px;border-radius:11px;border:1px solid var(--stroke);background:var(--bg-2);font-size:.8125rem;font-weight:500;cursor:pointer}.select select:hover{border-color:var(--stroke-strong)}.select svg{position:absolute;right:10px;top:50%;width:14px;height:14px;translate:0 -50%;color:var(--muted);pointer-events:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:180px;height:6px;margin:15px 0;border-radius:999px;background:linear-gradient(90deg,var(--ember) var(--fill),var(--stroke-strong) var(--fill));cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff5a1f59,0 2px 6px #0006}.slider::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff5a1f59}.toggle{display:inline-flex;align-items:center;gap:10px;height:36px;font-size:.8125rem;font-weight:500;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--stroke-strong);transition:background .2s}.toggle-track i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:translate .2s cubic-bezier(.3,1.4,.5,1)}.toggle input:checked+.toggle-track{background:var(--grad)}.toggle input:checked+.toggle-track i{translate:16px 0}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--ember);outline-offset:2px}.ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:11px;border:1px solid var(--stroke);background:transparent;font-size:.8125rem;font-weight:500;color:var(--muted);white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.ghost:hover,.ghost[aria-expanded=true]{color:var(--ink);border-color:var(--stroke-strong);background:var(--card)}.ghost svg{width:15px;height:15px}.ghost-lg{height:auto;padding:14px 22px;border-radius:999px;font-size:1rem}.trim{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 4px;border-radius:11px;border:1px solid var(--stroke);background:var(--bg-2);color:var(--faint)}.trim input{width:6ch;border:0;background:none;text-align:center;font-family:var(--mono);font-size:.8125rem;color:var(--ink);outline:none}.picker{position:relative}.picker-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:3px 8px 3px 10px;transition:filter .15s}.picker-btn:hover{filter:brightness(1.25)}.picker-btn svg{width:13px;height:13px}.pop{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:320px;max-height:360px;overflow:auto;padding:12px;border-radius:16px;background:color-mix(in oklab,var(--bg-2) 98%,transparent);box-shadow:var(--shadow),0 24px 60px -20px #000000b3;animation:enter .18s cubic-bezier(.2,.8,.2,1) both}.pop-search{width:100%;height:36px;margin-bottom:10px;padding:0 12px;border-radius:10px;border:1px solid var(--stroke);background:var(--card);font-size:.875rem;outline:none}.pop-search:focus{border-color:var(--ember)}.pop-group+.pop-group{margin-top:12px}.pop-title{display:block;margin:0 2px 8px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.pop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pop-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;border-radius:10px;border:1px solid var(--stroke);background:var(--card);font-family:var(--display);font-size:.75rem;font-weight:600;letter-spacing:.02em;transition:border-color .15s,background .15s}.pop-item:hover{border-color:var(--stroke-strong);background:var(--card-hover)}.pop-item.compress{grid-column:1 / -1;font-family:var(--sans);text-transform:none;border:1px dashed var(--stroke-strong)}.pop-item.on{background:var(--grad);border-color:transparent;color:#fff}.drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.link-form{display:flex;align-items:center;gap:8px;width:min(560px,100%);padding:6px 6px 6px 16px;border-radius:999px;background:var(--bg-2);border:1px solid var(--stroke-strong);cursor:auto}.drop.compact .link-form{grid-column:1 / -1;width:100%}.link-form:focus-within{border-color:var(--ember);box-shadow:0 0 0 4px #ff5a1f26}.link-ico{display:grid;color:var(--muted)}.link-ico svg{width:18px;height:18px}.link-form input{flex:1;min-width:0;height:40px;border:0;background:none;font-size:.9375rem;outline:none}.link-form .btn{padding:11px 20px}.drop-btns{display:flex;align-items:center;gap:6px}.status{min-width:112px;display:grid;justify-items:end;text-align:right}.num{font-family:var(--display);font-weight:600;font-size:1.875rem;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.num small{font-size:.5em;color:var(--muted);margin-left:1px}.status .row{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:6px}.status-word{font-size:.75rem;color:var(--muted)}.dots{display:inline-flex;gap:5px;align-items:center;height:30px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--ember);animation:dot 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s;background:var(--coral)}.dots i:nth-child(3){animation-delay:.3s;background:var(--amber)}@keyframes dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.get{padding:12px 20px}.acts{display:flex;align-items:center}.icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:0;background:transparent;color:var(--faint);transition:background .15s,color .15s}.icon:hover{background:var(--card-hover);color:var(--ink)}.icon svg{width:17px;height:17px}.bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--stroke);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;width:var(--p, 0%);background:var(--grad);box-shadow:0 0 14px var(--ember);transition:width .6s cubic-bezier(.2,.7,.2,1);overflow:hidden}.bar i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .7),transparent);transform:translate(-100%);animation:shine 1.6s ease-in-out infinite}@keyframes shine{to{transform:translate(100%)}}.bar.indeterminate i{width:30%;animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.dock{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 12px 12px 22px;border-radius:999px;z-index:2}.dock-info{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.dock-info .msg{color:var(--error)}.dock-info b{color:var(--ink);font-weight:600}.dock-btns{display:flex;gap:8px}.dock .ghost{height:auto;padding:12px 18px;border-radius:999px;font-size:.9375rem}@media(max-width:760px){.drop{padding:36px 20px 30px}.drop-art{margin-bottom:22px}.tile{width:54px;height:66px}.drop.compact{grid-template-columns:auto 1fr auto;gap:12px}.drop.compact .drop-btns .btn{display:none}.facts{grid-template-columns:1fr;gap:10px}.fact{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:16px}.fact-ico{grid-row:span 2;margin:0}.card{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"thumb info acts" "status status status" "controls controls controls";gap:0 14px;padding:14px}.thumb{grid-area:thumb;width:48px;height:48px;border-radius:13px}.info{grid-area:info}.acts{grid-area:acts;align-self:start;margin:-4px -6px 0 0}.controls{grid-area:controls}.opts-row,.opts-more{gap:12px}.slider{width:100%}.field:has(.slider){width:100%}.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in oklab,var(--bg-2) 88%,transparent)}.pop{position:fixed;top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:72svh;padding:16px;border-radius:22px;box-shadow:0 -20px 60px -10px #000000b3}.pop-item{height:44px}.drop-actions{flex-direction:column;width:100%}.drop-actions>*{justify-content:center}.status{grid-area:status;justify-items:stretch;text-align:left;margin-top:14px;min-width:0}.status:empty{display:none}.status .row{flex-direction:row;align-items:baseline;justify-content:space-between}.status .get{justify-content:center;width:100%}.dock{flex-direction:column;align-items:stretch;border-radius:22px;padding:14px;bottom:10px}.dock-info{text-align:center}.dock-btns>*{flex:1;justify-content:center}}.upsell{font-weight:600;color:var(--ember);white-space:nowrap}.upsell:hover{text-decoration:underline}
