:root{font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#15232d;background:#edf4f5}*{box-sizing:border-box}body{max-width:none!important;margin:0!important;min-height:100vh;padding:clamp(20px,5vw,64px) 16px!important;background:radial-gradient(circle at 8% 5%,#c7f0e2 0,transparent 34%),radial-gradient(circle at 92% 90%,#d6e3ff 0,transparent 36%),linear-gradient(135deg,#eff6f6,#eaf0f8)!important;color:#15232d!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff38,transparent 45%,#ffffff26);mix-blend-mode:screen}.brand{display:flex;align-items:center;justify-content:space-between;width:min(860px,100%);margin:0 auto 18px;color:#087f5b;font-weight:900;letter-spacing:.12em;font-size:13px}.brand:after{content:none}.wrap{width:min(860px,100%);margin:0 auto}.card,main{width:100%;padding:clamp(22px,5vw,42px)!important;border:1px solid #ffffffb8!important;border-radius:24px!important;background:#ffffff9c!important;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 28px 80px #27445420, inset 0 1px #ffffffb8!important;animation:enter .55s ease-out both}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.02em;margin:0 0 10px!important}.muted{font-size:15px;line-height:1.7;color:#62747d!important}.drop{position:relative;margin:28px 0 18px!important;padding:clamp(28px,7vw,52px) 18px!important;border:1.5px dashed #75a89e!important;border-radius:18px!important;background:#f8fffd99!important;color:#405761;transition:.2s}.drop:hover,.drop:focus-within{border-color:#087f5b!important;background:#edfaf5!important;transform:translateY(-2px);box-shadow:0 12px 28px #087f5b18}.drop:before{content:"↥";display:block;width:42px;height:42px;margin:0 auto 12px;border-radius:13px;background:#087f5b;color:#fff;font-size:25px;line-height:42px;font-weight:800}.drop input{display:block;width:min(100%,310px);margin:16px auto 0;font-size:12px}.drop input::file-selector-button{border:0;border-radius:9px;padding:10px 13px;background:#dff3ed;color:#075c45;font-weight:800;cursor:pointer}select{width:min(100%,390px);margin:0 8px 0 0!important;padding:13px 40px 13px 14px!important;border:1px solid #c9d9de!important;border-radius:11px!important;background:#ffffffd9!important;color:#21343e}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}button{padding:13px 18px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#087f5b,#0b9b70)!important;color:#fff!important;font-weight:850!important;box-shadow:0 8px 18px #087f5b2e;transition:.2s;cursor:pointer}button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #087f5b40}.foot{margin-top:17px;color:#788992;font-size:11px;text-align:center}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){body{padding:18px 12px!important}.brand{font-size:11px}.brand:after{font-size:8px}.card,main{padding:24px 17px!important;border-radius:19px!important}h1{font-size:29px}.muted{font-size:13px}.drop{margin-top:22px!important}.actions{display:grid;grid-template-columns:1fr;gap:10px}select{width:100%;margin:0!important}button{width:100%}}.native-action{position:absolute;opacity:0;pointer-events:none;width:1px}.action-picker{position:relative;min-width:0}.action-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#ffffffb8!important;color:#20303a!important;border:1px solid #b9d0d2!important;box-shadow:inset 0 1px 0 #fff8}.action-trigger b{font-size:18px;color:#087f5b;line-height:1;transition:transform .2s}.action-picker.open .action-trigger b{transform:rotate(180deg)}.action-menu{display:none;position:absolute;z-index:20;left:0;right:0;top:calc(100% + 7px);padding:6px;border:1px solid #ffffffb8;border-radius:13px;background:#f5fbfbd9;backdrop-filter:blur(18px);box-shadow:0 16px 35px #27454a30;max-height:min(360px,60vh);overflow:auto}.action-picker.open .action-menu{display:grid;gap:2px;animation:menuIn .16s ease-out}.action-menu button{width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent!important;color:#20303a!important;text-align:left;font:inherit;font-size:14px;box-shadow:none!important;transform:none}.action-menu button:hover,.action-menu button:focus{background:#d8f1e9!important;color:#087f5b!important;box-shadow:none!important}.actions{position:relative}@keyframes menuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}