:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17221d;background:#eef1e9;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;touch-action:manipulation}body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 15% 5%,#f9f5dc 0,transparent 28rem),#eef1e9}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(100% - 32px,880px);min-height:100vh;min-height:100dvh;margin:auto;display:grid;grid-template-rows:auto 1fr auto}header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;color:#17221d;text-decoration:none;letter-spacing:-.03em}.text-button{border:0;background:none;color:#53645a;cursor:pointer;padding:10px}.version{padding:0 0 24px;color:#7a857e;font-size:.75rem;text-align:center}main{min-height:0;display:grid;place-items:center;padding:30px 0}.login-gate{min-height:100vh;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.card{width:100%;padding:clamp(28px,6vw,64px);background:#fffffce6;border:1px solid rgba(35,60,46,.12);border-radius:28px;box-shadow:0 24px 70px #2c39301a}.card.narrow{max-width:570px}.eyebrow{margin:0 0 10px;color:#d35b36;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{letter-spacing:-.045em}h1{margin:0;font-size:clamp(2.1rem,6vw,4rem);line-height:1.04}h2{font-size:1.15rem}.lede{color:#657169;font-size:1.08rem;margin:18px 0 36px}form{display:grid;gap:12px}label{font-size:.9rem;font-weight:700}input{width:100%;height:58px;border:1px solid #b9c2ba;border-radius:13px;padding:0 17px;background:#fff;color:#17221d;outline:none}input:focus{border-color:#287a59;box-shadow:0 0 0 4px #287a591f}.url-control{display:flex}.url-control input{border-radius:13px 0 0 13px}.paste{border:1px solid #b9c2ba;border-left:0;border-radius:0 13px 13px 0;padding:0 20px;color:#287a59;background:#f4f7f2;font-weight:700;cursor:pointer}.primary,.secondary{min-height:52px;border:0;border-radius:13px;margin-top:12px;padding:0 23px;display:inline-grid;place-items:center;background:#1e664b;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.secondary{width:fit-content;background:#e5eee8;color:#1e664b}.error{color:#ad3b2c;margin:3px 0}.status-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.badge{border-radius:999px;padding:7px 12px;background:#eee;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge.running{background:#dcece3;color:#166043}.badge.succeeded{background:#d9eed8;color:#256322}.badge.failed{background:#f8ded8;color:#a13225}.progress-label{margin-top:40px;display:flex;justify-content:space-between;gap:20px;color:#59665e}.progress{height:10px;margin-top:10px;overflow:hidden;border-radius:99px;background:#e3e8e3}.progress span{display:block;height:100%;border-radius:inherit;background:#d35b36;transition:width .35s ease}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}.details div{min-width:0;border-top:1px solid #dfe3de;padding-top:13px}.details dt{color:#7a857e;font-size:.78rem}.details dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}.result{background:#f4f6f2;border-radius:14px;padding:20px;margin:26px 0}.result h2{margin-top:0}.result pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.error-panel{background:#fff0ed}.file-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.file-list li{display:grid;gap:14px;padding:13px 0;border-top:1px solid #dfe3de}.file-list li:first-child{border-top:0;padding-top:0}.file-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px}.file-meta{min-width:0;display:grid;gap:4px}.file-meta strong{overflow-wrap:anywhere}.file-meta span{color:#7a857e;font-size:.8rem}.image-preview{height:clamp(220px,45vw,480px);overflow:hidden;display:grid;place-items:center;border-radius:12px;background:#e5e9e4}.image-preview img{display:block;width:100%;height:100%;object-fit:contain}.download{flex:none;border-radius:10px;padding:9px 13px;background:#1e664b;color:#fff;font-size:.85rem;font-weight:700;text-decoration:none}.notice{padding:12px;background:#fff6d8;border-radius:10px}.boot{min-height:100vh;min-height:100dvh;display:grid;place-items:center;color:#657169}@media(max-width:600px){.shell{width:min(100% - 20px,880px)}header{height:64px;padding-top:env(safe-area-inset-top)}main{padding:10px 0 16px}.version{padding:0 0 max(12px,env(safe-area-inset-bottom))}.card{padding:22px 18px;border-radius:20px}h1{font-size:clamp(2rem,10vw,2.8rem)}.lede{margin:12px 0 22px;font-size:1rem}input{height:52px;font-size:16px}.url-control{display:grid}.url-control input,.paste{border:1px solid #b9c2ba;border-radius:12px}.paste{height:44px;margin-top:8px}.primary,.secondary{min-height:48px}.progress-label{margin-top:24px}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:24px 0}.details div{padding-top:9px}.status-heading{align-items:center}.result{margin:20px 0;padding:14px}.file-row{align-items:stretch;flex-direction:column;gap:12px}.image-preview{height:clamp(180px,45dvh,360px)}.download{padding:11px 13px;text-align:center}}@media(max-height:600px)and (max-width:600px){header{height:54px}main{padding-top:6px}.card{padding-top:18px;padding-bottom:18px}.lede{margin-bottom:16px}}