:root{color:#191421;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff8ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:#fff8ef;min-width:320px;margin:0}button,a{font:inherit}button{border:0}img{max-width:100%;display:block}.hanger-app{background:linear-gradient(145deg,#fffaf2 0%,#fff0f8 56%,#eef8ff 100%);min-height:100vh;padding:0}.page-shell{gap:7px;width:min(100%,430px);min-height:100vh;margin:0 auto;padding:0 14px 18px;display:grid;position:relative;overflow:hidden}.page-shell:before{content:"BEAD";z-index:0;color:#b7406d14;pointer-events:none;font-size:74px;font-weight:950;line-height:.8;position:absolute;top:104px;right:-6px}.page-shell>*{z-index:1;position:relative}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8db;border-bottom:1px solid #ffffffdb;justify-content:space-between;align-items:center;gap:12px;height:54px;margin:0 -14px;padding:0 16px;display:flex}.brand,.top-start,.upload-thumb,.generate-button,.mock-button,.failure-actions button,.download-card a{cursor:pointer}.brand{color:#191421;background:0 0;align-items:center;gap:9px;font-size:17px;font-weight:930;display:inline-flex}.brand-logo{background:conic-gradient(from 180deg,#ff4f87,#ff9f35,#12b991,#3567ff,#ff4f87);border-radius:13px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 22px #ff4f873d}.brand-logo:after{content:"";background:#fff;border-radius:6px;width:15px;height:15px;box-shadow:0 0 0 4px #ffffff6b}.top-start{color:#fff;background:#17131f;border-radius:999px;height:36px;padding:0 14px;font-weight:900}.hero-section{padding-top:3px}.hero-badge{color:#9c315a;background:#ffffffd6;border:1px solid #281f341f;border-radius:999px;align-items:center;height:31px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 12px 30px #432a3e14}.hero-section h1{color:#b7406d;letter-spacing:0;margin:6px 0 5px;font-size:clamp(27px,7.4vw,32px);font-weight:950;line-height:.96}.hero-section p{color:#5d5268;margin:0;font-size:13px;font-weight:650;line-height:1.42}.upload-card{background:#ffffffd4;border:1px solid #ffffffeb;border-radius:28px;grid-template-rows:auto 38px;grid-template-columns:68px minmax(0,1fr);gap:9px;min-height:92px;padding:11px;display:grid;box-shadow:0 24px 70px #3a233a26}.upload-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-thumb{color:#ff4f87;background:#fff;border-radius:20px;grid-row:1/3;place-items:center;width:68px;min-height:70px;display:grid;overflow:hidden}.upload-thumb svg{width:30px;height:30px}.upload-thumb img{object-fit:cover;width:100%;height:100%}.upload-copy{min-width:0}.upload-copy strong{color:#191421;font-size:16px;font-weight:930;line-height:1.2;display:block}.upload-copy span{color:#70677a;margin-top:4px;font-size:12px;line-height:1.38;display:block}.generate-button{color:#fff;background:linear-gradient(135deg,#ff4f87,#ff7b3d);border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:0;height:38px;font-weight:930;display:inline-flex}.generate-button:disabled,.mock-button:disabled,.failure-actions button:disabled,.download-card a.is-disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.flow-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.flow-strip span{color:#574c62;background:#ffffffc7;border:1px solid #281f341f;border-radius:999px;align-items:center;height:31px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.flow-strip i{color:#ff4f87;font-style:normal;font-weight:950}.status-card,.chart-card,.mini-card,.download-card{background:#ffffffb8;border:1px solid #ffffffeb;box-shadow:0 24px 70px #3a233a26}.status-card{border-radius:24px;gap:7px;padding:10px;display:grid}.status-line{color:#62576c;justify-content:space-between;align-items:center;gap:7px;min-height:26px;font-size:12px;font-weight:900;display:flex}.status-line svg{color:#12b991;width:21px;height:21px}.stage-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.stage-list li{color:#8a8194;background:#ffffffad;border:1px solid #281f341a;border-radius:12px;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:42px;padding:5px 3px;display:grid}.stage-list span{background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid}.stage-list svg{width:13px;height:13px}.stage-list strong{text-align:center;font-size:10px;font-weight:850;line-height:1.12}.stage-list li.is-active{color:#9c315a;background:#fff1f6;border-color:#ff4f8773}.stage-list li.is-done{color:#078a66;background:#e8fbf4;border-color:#12b99159}.message{color:#8c2d18;background:#fff4ef;border-radius:16px;align-items:center;gap:7px;min-height:38px;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.35;display:flex}.message svg{flex:none;width:17px;height:17px}.message button{color:currentColor;cursor:pointer;background:0 0;place-items:center;width:24px;height:24px;margin-left:auto;display:grid}.failure-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.failure-actions button,.mock-button{color:#191421;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:12px;font-weight:900;display:inline-flex}.failure-actions svg{width:16px;height:16px}.mock-button{border:1px dashed #281f342e}.chart-card{border-radius:28px;grid-template-rows:24px minmax(0,1fr) 58px;gap:7px;height:min(30vh,236px);min-height:214px;padding:11px;display:grid}.tile-head{color:#62576c;justify-content:space-between;align-items:center;min-width:0;height:24px;font-size:12px;font-weight:900;display:flex}.tile-head b{color:#b7406d;font-size:12px}.image-well{color:#c4bac8;background-color:#fff;background-image:radial-gradient(circle at 10px 10px,#ff4f8721 0 2px,#0000 2.5px),radial-gradient(circle at 29px 29px,#3567ff1a 0 2px,#0000 2.5px);background-size:38px 38px;border:1px solid #281f341f;border-radius:20px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-well img{object-fit:contain;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.image-well>svg{width:38px;height:38px}.stats-row{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.stats-row div{background:#fff;border:1px solid #281f341f;border-radius:16px;min-width:0;padding:9px 12px}.stats-row span{color:#70677a;font-size:11px;font-weight:850;display:block}.stats-row strong{color:#191421;margin-top:3px;font-size:20px;line-height:1;display:block}.mini-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mini-card{border-radius:24px;grid-template-rows:22px minmax(0,1fr);gap:7px;height:110px;padding:10px;display:grid}.download-card{color:#fff;background:#17131f;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:0 16px 44px #17131f38}.download-card strong{font-size:15px;line-height:1.2;display:block}.download-card span{color:#ffffffad;margin-top:4px;font-size:12px;line-height:1.42;display:block}.download-card a{color:#191421;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:116px;height:43px;padding:0 13px;font-size:13px;font-weight:930;text-decoration:none;display:inline-flex}.download-card svg{width:16px;height:16px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:720px){.hanger-app{padding:24px 0}.page-shell{border-radius:34px;width:min(100% - 32px,520px);min-height:auto;box-shadow:0 30px 90px #3a233a2e}.topbar{border-radius:34px 34px 0 0}.chart-card{height:306px}.mini-card{height:132px}}@media (max-width:380px){.page-shell{gap:9px;padding-inline:10px}.topbar{margin-inline:-10px;padding-inline:12px}.hero-section h1{font-size:30px}.upload-card{grid-template-columns:62px minmax(0,1fr)}.upload-thumb{width:62px}.stage-list strong{font-size:9px}.chart-card{min-height:204px}.download-card{grid-template-columns:1fr}.download-card a{width:100%}}