@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";.picker-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}body{display:grid;min-height:100dvh}.brand,header,.intro,footer{display:none}main{width:min(1180px,calc(100% - 32px))!important;min-height:100dvh!important;margin:auto!important;padding:16px 0!important;display:flex!important;align-items:stretch!important}.workspace{width:100%!important;display:flex;flex-direction:column;align-self:stretch}.workspace nav{flex:0 0 auto}#panel{flex:1;min-height:0!important}.drop-card,.center{min-height:0!important}.file-list,.list{max-height:none;flex:1}@media(max-width:980px){main{width:calc(100% - 24px)!important;padding:12px 0!important}}@media(max-width:650px){main{width:calc(100% - 16px)!important;padding:8px 0!important}#panel,.drop-card{min-height:0!important}}:root{font-family:Manrope,system-ui,sans-serif;color:#20231e;background:#f2efe7;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#20231e;--muted:#74766f;--paper:#fbfaf6;--green:#46644c;--line:rgba(32,35,30,.11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -15%,rgba(255,255,255,.9),transparent 38%),#f2efe7}button,input{font:inherit}header{height:76px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em}.brand>i{width:33px;height:33px;border-radius:9px;background:var(--ink);display:grid;grid-template-columns:repeat(3,4px);place-content:center;gap:3px;box-shadow:0 1px 1px #0002,0 5px 14px #0002}.brand b{height:15px;background:#e5e2d8;border-radius:1px}.brand b:nth-child(2){height:20px}.brand b:nth-child(3){height:11px}header p{display:flex;align-items:center;gap:8px;color:#565b53;font-size:12px;font-weight:600}header p>span{width:7px;height:7px;border-radius:50%;background:#5a8f66;box-shadow:0 0 0 4px #5a8f661f}header small{font-weight:400;color:#898b85}main{width:min(1420px,calc(100% - clamp(28px,8vw,120px)));margin:auto;min-height:calc(100vh - 122px);display:grid;grid-template-columns:minmax(280px,.58fr) minmax(600px,1.42fr);gap:clamp(46px,7vw,112px);align-items:center;padding:clamp(46px,8vh,100px) 0}.intro label,.result-head label{color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700}.intro h1{margin:18px 0 0;max-width:590px;font-size:clamp(49px,5.6vw,88px);line-height:.93;letter-spacing:-.065em;text-wrap:balance}.intro h1 em{font-family:Newsreader,Georgia,serif;font-weight:500;color:var(--green);letter-spacing:-.045em}.intro>p{max-width:470px;margin:30px 0 0;color:#686b64;font-size:clamp(15px,1.3vw,18px);line-height:1.7;text-wrap:pretty}.workspace{min-width:0;background:var(--paper);border-radius:28px;padding:10px;box-shadow:0 2px 3px #20231e0a,0 16px 55px #20231e17,inset 0 0 0 1px #fff}.workspace nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#eceae3;border-radius:19px}.workspace nav button{min-height:54px;border:0;border-radius:15px;background:transparent;color:#777972;cursor:pointer;font-size:13px;font-weight:650;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}.workspace nav button:active,.primary:active,.secondary:active,.icon:active{transform:scale(.96)}.workspace nav button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0001,0 7px 15px #0000000a}.workspace nav b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:7px;background:#20231e14;font:500 10px DM Mono,monospace}.workspace nav .active b{background:var(--ink);color:#fff}#panel{min-height:510px;display:flex;flex-direction:column}.drop-card{flex:1;margin-top:10px;min-height:480px;border:1.5px dashed #c7c8c0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;text-align:center;background:linear-gradient(135deg,#ffffff66,transparent)}.drop-card h2{font-size:22px;letter-spacing:-.035em;margin:0 0 7px}.drop-card p{margin:0;color:var(--muted);font-size:13px}.drop-card>small{font:400 9px DM Mono,monospace;color:#9a9b96;text-transform:uppercase;letter-spacing:.05em}.drop-icon{position:relative;width:76px;height:76px;border-radius:22px;background:#e7ebe4;color:var(--green);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #46644c14}.drop-icon svg{width:35px;fill:none;stroke:currentColor;stroke-width:1.5}.drop-icon i{position:absolute;right:-5px;bottom:-5px;width:25px;height:25px;border:4px solid var(--paper);border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-style:normal}.primary,.secondary{min-height:44px;border:0;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:12px;font-weight:700;transition:background-color .17s,color .17s,box-shadow .17s,transform .17s}.primary{background:var(--ink);color:#fff;box-shadow:0 1px 2px #0003,0 8px 18px #0002}.primary:hover{background:#343a31}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:#ecebe5;color:var(--ink)}.secondary:hover{background:#e3e2dc}.primary svg,.icon svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7}input[type=file]{display:none}.result-head{padding:28px 22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.result-head>div:last-child{display:flex;gap:8px}.identity{display:flex;align-items:center;gap:14px;min-width:0}.identity>i{width:48px;height:52px;flex:0 0 auto;border-radius:13px;background:#e5ebe3;color:var(--green);display:grid;place-items:center;font:500 11px DM Mono,monospace;font-style:normal}.result-head h2{margin:4px 0 5px;font-size:18px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-head p{margin:0;color:var(--muted);font-size:11px}.tools{display:flex;align-items:center;justify-content:space-between;padding:0 22px 12px;font-size:12px}.tools input{height:38px;width:min(230px,42%);border:0;outline:0;border-radius:11px;background:#efeee8;padding:0 12px;color:var(--ink);font-size:11px}.list{margin:0 10px 10px;border-radius:14px;background:#f3f1eb;overflow:auto;max-height:365px}.row{display:grid;grid-template-columns:minmax(190px,1.6fr) minmax(100px,.7fr) 75px 46px;min-height:52px;align-items:center;padding:0 10px 0 16px;border-bottom:1px solid #20231e12;font-size:11px;animation:row-in .26s both;animation-delay:calc(var(--i,0)*35ms)}.row:last-child{border:0}.row.head{position:sticky;top:0;z-index:2;min-height:39px;background:#e9e7e0;color:#8b8d86;font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;animation:none}.filename{display:flex;align-items:center;gap:11px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filename i{width:34px;height:30px;flex:0 0 auto;border-radius:8px;background:#e2e5df;color:#69766a;display:grid;place-items:center;font:500 8px DM Mono,monospace;font-style:normal}.row code{font:400 10px DM Mono,monospace;color:#888a84}.row>span:nth-child(3){font-variant-numeric:tabular-nums;color:#666962}.icon{width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#777b73;display:grid;place-items:center;cursor:pointer;transition:background-color .16s,color .16s,transform .16s}.icon:hover{background:#dfded7;color:var(--ink)}.none{padding:55px;text-align:center;color:var(--muted);font-size:12px}.pack-empty{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(190px,.6fr);gap:10px;flex:1;margin-top:10px}.pack-empty .drop-card{margin:0}.pack-empty aside{border-radius:18px;background:#e9e7df;padding:28px 22px;display:grid;grid-template-columns:28px 1fr;align-content:center;gap:28px 10px}.pack-empty aside>b{font:500 9px DM Mono,monospace;color:var(--green);padding-top:3px}.pack-empty aside strong{font-size:12px}.pack-empty aside p{font-size:10px;line-height:1.6;color:#777972;margin:7px 0 0;text-wrap:pretty}.output{margin:0 10px 10px;padding:20px;border-radius:15px;background:#e9ebe5}.output>label{display:block;margin-bottom:9px;font-size:11px;font-weight:700}.output>div{display:flex;gap:8px}.output input{min-width:0;flex:1;border:0;border-radius:11px;padding:0 14px;outline:0;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font:500 12px DM Mono,monospace}.output p{margin:9px 0 0;color:var(--muted);font-size:9px}.pack-list{max-height:265px}.center{flex:1;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.center h2{font-size:20px;margin:20px 0 7px}.center p{max-width:440px;color:var(--muted);font-size:12px;line-height:1.6;margin:0}.center .primary{margin-top:22px}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid #dcddd7;border-top-color:var(--green);animation:spin .8s linear infinite}.error-mark{width:54px;height:54px;border-radius:17px;background:#f3dfdc;color:#a85043;display:grid;place-items:center;font:600 21px DM Mono,monospace;font-style:normal}footer{height:46px;display:flex;align-items:center;justify-content:center;gap:10px;color:#92948e;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.drop-overlay{position:fixed;inset:14px;z-index:20;border-radius:24px;background:#20231eef;display:grid;place-content:center;text-align:center;color:#fff;opacity:0;pointer-events:none;transform:scale(.985);transition:opacity .17s,transform .17s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drop-overlay strong{font-size:clamp(38px,6vw,76px);letter-spacing:-.06em}.drop-overlay span{color:#b8beb7;margin-top:10px}.dragging .drop-overlay{opacity:1;transform:scale(1)}.toast{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,12px);padding:12px 17px;border-radius:12px;background:var(--ink);color:#fff;font-size:11px;box-shadow:0 12px 35px #0003;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#8c3e35}@keyframes spin{to{transform:rotate(360deg)}}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){main{grid-template-columns:1fr;gap:42px;align-items:start}.intro{text-align:center}.intro h1,.intro>p{margin-left:auto;margin-right:auto}.workspace{width:100%}}@media(max-width:650px){header{height:64px}header small{display:none}main{width:calc(100% - 24px);padding:34px 0}.intro h1{font-size:50px}.workspace{border-radius:22px;padding:7px}.pack-empty{grid-template-columns:1fr}.pack-empty aside{display:none}.result-head{align-items:flex-start;flex-direction:column}.result-head>div:last-child{width:100%}.result-head>div:last-child>*{flex:1}.row{grid-template-columns:minmax(160px,1fr) 70px 42px}.row>*:nth-child(2){display:none}.output>div{flex-direction:column}.output input{min-height:44px}#panel,.drop-card{min-height:450px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}