:root{--ink:#252525;--muted:#787774;--line:#e7e7e4;--soft:#f7f7f5;--paper:#fff;--accent:#9b463d;--green:#39745a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e8e5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;border:1px solid #d7d7d3;border-radius:6px;background:#fff;padding:12px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#777;box-shadow:0 0 0 2px #dededb}textarea{resize:vertical;line-height:1.6}.phone-shell{width:min(100%,430px);min-height:100dvh;margin:auto;padding-bottom:82px;background:var(--paper)}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.brand>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:5px;font-size:12px;font-weight:800}.brand strong{font-size:15px}.brand small{padding-left:8px;border-left:1px solid var(--line);color:var(--muted);font-size:10px}.quiet-button{border:0;background:transparent;color:var(--muted);font-size:11px}.form-intro{padding:34px 18px 24px}.eyebrow{margin:0;color:var(--muted);font-size:10px;letter-spacing:.08em}.form-intro h1{margin:10px 0 12px;font-size:38px;letter-spacing:-.05em}.form-intro>p:not(.eyebrow){margin:0;color:#555;line-height:1.7;font-size:13px}.notice{display:grid;gap:5px;margin-top:20px;padding:13px;border-left:3px solid var(--ink);background:var(--soft);font-size:11px}.notice span{color:var(--muted);line-height:1.5}.step-nav{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 10px;border-block:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.step-nav button{display:grid;place-items:center;gap:3px;border:0;background:transparent;color:#aaa;font-size:9px}.step-nav b{width:23px;height:23px;display:grid;place-items:center;border:1px solid #d6d6d2;border-radius:50%;font-size:9px}.step-nav button.active{color:var(--ink);font-weight:700}.step-nav button.active b{border-color:var(--ink);background:var(--ink);color:white}.form-step{display:none;padding:28px 16px 34px}.form-step.active{display:grid;gap:24px}.step-heading{display:grid;grid-template-columns:28px 1fr;gap:9px}.step-heading>span{width:28px;height:28px;display:grid;place-items:center;border-radius:5px;background:var(--soft);color:var(--muted);font-size:9px}.step-heading h2{margin:1px 0 5px;font-size:22px}.step-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:7px;font-size:12px;font-weight:650}label em{margin-left:4px;color:var(--accent);font-size:9px;font-style:normal}fieldset{display:grid;gap:11px;margin:0;padding:0;border:0}legend{font-size:13px;font-weight:750}.help{margin:-5px 0 0;color:var(--muted);font-size:10px;font-weight:400;line-height:1.5}.choice-grid,.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice-grid label,.chip-grid label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px;font-weight:500}.choice-grid input,.chip-grid input,.radio-list input,.rules input{width:auto;accent-color:var(--ink)}.choice-grid label:has(input:checked),.chip-grid label:has(input:checked){border-color:#8c8c87;background:var(--soft)}.upload-box,.inline-upload{padding:15px;border:1px dashed #bdbdb8;border-radius:7px;background:var(--soft)}.upload-box input,.inline-upload input{position:absolute;width:1px;height:1px;opacity:0}.upload-box span{display:grid;gap:4px}.upload-box small,.inline-upload small{color:var(--muted);font-size:9px;font-weight:400}.radio-list{display:grid;gap:7px}.radio-list label{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:7px}.radio-list label:has(input:checked){border-color:var(--ink);background:var(--soft)}.radio-list span{display:grid;gap:3px}.radio-list small{color:var(--muted);font-size:9px;font-weight:400}.inline-upload{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.inline-upload span{grid-row:1/3;width:max-content;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:white}.chip-grid{grid-template-columns:repeat(4,1fr)}.chip-grid label{justify-content:center;padding:9px 4px}.visual-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.visual-options button{min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);text-align:left}.visual-options button.selected{border:2px solid var(--ink);padding:6px}.visual-options strong,.visual-options small{display:block}.visual-options strong{margin:8px 2px 0;font-size:10px}.visual-options small{margin:3px 2px;color:var(--muted);font-size:8px}.draw{height:70px;position:relative;display:block;overflow:hidden;border-radius:4px;background:var(--soft)}.draw:before,.draw:after{content:"";position:absolute}.brow-flat:before,.brow-flow:before,.brow-down:before{left:14%;top:42%;width:72%;height:16%;border-top:3px solid #70645c;border-radius:60%}.brow-flow:after{left:20%;top:38%;width:60%;height:18%;border-block:1px dashed #9a8d84}.brow-down:before{transform:rotate(-8deg)}.eye-round:before,.eye-soft:before,.eye-wing:before{left:12%;top:25%;width:72%;height:38%;border:3px solid #494544;border-bottom-width:1px;border-radius:60% 45% 55% 50%}.eye-soft:before{transform:rotate(4deg)}.eye-wing:after{right:6%;top:29%;width:24%;border-top:4px solid #494544;transform:rotate(-16deg)}.mouth-smile:before,.mouth-fang:before,.mouth-flat:before{left:23%;top:45%;width:54%;height:18%;border-bottom:2px solid #916c6a;border-radius:0 0 60% 55%}.mouth-fang:after{left:57%;top:55%;width:5px;height:5px;background:white;border:1px solid #916c6a;transform:rotate(45deg)}.mouth-flat:before{height:0;border-radius:0}.priority-block{display:grid;gap:8px;padding:15px;border-top:3px solid var(--green);background:var(--soft)}.priority-block.avoid{border-color:var(--accent)}.priority-block>strong{font-size:13px}.priority-block>p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.rules{display:grid;gap:12px;padding:15px;background:#292929;color:white}.rules>strong{font-size:13px}.rules label{display:flex;align-items:flex-start;gap:9px;color:#ddd;font-size:10px;font-weight:400;line-height:1.6}.note-preview{min-height:360px;padding:22px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.06)}.empty-preview{margin:120px auto;color:var(--muted);font-size:11px;text-align:center}.preview-head{padding-bottom:14px;border-bottom:2px solid var(--ink)}.preview-head small{color:var(--muted);font-size:9px}.preview-head h3{margin:8px 0 4px;font-size:22px}.preview-head p{margin:0;color:var(--muted);font-size:10px}.preview-group{padding:14px 0;border-bottom:1px solid var(--line)}.preview-group strong{font-size:10px}.preview-group p{margin:6px 0 0;font-size:11px;line-height:1.7}.preview-group.must p{color:var(--green)}.preview-group.avoid p{color:var(--accent)}.preview-brand{margin-top:16px;color:#aaa;font-size:8px;text-align:right}.generate-button{min-height:48px;border:0;border-radius:6px;background:var(--ink);color:white;font-size:12px;font-weight:700}.privacy-copy{margin:0;color:var(--muted);font-size:9px;line-height:1.5;text-align:center}.bottom-actions{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,430px);transform:translateX(-50%);display:grid;grid-template-columns:1fr 1.7fr;gap:8px;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.bottom-actions button{min-height:44px;border:1px solid #d5d5d1;border-radius:6px;background:white;color:var(--ink);font-size:12px;font-weight:700}.bottom-actions button:last-child{border-color:var(--ink);background:var(--ink);color:white}.bottom-actions button:disabled{opacity:.35}.toast{position:fixed;z-index:50;left:50%;bottom:86px;transform:translate(-50%,20px);padding:9px 13px;border-radius:6px;background:#222;color:white;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:350px){.field-grid.two,.choice-grid{grid-template-columns:1fr}.chip-grid{grid-template-columns:repeat(3,1fr)}.brand small{display:none}}@media(min-width:520px){.phone-shell{box-shadow:0 0 0 1px rgba(0,0,0,.04),0 24px 70px rgba(0,0,0,.12)}}