*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-red:#cc2229;--brand-yellow:#f5a623;--brand-yellow-dark:#e0941a;--bg:#f0f0f0;--card-bg:#fff;--text:#1a1a1a;--subtext:#6b6b6b;--border:#e0e0e0;--success:#1e8a4c;--success-bg:#edfaf3;--error:#cc2229;--error-bg:#fef2f2;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}.page{min-height:100dvh;padding-left:var(--sal);padding-right:var(--sar);flex-direction:column;display:flex}.app-header{padding:calc(12px + var(--sat)) 16px 12px;border-bottom:3px solid var(--brand-yellow);background:#fff;flex-shrink:0;align-items:center;gap:12px;display:flex;box-shadow:0 1px 4px #00000014}.discordia-logo-img{flex-shrink:0;width:auto;height:26px;display:block}.header-divider{background:var(--border);flex-shrink:0;width:1px;height:22px}.app-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.card{background:var(--card-bg);padding:28px 20px calc(24px + var(--sab));box-shadow:none;border-top:none;border-radius:0;flex-direction:column;flex:1;margin:0;display:flex}@media (width>=520px){.card{flex:unset;border:1px solid var(--border);border-top:3px solid var(--brand-yellow);border-radius:8px;max-width:460px;margin:28px auto 0;padding:36px;box-shadow:0 2px 10px #00000012}.page{background:var(--bg)}}.stage-idle,.stage-preview,.stage-center{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;display:flex}.stage-idle,.stage-center{justify-content:center;min-height:60dvh}.stage-preview{justify-content:flex-start}.upload-icon,.status-icon{flex-shrink:0;width:80px;height:80px}.upload-icon svg,.status-icon svg{width:100%;height:100%}.stage-title{color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.3}.stage-desc{color:var(--subtext);max-width:320px;font-size:.9375rem;line-height:1.55}.success-text{color:var(--success)}.error-text{color:var(--error)}.error-detail{color:var(--error);background:var(--error-bg);text-align:left;border:1px solid #fecaca;border-radius:6px;width:100%;max-width:360px;padding:12px 16px;font-size:.875rem;line-height:1.5}.file-info{color:var(--subtext);font-size:.8125rem}.hint{color:var(--subtext);margin-top:-4px;font-size:.8125rem}.btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;letter-spacing:.01em;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .12s,box-shadow .12s,transform 80ms;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-yellow);color:#1a1a1a;box-shadow:0 2px 6px #f5a62366}.btn-primary:hover,.btn-primary:focus-visible{background:var(--brand-yellow-dark);box-shadow:0 4px 10px #f5a62373}.btn-secondary{color:var(--text);border:1.5px solid var(--border);background:#fff}.btn-secondary:hover,.btn-secondary:focus-visible{background:#f5f5f5;border-color:#bbb}.btn-full{width:100%;max-width:380px}.btn-icon{flex-shrink:0;width:22px;height:22px}.btn-row{gap:12px;width:100%;max-width:380px;display:flex}.btn-row .btn{flex:1}.upload-trigger-area{flex-direction:column;align-items:center;gap:10px;width:100%;padding-top:4px;display:flex}.preview-wrap{border:1px solid var(--border);background:#f5f5f5;border-radius:8px;flex-shrink:0;width:100%;max-width:400px;overflow:hidden}.preview-img{object-fit:contain;width:100%;max-height:45dvh;display:block}.progress-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;display:flex}.progress-track{background:#ebebeb;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress-fill{background:var(--brand-yellow);border-radius:999px;min-width:4px;height:100%;transition:width .2s ease-out}.progress-label{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1}.btn:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}