@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap");:root{--m4p-primary:24 95% 53.1%;--m4p-primary-foreground:0 0% 98%;--m4p-background:0 0% 96%;--m4p-foreground:222.2 84% 4.9%;--m4p-card:0 0% 100%;--m4p-muted:215.4 16.3% 46.9%;--m4p-border:214.3 31.8% 91.4%}.m4proto{font-family:Noto Sans SC,system-ui,-apple-system,Segoe UI,Roboto,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:hsl(var(--m4p-background));color:hsl(var(--m4p-foreground))}.m4proto-card{background:hsl(var(--m4p-card));border:1px solid hsl(var(--m4p-border));border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.m4proto-kicker,.m4proto-muted{color:hsl(var(--m4p-muted))}.m4proto-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.m4proto-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid hsl(var(--m4p-border));background:hsl(var(--m4p-card));color:hsl(var(--m4p-foreground));font-weight:900;font-size:13px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m4proto-btnPrimary{border-color:hsl(var(--m4p-primary)/.2);background:hsl(var(--m4p-primary));color:hsl(var(--m4p-primary-foreground));box-shadow:0 10px 24px rgba(249,115,22,.28)}.m4proto-input{width:100%;border-radius:16px;border:1px solid hsl(var(--m4p-border));background:hsl(var(--m4p-card));padding:12px 14px;outline:none;font-weight:800;font-size:13px}.m4proto-input:focus{border-color:hsl(var(--m4p-primary)/.55);box-shadow:0 0 0 4px hsl(var(--m4p-primary)/.14)}.m4proto-uploadTile{position:relative;width:100%;min-height:96px;border-radius:18px;border:1px dashed hsl(var(--m4p-border));background:linear-gradient(135deg,hsl(var(--m4p-card)),hsl(var(--m4p-background)));display:grid;place-items:center;text-align:center;color:hsl(var(--m4p-muted));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m4proto-uploadPlus{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid hsl(var(--m4p-border));color:hsl(var(--m4p-primary));font-weight:900;font-size:18px}.m4proto-uploadInput{position:absolute;inset:0;opacity:0;cursor:pointer}.m4proto-sectionBox{border-radius:18px;border:1px solid hsl(var(--m4p-border));background:linear-gradient(135deg,hsl(var(--m4p-card)),hsl(var(--m4p-background)));padding:14px}.m4proto-segBtn{height:42px;min-width:42px;padding:0 14px;border-radius:14px;border:1px solid hsl(var(--m4p-border));background:hsl(var(--m4p-card));color:hsl(var(--m4p-foreground));font-weight:900;font-size:14px;transition:all .2s ease}.m4proto-segBtn:hover{border-color:hsl(var(--m4p-primary)/.45);box-shadow:0 0 0 4px hsl(var(--m4p-primary)/.1)}.m4proto-segBtnActive{border-color:hsl(var(--m4p-primary)/.2);background:hsl(var(--m4p-primary));color:hsl(var(--m4p-primary-foreground))}.m4proto-progress{height:10px;border-radius:9999px;background:hsl(var(--m4p-border));overflow:hidden}.m4proto-progress>div{height:100%;border-radius:9999px;background:hsl(var(--m4p-primary));transition:width .3s ease}.m4proto-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:9999px;background:hsl(var(--m4p-primary)/.1);border:1px solid hsl(var(--m4p-primary)/.25);color:hsl(var(--m4p-primary));font-weight:900;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.m4proto-thumbWrap{position:relative;width:108px;height:108px;border-radius:18px;border:1px solid hsl(var(--m4p-border));overflow:hidden;background:hsl(var(--m4p-card))}.m4proto-thumbWrap img{width:100%;height:100%;object-fit:cover;display:block}.m4proto-thumbRemove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:9999px;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.45);color:#fff;font-weight:900;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}