:root{--bg:#07111f;--bg-secondary:#0d1a30;--surface:#0c1729ad;--surface-strong:#111f38e0;--surface-soft:#ffffff0f;--surface-highlight:#ffffff1f;--text-main:#f2f7ff;--text-muted:#9cb1d9;--border:#92b1ff2e;--border-strong:#65a4ff80;--accent:#5db7ff;--accent-secondary:#7ea6ff;--accent-soft:#5db7ff24;--upload-badge:#4fb1ff;--upload-badge-shadow:#4685ff3d;--error:#ff7b91;--shadow:0 28px 80px #01081280;--panel-glow:0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff12}:root[data-theme=light]{--bg:#ecf3ff;--bg-secondary:#dfe9ff;--surface:#ffffff9e;--surface-strong:#f8fbffe6;--surface-soft:#ffffff80;--surface-highlight:#ffffffbd;--text-main:#12203d;--text-muted:#6278a2;--border:#5276c429;--border-strong:#4685ff6b;--accent:#2f98ff;--accent-secondary:#5c8dff;--accent-soft:#2f98ff1f;--upload-badge:#329bff;--upload-badge-shadow:#2c76ff2e;--error:#d84864;--shadow:0 30px 60px #1c387624;--panel-glow:0 0 0 1px #ffffff8c,inset 0 1px 0 #ffffffd9}:root[data-theme=dark]{--bg:#07111f;--bg-secondary:#0d1a30;--surface:#0c1729ad;--surface-strong:#111f38e0;--surface-soft:#ffffff0f;--surface-highlight:#ffffff1f;--text-main:#f2f7ff;--text-muted:#9cb1d9;--border:#92b1ff2e;--border-strong:#65a4ff80;--accent:#5db7ff;--accent-secondary:#8a5dff;--accent-soft:#5db7ff24;--upload-badge:#4fb1ff;--upload-badge-shadow:#4685ff3d;--error:#ff7b91;--shadow:0 28px 80px #01081280;--panel-glow:0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff12}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text-main);background:var(--bg);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;transition:background-color .18s,color .18s;position:relative;overflow-x:hidden}body:before,body:after{pointer-events:none;content:"";position:fixed;inset:0}body:before{opacity:.3;background-image:url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M0 35H140M0 70H140M0 105H140M35 0V140M70 0V140M105 0V140' stroke='%2368b6ff' stroke-width='0.6'/%3E%3Ccircle cx='35' cy='35' r='1.4' fill='%2368b6ff'/%3E%3Ccircle cx='105' cy='70' r='1.4' fill='%239b69ff'/%3E%3Ccircle cx='70' cy='105' r='1.4' fill='%2368b6ff'/%3E%3C/g%3E%3C/svg%3E");background-size:140px 140px;-webkit-mask-image:linear-gradient(#000c,#0000 88%);mask-image:linear-gradient(#000c,#0000 88%)}body:after{opacity:.4;background:#ffffff05}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.page-shell{isolation:isolate;width:min(1280px,100vw - 40px);margin:0 auto;padding:24px 0 40px;position:relative}.page-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(14px);opacity:.55;border-radius:999px;position:absolute}.orb-a{background:#43d5ff1f;width:260px;height:260px;top:34px;left:-80px}.orb-b{background:#5d90ff1a;width:360px;height:360px;top:220px;right:-120px}.orb-c{background:#5db7ff14;width:220px;height:220px;bottom:60px;left:30%}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.topbar-copy h1,.topbar-copy p,.config-header h2,.results-header h2,.results-header p{margin:0}.section-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:.76rem;font-weight:700;display:inline-flex}.section-kicker:before{content:"";background:currentColor;width:18px;height:1px}.topbar-copy h1{letter-spacing:-.03em;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:800;line-height:1.04}.topbar-copy p{max-width:720px;color:var(--text-muted);margin-top:10px;font-size:1rem;line-height:1.6}.topbar-actions{justify-content:flex-end;align-items:center;display:flex}.theme-switcher{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow),var(--panel-glow);border-radius:24px;padding:4px;display:inline-flex}.theme-chip{min-width:78px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:20px;padding:10px 16px;font-size:.92rem;font-weight:700;transition:color .18s,background .18s,transform .18s}.theme-chip:hover{color:var(--text-main);transform:translateY(-1px)}.theme-chip.active{background:var(--accent);color:#fff;box-shadow:0 10px 24px #5081ff42}.stack{gap:18px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow),var(--panel-glow);border-radius:24px;position:relative;overflow:hidden}.panel:before{border-radius:inherit;opacity:.65;content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='320' height='160' viewBox='0 0 320 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 122C34 107 58 107 77 91C95 77 102 51 124 40C155 24 189 38 222 28C255 18 279 -6 307 6' stroke='%2368b6ff' stroke-opacity='0.24' stroke-width='1.2'/%3E%3Cpath d='M-18 149C15 135 47 145 76 130C103 116 121 90 152 79C184 68 220 76 250 60C274 47 291 22 326 17' stroke='%2368b6ff' stroke-opacity='0.16' stroke-width='1.2'/%3E%3C/svg%3E") 100% 0 no-repeat;position:absolute;inset:0}.upload-shell{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:20px;padding:18px;display:grid;position:relative}.upload-card,.config-card{z-index:1;position:relative}.upload-card{cursor:pointer;background:#ffffff0d;border:1px solid #65a4ff57;border-radius:20px;grid-template-columns:92px minmax(0,1fr);grid-template-areas:"visual copy""visual meta";align-items:center;gap:14px 22px;min-height:156px;padding:24px 26px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;animation:3.4s ease-in-out infinite uploadPulse;display:grid}.upload-card:hover,.upload-card.drag-active{border-color:#76bfffb3;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #12285147,0 0 0 1px #6fadff33}.upload-card.drag-active{background:#ffffff14}.upload-card input{display:none}.upload-visual{grid-area:visual;place-items:center;width:88px;height:88px;display:grid;position:relative}.upload-icon{z-index:1;background:var(--upload-badge);color:#fff;letter-spacing:.18em;width:62px;height:62px;box-shadow:0 16px 28px var(--upload-badge-shadow);border-radius:18px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex;position:relative}.upload-rings{position:absolute;inset:0}.upload-rings span{border:1px solid #67b1ff47;border-radius:50%;animation:2.8s ease-out infinite ringPulse;position:absolute;inset:50%;transform:translate(-50%,-50%)}.upload-rings span:last-child{animation-delay:1.4s}.upload-copy{grid-area:copy;align-content:center;gap:8px;min-width:0;display:grid}.upload-copy strong{word-break:break-word;font-size:1.3rem;line-height:1.18}.upload-card p,.upload-secondary,.field span,.status,.submit-hint,.footer-note,.meta-table span,.meta-table strong,.status-pill,.results-header p,.mini-status{color:var(--text-muted)}.upload-card p,.upload-secondary,.submit-hint,.footer-note,.results-header p,.status{line-height:1.6}.upload-card p,.upload-secondary{margin:0}.upload-meta{flex-wrap:wrap;grid-area:meta;justify-content:flex-start;gap:10px;display:flex}.upload-secondary{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.85rem;display:inline-flex}.upload-secondary.subtle{color:var(--accent);border-color:#6fadff33}.config-card{align-content:start;gap:14px;padding:6px 2px 6px 4px;display:grid}.config-header,.results-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.config-header h2,.results-header h2{font-size:1.22rem}.mini-status,.status-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #6fadff2e;border-radius:14px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:.82rem;display:inline-flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--text-main);font-size:.9rem;font-weight:700}.field input,.field select{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:52px;color:var(--text-main);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field input::placeholder{color:color-mix(in srgb,var(--text-muted)85%,transparent)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translateY(-1px)}.submit-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;display:grid}.primary-button,.download-link{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;min-height:56px;padding:14px 26px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;animation:3.2s ease-in-out infinite buttonBreath;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 20px 38px #4a76ff47,inset 0 1px #ffffff40}.primary-button{width:100%}.primary-button:hover,.download-link:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 24px 42px #4a76ff57,inset 0 1px #ffffff52}.primary-button:disabled{cursor:wait;opacity:.82}.primary-button>span,.download-link{z-index:1;position:relative}.button-glow{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e}.submit-hint{text-align:right;min-height:24px;margin:0;font-size:.9rem}.submit-hint-error,.status.error{color:var(--error)}.results-panel{padding:0;overflow:hidden}.results-header{z-index:1;padding:18px 22px 14px;position:relative}.meta-table{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff04;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.meta-table div{gap:6px;padding:16px 20px;display:grid}.meta-table div+div{border-left:1px solid var(--border)}.meta-table strong{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.meta-table span{color:var(--text-main);word-break:break-word;font-size:.98rem}.result-box{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;min-height:260px;margin:18px 22px 0;padding:22px;position:relative;box-shadow:inset 0 1px #ffffff0d}.result-box:before{border-radius:inherit;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='280' height='120' viewBox='0 0 280 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 95C30 72 52 76 80 61C111 44 128 12 170 12C211 12 223 40 252 48C261 50 270 50 280 48' stroke='%2368b6ff' stroke-opacity='0.16'/%3E%3Cpath d='M-10 116C22 99 64 105 91 84C115 65 124 30 160 23C205 14 227 49 257 56C264 58 272 58 280 56' stroke='%239b69ff' stroke-opacity='0.14'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;position:absolute;inset:0}.result-box pre{z-index:1;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,SFMono-Regular,monospace;font-size:.96rem;line-height:1.74;position:relative}.status{z-index:1;margin:0;font-size:.94rem;position:relative}.result-footer{justify-content:flex-end;padding:16px 22px 20px;display:flex}@keyframes ringPulse{0%{opacity:.6;width:46px;height:46px}to{opacity:0;width:88px;height:88px}}@keyframes uploadPulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff0d,0 12px 28px #0c182e29}50%{box-shadow:inset 0 0 0 1px #ffffff14,0 16px 36px #23478538}}@keyframes buttonBreath{0%,to{box-shadow:0 20px 38px #4a76ff3d,inset 0 1px #ffffff3d}50%{box-shadow:0 24px 42px #775cff4d,inset 0 1px #ffffff4d}}@media (max-width:1080px){.page-shell{width:min(100vw - 28px,1280px)}.upload-shell{grid-template-columns:1fr}.config-card{padding:0}}@media (max-width:900px){.topbar,.results-header,.config-header,.submit-row{flex-direction:column;align-items:flex-start}.submit-row{grid-template-columns:1fr;display:grid}.upload-card{text-align:center;grid-template-columns:1fr;grid-template-areas:"visual""copy""meta";justify-items:center}.upload-meta{justify-content:center;width:100%}.upload-secondary{width:100%}.field-grid{grid-template-columns:1fr}}@media (max-width:720px){.page-shell{padding:16px 0 28px}.topbar{margin-bottom:14px}.topbar-copy h1{font-size:1.8rem}.theme-switcher{width:100%}.theme-chip{flex:1;min-width:0}.upload-shell,.results-header,.result-footer{padding-left:14px;padding-right:14px}.upload-shell{padding-top:14px;padding-bottom:14px}.upload-card{padding:18px}.results-header{padding-top:16px;padding-bottom:12px}.meta-table{grid-template-columns:1fr}.meta-table div+div{border-left:0;border-top:1px solid var(--border)}.result-box{min-height:220px;margin-left:14px;margin-right:14px;padding:18px}}