.sticker-mobile{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:#183d39;background:#e6ebe8;font-synthesis:none}.sticker-mobile *{box-sizing:border-box}.sticker-mobile,.sticker-mobile,.sticker-mobile{margin:0;min-height:100%;height:100%}.sticker-mobile button,.sticker-mobile input,.sticker-mobile textarea{font:inherit}.sticker-mobile button{cursor:pointer}.sticker-mobile button:disabled{cursor:default;opacity:.42}.sticker-mobile .phone{--ink:#173e37;--muted:#6c817a;--line:#dce8dd;--paper:#fbfdf9;--accent:#176b57;--accent2:#dff486;--surface:#f5f9ed;--soft:#ecf4dd;--shadow:0 12px 36px #254b2c13;width:min(100%,390px);height:min(100dvh,844px);margin:auto;background:var(--paper);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 20px 70px #263d3640}.sticker-mobile .variant-b .phone{--ink:#1d354b;--muted:#708395;--line:#dce7ec;--paper:#f7fbfd;--accent:#275d8b;--accent2:#cbeafa;--surface:#f1f7fa;--soft:#e8f2f8}.sticker-mobile .phone{--ink:#233e38;--muted:#69786f;--line:#e6e3d6;--paper:#fcfaf3;--accent:#244e42;--accent2:#f6e18a;--surface:#f4f1e6;--soft:#e7ebd8}.sticker-mobile .top{height:50px;flex:none;display:flex;align-items:center;gap:8px;padding:0 15px;background:var(--paper);z-index:2}.sticker-mobile .top b{font-size:15px;letter-spacing:-.7px;white-space:nowrap;flex:1}.sticker-mobile .back{border:0;background:transparent;color:var(--ink);padding:6px;display:grid;place-items:center}.sticker-mobile .variant-pill{font-size:10px;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--accent);border-radius:100px;padding:6px 8px;white-space:nowrap}.sticker-mobile .masthead{height:94px;flex:none;margin:0 14px;padding:12px 17px;border-radius:20px;background:linear-gradient(120deg,#ddf8f0,#edfacf 78%);overflow:hidden;position:relative}.sticker-mobile .masthead:after{content:'✦';position:absolute;right:12px;bottom:-36px;font-size:92px;color:#b5e9af64;transform:rotate(25deg)}.sticker-mobile .mast-label{font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--accent);position:relative;z-index:1}.sticker-mobile .masthead h1{font-size:17px;line-height:1.15;margin:7px 0 5px;letter-spacing:-.7px;white-space:nowrap;position:relative;z-index:1}.sticker-mobile .masthead p{font-size:11px;margin:0;color:#59756a;position:relative;z-index:1}.sticker-mobile .variant-b .masthead{height:72px;border-radius:0;margin:0 18px;padding:8px 0;background:none;border-bottom:1px solid var(--line)}.sticker-mobile .variant-b .masthead:after{display:none}.sticker-mobile .variant-b .masthead h1{font-size:16px;margin:3px 0}.sticker-mobile .variant-b .masthead p{display:none}.sticker-mobile .masthead{background:#e7e9d5;border-radius:8px 24px 8px 8px;height:91px}.sticker-mobile .masthead:after{content:'01';font-family:Georgia,serif;font-weight:bold;font-size:90px;right:3px;bottom:-41px;color:#d0d8b0a6;transform:none}.sticker-mobile .masthead h1{font-family:Georgia,'Noto Sans SC',serif;font-size:18px}.sticker-mobile .workspace{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 14px}.sticker-mobile .step-bar{height:51px;flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:center}.sticker-mobile .step-chip{height:31px;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:800;white-space:nowrap;padding:0 2px}.sticker-mobile .step-chip span{display:grid;place-items:center;width:15px;height:15px;border-radius:100%;background:#e9efea;color:var(--muted);font-size:9px}.sticker-mobile .step-chip.on{color:#fff;background:var(--accent);border-color:var(--accent)}.sticker-mobile .step-chip.on span{color:var(--accent);background:var(--accent2)}.sticker-mobile .step-chip.passed{color:var(--accent);background:var(--soft)}.sticker-mobile .step-chip.passed span{color:#fff;background:var(--accent)}.sticker-mobile .variant-b .step-bar{height:40px;gap:0;border-bottom:1px solid var(--line)}.sticker-mobile .variant-b .step-chip{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;height:100%}.sticker-mobile .variant-b .step-chip.on{color:var(--accent);border-bottom-color:var(--accent)}.sticker-mobile .variant-b .step-chip.on span{color:#fff;background:var(--accent)}.sticker-mobile .step-chip{border-radius:2px 12px 2px 2px}.sticker-mobile .panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:21px 21px 0 0;flex:1;min-height:0;display:flex;flex-direction:column;padding:13px;overflow:hidden}.sticker-mobile .variant-b .panel{background:#fff;border:0;border-radius:0;box-shadow:none;padding:10px 5px}.sticker-mobile .panel{background:#fffdf8;border-radius:3px 18px 0 0;border-color:#dedfce}.sticker-mobile .section-heading{display:flex;gap:10px;align-items:center;flex:none;margin-bottom:10px}.sticker-mobile .section-number{width:30px;height:30px;flex:none;display:grid;place-items:center;background:var(--accent2);color:var(--ink);border-radius:10px;font-size:11px;font-weight:900}.sticker-mobile .section-heading h2{font-size:17px;margin:0;line-height:1.25;letter-spacing:-.4px}.sticker-mobile .section-heading p{font-size:10px;color:var(--muted);margin:2px 0 0;line-height:1.25}.sticker-mobile .section-number{font-family:Georgia,serif;font-size:15px;border-radius:2px}.sticker-mobile .panel-body{flex:1;min-height:0;display:flex;flex-direction:column}.sticker-mobile .panel-body label,.sticker-mobile .angle-head,.sticker-mobile .template-head b,.sticker-mobile .count-line b{font-size:12px;font-weight:900;color:var(--ink)}.sticker-mobile .first-body textarea{width:100%;flex:1;min-height:80px;resize:none;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:13px;font-size:14px;line-height:1.6;color:var(--ink);outline:none}.sticker-mobile .first-body textarea:focus,.sticker-mobile input:focus,.sticker-mobile .sheet textarea:focus{border-color:var(--accent)}.sticker-mobile .helper-row{display:flex;justify-content:space-between;align-items:center;min-height:34px}.sticker-mobile .helper-row button{border:0;background:none;color:var(--accent);font-size:11px;font-weight:800;padding:3px 0;display:flex;align-items:center}.sticker-mobile .helper-row span{font-size:10px;color:var(--muted)}.sticker-mobile .angle-head{margin:2px 0 7px;display:flex;gap:6px;align-items:center}.sticker-mobile .angle-head small{font-size:10px;font-weight:500;color:var(--muted)}.sticker-mobile .angle-row,.sticker-mobile .plan-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sticker-mobile .angle-row button,.sticker-mobile .plan-row button{border:1px solid var(--line);background:#fff;border-radius:10px;height:39px;color:var(--ink);font-size:12px;font-weight:800}.sticker-mobile .angle-row button.picked,.sticker-mobile .plan-row button.picked{background:var(--soft);color:var(--accent);border-color:var(--accent)}.sticker-mobile .plain-hint{font-size:10px;color:var(--muted);margin:8px 0 1px;line-height:1.35}.sticker-mobile .micro-label{font-size:11px;color:var(--muted);font-weight:800;margin-bottom:7px}.sticker-mobile .plan-row button{height:43px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px}.sticker-mobile .plan-row small{font-size:9px;opacity:.65}.sticker-mobile .script-sheet{flex:1;min-height:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:10px;display:flex;flex-direction:column;margin-top:9px;overflow:hidden}.sticker-mobile .sheet-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:7px}.sticker-mobile .sheet-top b{font-size:11px;color:var(--accent)}.sticker-mobile .sheet-top button{border:0;background:#fff;border-radius:8px;padding:4px 7px;color:var(--accent);font-size:10px;font-weight:800;display:flex;gap:3px;align-items:center}.sticker-mobile .script-title{font-size:14px;line-height:1.4;margin-bottom:7px;color:var(--ink)}.sticker-mobile .script-copy{font-size:11px;line-height:1.62;overflow:auto;flex:1;min-height:0;color:#415b54}.sticker-mobile .script-tags,.sticker-mobile .script-comment{font-size:10px;line-height:1.4;padding-top:6px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-mobile .script-comment{color:var(--muted);border-top:1px solid var(--line);margin-top:5px}.sticker-mobile .template-body{gap:8px}.sticker-mobile .template-head{display:flex;justify-content:space-between;align-items:center}.sticker-mobile .template-head span{font-size:10px;color:var(--accent);font-weight:700}.sticker-mobile .template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sticker-mobile .template-choice{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px 5px 6px;text-align:left;color:var(--ink)}.sticker-mobile .template-choice.picked{border:2px solid var(--accent);padding:4px 4px 5px;box-shadow:0 4px 12px #285c3a1c}.sticker-mobile .template-choice>strong{display:block;font-size:10px;margin:5px 1px 1px;white-space:nowrap;letter-spacing:-.4px}.sticker-mobile .template-choice>small{display:block;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 1px}.sticker-mobile .art{position:relative;overflow:hidden;aspect-ratio:3/4;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:7px;border-radius:7px;text-align:left;isolation:isolate}.sticker-mobile .art:before,.sticker-mobile .art:after{content:'';position:absolute;z-index:-1;pointer-events:none}.sticker-mobile .art-clean{background:#e7f4cf;color:#234436}.sticker-mobile .art-clean:before{width:75%;height:55%;right:-15%;top:16%;border-radius:100%;background:#c9e991}.sticker-mobile .art-clean:after{inset:6px;border:1px solid #95c9887d}.sticker-mobile .art-warm{background:#f7e6d4;color:#583d37}.sticker-mobile .art-warm:before{width:90%;height:70%;right:-35%;top:20%;border-radius:100%;background:#dfa993}.sticker-mobile .art-warm:after{width:100%;height:26%;bottom:0;left:0;background:#efd2b7a8;transform:skewY(-13deg)}.sticker-mobile .art-magazine{background:#1c4c4d;color:#fff7dd}.sticker-mobile .art-magazine:before{width:63%;height:50%;right:-12%;top:21%;background:#d7e1a9;transform:rotate(23deg)}.sticker-mobile .art-magazine:after{width:65%;height:13%;left:-5%;bottom:17%;background:#ffc489;transform:rotate(-9deg)}.sticker-mobile .art-top{display:flex;justify-content:space-between;gap:2px;font-size:5.5px;font-weight:800;line-height:1.1}.sticker-mobile .art-main small{display:block;font-size:7px;font-weight:900;margin-bottom:4px}.sticker-mobile .art-main strong{font-size:clamp(10px,3vw,14px);font-weight:900;line-height:1.2;display:block;word-break:break-all;letter-spacing:-.6px}.sticker-mobile .art-end{font-size:6px;font-weight:700;opacity:.8}.sticker-mobile .count-line{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:12px;padding:7px 9px}.sticker-mobile .count-line small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.sticker-mobile .counter{display:flex;align-items:center;gap:7px}.sticker-mobile .counter button{border:1px solid var(--line);background:#fff;color:var(--accent);width:25px;height:25px;border-radius:8px;font-size:16px;line-height:1}.sticker-mobile .counter b{min-width:12px;text-align:center;font-size:14px}.sticker-mobile .outline-link{height:32px;flex:none;border:1px solid var(--line);background:#fff;color:var(--accent);border-radius:9px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:3px}.sticker-mobile .template-body .plain-hint{margin:0}.sticker-mobile .job-body{text-align:center;align-items:center;justify-content:center;gap:10px}.sticker-mobile .job-icon{width:58px;height:58px;border-radius:17px;background:var(--soft);color:var(--accent);display:grid;place-items:center}.sticker-mobile .job-body h3{font-size:18px;margin:0}.sticker-mobile .job-body p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.sticker-mobile .job-state{font-size:11px;background:var(--surface);padding:8px 12px;border-radius:50px;color:var(--accent);font-weight:800}.sticker-mobile .job-state i{display:inline-block;width:7px;height:7px;background:#93d95d;border-radius:50%;margin-right:5px}.sticker-mobile .home-link,.sticker-mobile .demo-link{border:0;background:var(--accent);color:#fff;font-size:12px;font-weight:800;border-radius:11px;padding:9px 15px;display:flex;align-items:center;gap:5px}.sticker-mobile .demo-link{background:none;color:var(--accent);text-decoration:underline}.sticker-mobile .finish-preview{align-items:center;justify-content:center;gap:10px}.sticker-mobile .large-art{height:min(45%,240px);width:auto;aspect-ratio:3/4;flex:none}.sticker-mobile .large-art .art-main strong{font-size:22px}.sticker-mobile .finish-summary{text-align:center}.sticker-mobile .finish-summary span{display:block;color:var(--accent);font-size:10px}.sticker-mobile .finish-summary strong{font-size:16px}.sticker-mobile .finish-summary p{font-size:11px;margin:2px}.sticker-mobile .delivery-body{gap:6px}.sticker-mobile .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:calc(100% - 183px);flex:1;min-height:110px}.sticker-mobile .pair-art{height:100%;aspect-ratio:auto}.sticker-mobile .pair-art .art-top{font-size:6px}.sticker-mobile .pair-art .art-main small{font-size:9px}.sticker-mobile .pair-art .art-main strong{font-size:clamp(15px,4vw,21px)}.sticker-mobile .pair-art .art-end{font-size:7px}.sticker-mobile .pair-controls{display:flex;justify-content:space-between;align-items:center;flex:none}.sticker-mobile .pair-controls button{border:0;background:none;color:var(--accent);font-size:10px;font-weight:800;display:flex;align-items:center;gap:2px;padding:2px}.sticker-mobile .pair-controls span{font-size:10px;color:var(--muted);font-weight:700}.sticker-mobile .delivery-line{height:23px;flex:none;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);min-width:0}.sticker-mobile .delivery-line b{font-size:10px;flex:none;color:var(--accent)}.sticker-mobile .delivery-line span{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sticker-mobile .copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:none}.sticker-mobile .copy-grid button{height:29px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:10px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:4px}.sticker-mobile .save-demo{height:30px;border:0;border-radius:8px;background:var(--soft);color:var(--accent);font-size:10px;font-weight:800;flex:none;display:flex;align-items:center;justify-content:center;gap:4px}.sticker-mobile .dock{height:67px;flex:none;padding:8px 14px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);background:#fff}.sticker-mobile .dock div{width:65px;flex:none}.sticker-mobile .dock strong{display:block;font-size:12px;color:var(--ink)}.sticker-mobile .dock small{display:block;font-size:8px;color:var(--muted);line-height:1.2;margin-top:2px}.sticker-mobile .dock button{height:48px;flex:1;border:0;border-radius:13px;background:linear-gradient(100deg,var(--accent),#39aa76);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.sticker-mobile .variant-b .dock button{background:var(--accent)}.sticker-mobile .dock button{background:var(--accent);border-radius:3px 15px 3px 3px}.sticker-mobile .bottom-nav{height:59px;flex:none;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line)}.sticker-mobile .bottom-nav button{background:none;border:0;color:var(--muted);font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sticker-mobile .bottom-nav span{font-size:20px;line-height:1}.sticker-mobile .bottom-nav button.active{color:var(--accent)}.sticker-mobile .home-page{flex:1;min-height:0;padding:20px 16px;background:var(--paper)}.sticker-mobile .home-hero{background:var(--soft);border-radius:20px;padding:18px;margin-bottom:17px}.sticker-mobile .home-hero span{font-size:10px;color:var(--accent);font-weight:800}.sticker-mobile .home-hero h1{font-size:22px;margin:8px 0}.sticker-mobile .home-hero p{font-size:12px;margin:0;color:var(--muted)}.sticker-mobile .home-card{width:100%;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left;padding:17px;margin-bottom:10px}.sticker-mobile .home-card strong{display:block;font-size:15px;color:var(--ink)}.sticker-mobile .home-card small{display:flex;align-items:center;gap:2px;color:var(--accent);font-size:11px;margin-top:7px}.sticker-mobile .home-card.task span{font-size:10px;color:var(--accent)}.sticker-mobile .home-note{font-size:10px;color:var(--muted);text-align:center}.sticker-mobile .veil{position:absolute;inset:0;background:#16382e7f;z-index:10;display:flex;align-items:end}.sticker-mobile .sheet{width:100%;max-height:85%;display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 0 0;padding:16px;box-shadow:0 -12px 35px #102e2733}.sticker-mobile .sheet-title{display:flex;justify-content:space-between;align-items:center;flex:none}.sticker-mobile .sheet-title h3{font-size:17px;margin:0}.sticker-mobile .sheet-title button{border:0;background:none;color:var(--muted)}.sticker-mobile .sheet-body{flex:1;min-height:0;overflow:auto;padding:12px 0}.sticker-mobile .sheet-body label{display:block;font-size:11px;font-weight:800;color:var(--ink);margin-bottom:10px}.sticker-mobile .sheet-body input,.sticker-mobile .sheet-body textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;color:var(--ink);font-size:12px;line-height:1.55;margin-top:5px;resize:vertical}.sticker-mobile .sheet-actions{display:flex;gap:8px;flex:none}.sticker-mobile .sheet-actions button{height:39px;flex:1;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:800}.sticker-mobile .sheet-actions button:last-child{background:var(--accent);border-color:var(--accent);color:#fff}.sticker-mobile .modal-tip{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 8px}.sticker-mobile .draft-list button{width:100%;display:flex;align-items:center;gap:6px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:9px 2px;color:var(--ink)}.sticker-mobile .draft-list span{font-size:10px;color:var(--muted);min-width:58px}.sticker-mobile .draft-list strong{font-size:11px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-mobile .variant-list{display:grid;gap:7px}.sticker-mobile .variant-list button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px;text-align:left}.sticker-mobile .variant-list button.active{border-color:var(--accent)}.sticker-mobile .variant-list strong{display:block;font-size:12px}.sticker-mobile .variant-list small{display:block;font-size:10px;color:var(--muted)}.sticker-mobile .toast{position:fixed;z-index:50;left:50%;bottom:90px;transform:translateX(-50%);background:#193b33;color:#fff;padding:9px 14px;border-radius:100px;font-size:12px;white-space:nowrap;box-shadow:0 10px 25px #0003}
@media(max-width:500px){.sticker-mobile .phone{width:100%;height:100dvh;box-shadow:none}.sticker-mobile .masthead h1{font-size:min(4.4vw,18px)}}
@media(max-height:730px){.sticker-mobile .top{height:43px}.sticker-mobile .masthead{height:72px;padding:8px 13px}.sticker-mobile .masthead h1{margin:3px 0 2px}.sticker-mobile .variant-b .masthead{height:55px}.sticker-mobile .masthead{height:72px}.sticker-mobile .step-bar{height:41px}.sticker-mobile .variant-b .step-bar{height:33px}.sticker-mobile .panel{padding:9px}.sticker-mobile .section-heading{margin-bottom:6px}.sticker-mobile .section-heading h2{font-size:15px}.sticker-mobile .section-heading p{font-size:9px}.sticker-mobile .template-body{gap:5px}.sticker-mobile .template-choice>strong{margin-top:3px}.sticker-mobile .template-choice>small{display:none}.sticker-mobile .count-line{padding:5px 8px}.sticker-mobile .template-body .plain-hint{font-size:9px}.sticker-mobile .dock{height:57px;padding:6px 12px}.sticker-mobile .dock button{height:43px}.sticker-mobile .bottom-nav{height:54px}.sticker-mobile .delivery-body{gap:3px}.sticker-mobile .pair{max-height:calc(100% - 160px)}.sticker-mobile .copy-grid button{height:25px}.sticker-mobile .save-demo{height:26px}.sticker-mobile .script-sheet{padding:7px;margin-top:6px}.sticker-mobile .plan-row button{height:35px}.sticker-mobile .first-body textarea{padding:9px}}
.sticker-mobile .template-grid{flex:1;min-height:0}.sticker-mobile .template-choice{display:flex;flex-direction:column}.sticker-mobile .template-choice .art{flex:1;min-height:0;aspect-ratio:auto}.sticker-mobile .template-choice .art-main strong{font-size:clamp(10px,3.1vw,13px)}
.sticker-mobile .template-choice .art-main strong{font-size:clamp(13px,3.75vw,16px);line-height:1.17}.sticker-mobile .template-choice .art-main small{font-size:8px}.sticker-mobile .template-choice .art-top{font-size:6px}
.sticker-mobile .step-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.sticker-mobile .step-chip{font-size:9px;gap:2px;letter-spacing:-.4px}.sticker-mobile .step-chip span{width:14px;height:14px;flex:none}.sticker-mobile .section-heading h2{font-size:16px}.sticker-mobile .section-heading p{font-size:10px}.sticker-mobile .method-body,.sticker-mobile .title-body,.sticker-mobile .template-body-v4{gap:8px}.sticker-mobile .method-kicker{font-size:11px;font-weight:800;color:var(--accent);background:var(--soft);padding:7px 9px;border-radius:9px}.sticker-mobile .method-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px}.sticker-mobile .method-card{min-height:0;width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);padding:10px}.sticker-mobile .method-card.picked{background:var(--surface);border:2px solid var(--accent);padding:9px}.sticker-mobile .method-index{font-size:14px;font-weight:900;color:var(--accent);background:var(--soft);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}.sticker-mobile .method-words{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sticker-mobile .method-words strong{font-size:15px;line-height:1.15}.sticker-mobile .method-words small{font-size:10px;color:var(--muted);line-height:1.3}.sticker-mobile .method-words em{font-size:10px;color:var(--accent);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-mobile .method-tick{color:var(--accent);flex:none}.sticker-mobile .method-note{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:7px}.sticker-mobile .method-note strong{font-size:10px;color:var(--accent);white-space:nowrap}.sticker-mobile .method-note span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-mobile .method-body>.plain-hint{margin:0}.sticker-mobile .variant-b .method-list{grid-template-rows:none;display:flex;flex-direction:row;gap:5px;flex:0 0 145px}.sticker-mobile .variant-b .method-card{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:7px;flex:1}.sticker-mobile .variant-b .method-card.picked{padding:6px}.sticker-mobile .variant-b .method-index{width:24px;height:24px;border-radius:6px;font-size:10px}.sticker-mobile .variant-b .method-words strong{font-size:11px;white-space:nowrap}.sticker-mobile .variant-b .method-words small{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sticker-mobile .variant-b .method-words em{display:none}.sticker-mobile .variant-b .method-tick{display:none}.sticker-mobile .variant-b .method-note{display:block;background:var(--surface);border:0;border-radius:12px;padding:14px;flex:1}.sticker-mobile .variant-b .method-note strong{font-size:16px;display:block;margin-bottom:7px}.sticker-mobile .variant-b .method-note span{font-size:13px;display:block;white-space:normal;line-height:1.6}.sticker-mobile .method-card{border-radius:2px;padding:7px 10px;border-left:4px solid var(--line)}.sticker-mobile .method-card.picked{border-left:5px solid var(--accent);padding:7px 9px}.sticker-mobile .method-index{background:none;font-family:Georgia,serif;font-size:20px}.sticker-mobile .title-options{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;flex:0 0 137px}.sticker-mobile .title-option{border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;color:var(--ink);padding:6px 9px;min-height:0;display:flex;align-items:center;gap:7px}.sticker-mobile .title-option.picked{border-color:var(--accent);background:var(--soft)}.sticker-mobile .title-option small{font-size:9px;color:var(--accent);font-weight:900;white-space:nowrap}.sticker-mobile .title-option strong{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sticker-mobile .selected-copy{flex:1;min-height:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;flex-direction:column;padding:9px;overflow:hidden}.sticker-mobile .copy-head{display:flex;align-items:center;justify-content:space-between;flex:none}.sticker-mobile .copy-head strong{font-size:10px;color:var(--accent)}.sticker-mobile .copy-head button{font-size:10px;font-weight:800;color:var(--accent);border:0;background:#fff;border-radius:7px;padding:4px 7px;display:flex;align-items:center;gap:3px}.sticker-mobile .copy-title{font-size:12px;font-weight:900;margin:5px 0;line-height:1.3}.sticker-mobile .copy-body{flex:1;min-height:0;overflow:auto;font-size:11px;line-height:1.5;color:#405b51}.sticker-mobile .copy-tags,.sticker-mobile .copy-comment{font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px}.sticker-mobile .copy-tags{color:var(--accent)}.sticker-mobile .copy-comment{color:var(--muted);border-top:1px solid var(--line);margin-top:3px}.sticker-mobile .title-body>.plain-hint{margin:0}.sticker-mobile .variant-b .title-options{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;flex-basis:78px}.sticker-mobile .variant-b .title-option{display:block;padding:5px}.sticker-mobile .variant-b .title-option small{display:block;margin-bottom:4px}.sticker-mobile .variant-b .title-option strong{font-size:9px;-webkit-line-clamp:3}.sticker-mobile .variant-b .selected-copy{padding:12px}.sticker-mobile .variant-b .copy-title{font-size:14px}.sticker-mobile .variant-b .copy-body{font-size:12px}.sticker-mobile .title-option{border-radius:2px;border-left:4px solid var(--line)}.sticker-mobile .title-option.picked{border-left-color:var(--accent)}.sticker-mobile .template-top{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:none}.sticker-mobile .template-top strong{font-size:11px}.sticker-mobile .template-top button{border:0;background:none;color:var(--accent);font-size:10px;font-weight:800;display:flex;align-items:center;gap:3px}.sticker-mobile .template-grid-a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-height:0}.sticker-mobile .image-choice{padding:5px;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:4px;overflow:hidden}.sticker-mobile .image-choice.picked{border:2px solid var(--accent);padding:4px}.sticker-mobile .sample-img{display:block;object-fit:cover;object-position:center top;min-width:0;min-height:0}.sticker-mobile .image-choice img{width:100%;flex:1;border-radius:7px}.sticker-mobile .image-choice strong{font-size:11px;white-space:nowrap}.sticker-mobile .image-choice small{font-size:9px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-mobile .chosen-style{min-height:26px;display:flex;align-items:center;gap:5px;flex:none}.sticker-mobile .chosen-style strong{font-size:11px;color:var(--accent)}.sticker-mobile .chosen-style span{font-size:10px;color:var(--muted)}.sticker-mobile .template-body-v4 .count-line{flex:none}.sticker-mobile .template-body-v4 .plain-hint{flex:none;margin:0;font-size:9px}.sticker-mobile .focus-preview{flex:1;min-height:0;display:grid;grid-template-columns:48% 1fr;gap:9px;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.sticker-mobile .focus-photo{border:0;padding:0;position:relative;overflow:hidden;border-radius:8px;background:#fff}.sticker-mobile .focus-photo img{width:100%;height:100%}.sticker-mobile .focus-photo span{position:absolute;right:5px;bottom:5px;background:#fffdfaeb;border-radius:7px;padding:4px;color:var(--accent);font-size:9px;font-weight:800;display:flex;align-items:center;gap:2px}.sticker-mobile .focus-info{display:flex;flex-direction:column;justify-content:center;gap:7px}.sticker-mobile .focus-info strong{font-size:18px;line-height:1.2}.sticker-mobile .focus-info small{font-size:11px;color:var(--accent);font-weight:800}.sticker-mobile .focus-info p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}.sticker-mobile .focus-tabs{height:68px;flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sticker-mobile .focus-tabs button{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:5px;padding:4px;color:var(--ink)}.sticker-mobile .focus-tabs button.picked{border:2px solid var(--accent);background:var(--soft);padding:3px}.sticker-mobile .focus-tabs img{width:34px;height:48px;object-fit:cover;flex:none;border-radius:3px}.sticker-mobile .focus-tabs span{font-size:9px;line-height:1.3;font-weight:900;text-align:left}.sticker-mobile .mosaic-grid{display:grid;grid-template-columns:55% 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;flex:1;min-height:0}.sticker-mobile .mosaic-card{position:relative;min-width:0;min-height:0;border:0;background:#fff;padding:0;overflow:hidden;color:#fff;text-align:left}.sticker-mobile .mosaic-card:first-child{grid-row:span 2;border:3px solid var(--accent)}.sticker-mobile .mosaic-card img{width:100%;height:100%;object-fit:cover}.sticker-mobile .mosaic-card span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#0d2b28d9);padding:12px 6px 5px;display:flex;flex-direction:column}.sticker-mobile .mosaic-card b{font-size:10px}.sticker-mobile .mosaic-card:first-child b{font-size:14px}.sticker-mobile .mosaic-card small{font-size:8px}.sticker-mobile .done-body{align-items:center;justify-content:center;gap:9px}.sticker-mobile .done-image{height:min(60%,280px);width:auto;aspect-ratio:3/4;border-radius:10px}.sticker-mobile .done-body>strong{font-size:14px}.sticker-mobile .done-body p{font-size:11px;line-height:1.5;color:var(--muted);text-align:center;margin:0}.sticker-mobile .done-body button{border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--accent);font-weight:800;font-size:10px;padding:8px}.sticker-mobile .result-card{height:100%;position:relative;overflow:hidden;border-radius:10px;background:#e8efdb;color:#fff;display:flex;flex-direction:column;justify-content:end;padding:9px}.sticker-mobile .result-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.sticker-mobile .result-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102a25df)}.sticker-mobile .result-card b,.sticker-mobile .result-card strong{z-index:1;position:relative;text-shadow:0 1px 4px #0006}.sticker-mobile .result-card b{font-size:9px;margin-bottom:3px}.sticker-mobile .result-card strong{font-size:13px;line-height:1.2}.sticker-mobile .zoom-body{display:flex;flex-direction:column;align-items:center;gap:8px}.sticker-mobile .zoom-body img{display:block;max-height:58dvh;max-width:100%;aspect-ratio:3/4;object-fit:contain}.sticker-mobile .zoom-body p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.sticker-mobile .job-icon{font-size:36px}.sticker-mobile .panel{border-radius:3px 18px 0 0}
@media(max-height:730px){.sticker-mobile .step-bar{height:40px}.sticker-mobile .step-chip{font-size:8px}.sticker-mobile .step-chip span{width:13px;height:13px}.sticker-mobile .section-heading{margin-bottom:5px}.sticker-mobile .section-heading h2{font-size:15px}.sticker-mobile .method-list{gap:5px}.sticker-mobile .method-card{padding:6px}.sticker-mobile .method-card.picked{padding:5px}.sticker-mobile .method-words strong{font-size:13px}.sticker-mobile .method-words small,.sticker-mobile .method-words em{font-size:9px}.sticker-mobile .method-index{width:25px;height:25px;font-size:11px}.sticker-mobile .method-body,.sticker-mobile .title-body,.sticker-mobile .template-body-v4{gap:5px}.sticker-mobile .method-kicker{padding:5px 8px}.sticker-mobile .method-note{padding-top:4px}.sticker-mobile .variant-b .method-list{flex-basis:110px}.sticker-mobile .title-options{flex-basis:110px}.sticker-mobile .title-option{padding:3px 7px}.sticker-mobile .title-option strong{font-size:10px}.sticker-mobile .variant-b .title-options{flex-basis:65px}.sticker-mobile .selected-copy{padding:6px}.sticker-mobile .copy-body{font-size:10px}.sticker-mobile .image-choice small{display:none}.sticker-mobile .image-choice strong{font-size:10px}.sticker-mobile .chosen-style{min-height:20px}.sticker-mobile .focus-tabs{height:56px}.sticker-mobile .focus-tabs img{height:41px;width:29px}.sticker-mobile .focus-info p{font-size:10px}.sticker-mobile .mosaic-card span{padding-top:6px}}
.sticker-mobile .sample-img{object-fit:contain}.sticker-mobile .image-choice{justify-content:center;background:#f7f9f4}.sticker-mobile .image-choice img{object-fit:contain}.sticker-mobile .focus-photo{background:#f5f6f0}.sticker-mobile .focus-photo img{object-fit:contain}.sticker-mobile .mosaic-card{background:#eef2e6}.sticker-mobile .mosaic-card img{object-fit:contain}.sticker-mobile .result-card img{object-fit:cover}
.sticker-mobile .template-a-layout{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px}.sticker-mobile .template-a-layout .template-grid-a{flex:0 0 48%;min-height:0}.sticker-mobile .a-selected-preview{flex:1;min-height:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;align-items:center;gap:10px;text-align:left;padding:7px;color:var(--ink)}.sticker-mobile .a-selected-preview img{height:100%;width:35%;object-fit:contain;border-radius:5px;flex:none}.sticker-mobile .a-selected-preview span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.sticker-mobile .a-selected-preview small{font-size:9px;color:var(--accent);font-weight:800}.sticker-mobile .a-selected-preview strong{font-size:15px}.sticker-mobile .a-selected-preview em{font-size:10px;color:var(--muted);font-style:normal}.sticker-mobile .a-selected-preview svg{align-self:flex-end;color:var(--accent);flex:none}.sticker-mobile .image-choice img{width:100%;height:calc(100% - 32px);flex:none;object-fit:contain}.sticker-mobile .image-choice small{display:none}@media(max-height:730px){.sticker-mobile .template-a-layout .template-grid-a{flex-basis:50%}.sticker-mobile .a-selected-preview strong{font-size:12px}.sticker-mobile .a-selected-preview small,.sticker-mobile .a-selected-preview em{font-size:8px}}
.sticker-mobile .variant-b .method-note{display:flex;flex-direction:column;align-items:stretch;gap:5px}.sticker-mobile .method-beats{display:flex;flex-direction:column;gap:6px;margin-top:12px}.sticker-mobile .method-beats>b{font-size:11px;color:var(--ink)}.sticker-mobile .method-beats>div{border:1px solid var(--line);border-radius:8px;padding:7px;display:flex;gap:8px;align-items:start;background:#fff}.sticker-mobile .method-beats small{font-size:10px;font-weight:900;color:var(--accent);flex:none}.sticker-mobile .variant-b .method-beats span{font-size:10px;color:var(--ink);line-height:1.4;white-space:normal;overflow:visible}.sticker-mobile .variant-b .method-note>span{font-size:11px;line-height:1.35}@media(max-height:730px){.sticker-mobile .method-beats{margin-top:6px;gap:4px}.sticker-mobile .method-beats>div{padding:5px}.sticker-mobile .variant-b .method-note{padding:10px}}

/* C 版画面选择：画什么与怎么画分别确认，内容不限定行业。 */
.sticker-mobile .picture-body{gap:7px}
.sticker-mobile .picture-plan{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:3px 14px 3px 3px;padding:10px;min-height:125px}
.sticker-mobile .picture-plan-head,.sticker-mobile .picture-plan-actions,.sticker-mobile .style-pick-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sticker-mobile .picture-plan-head b,.sticker-mobile .style-pick-head b,.sticker-mobile .count-compact>b{font-size:11px;color:var(--ink)}
.sticker-mobile .picture-plan-head button{border:0;background:none;color:var(--accent);font-size:10px;font-weight:800;display:flex;align-items:center;gap:2px;white-space:nowrap;padding:0}
.sticker-mobile .picture-plan-main{display:flex;gap:9px;align-items:center;margin:7px 0}
.sticker-mobile .plan-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;background:#dce8c5;border-radius:9px;font-size:18px;color:var(--accent)}
.sticker-mobile .picture-plan-main>div{min-width:0}
.sticker-mobile .picture-plan-main strong{display:block;font-size:12px;line-height:1.25;color:var(--ink)}
.sticker-mobile .picture-plan-main p{font-size:9px;line-height:1.4;color:var(--muted);margin:3px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .picture-plan-actions{justify-content:start;gap:6px}
.sticker-mobile .picture-plan-actions button{border:1px solid #cbd7c6;background:#fff;color:var(--accent);font-size:9px;font-weight:800;border-radius:7px;padding:5px 8px;white-space:nowrap}
.sticker-mobile .brief-preview{color:var(--accent);font-size:9px;line-height:1.3;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticker-mobile .photo-preview{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--muted);font-size:8px}
.sticker-mobile .photo-preview img{width:23px;height:23px;object-fit:cover;border-radius:4px}
.sticker-mobile .style-pick-head{align-items:baseline;flex:none;margin-top:1px}
.sticker-mobile .style-pick-head small{font-size:8px;line-height:1.25;color:var(--muted);text-align:right;max-width:68%}
.sticker-mobile .style-context{flex:none;color:var(--accent);font-size:9px;line-height:1.2;font-weight:800;margin-top:-4px}
.sticker-mobile .picture-body .mosaic-grid{flex:1;min-height:90px;max-height:218px}
.sticker-mobile .picture-body .mosaic-card:first-child{border-width:2px}
.sticker-mobile .picture-body .mosaic-card b{font-size:10px}
.sticker-mobile .picture-body .mosaic-card:first-child b{font-size:12px}
.sticker-mobile .picture-body .mosaic-card small{font-size:7px}
.sticker-mobile .count-compact{flex:none;display:flex;align-items:center;gap:6px}
.sticker-mobile .count-compact>b{white-space:nowrap}
.sticker-mobile .count-compact .count-line{flex:1;min-width:0;padding:5px 8px}
.sticker-mobile .count-compact .count-line>div:first-child{display:none}
.sticker-mobile .count-compact .counter{width:100%;justify-content:space-between}
.sticker-mobile .count-compact .counter button{width:27px;height:25px}
.sticker-mobile .picture-body>.plain-hint{flex:none;margin:0;font-size:8px}
.sticker-mobile .scenario-list{display:grid;gap:7px}
.sticker-mobile .scenario-list button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--ink)}
.sticker-mobile .scenario-list button.picked{border-color:var(--accent);background:var(--soft)}
.sticker-mobile .scenario-list button>span{font-size:24px;width:32px;text-align:center;color:var(--accent)}
.sticker-mobile .scenario-list button>div{flex:1;min-width:0;display:flex;flex-direction:column}
.sticker-mobile .scenario-list b{font-size:12px}.sticker-mobile .scenario-list small{font-size:9px;color:var(--muted)}
.sticker-mobile .brief-examples{display:flex;gap:5px;margin-top:8px}
.sticker-mobile .brief-examples button{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:7px 2px;color:var(--accent);font-size:9px;font-weight:800}
.sticker-mobile .done-summary{width:68%;aspect-ratio:3/4;border:1px solid var(--line);background:var(--surface);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;text-align:center}
.sticker-mobile .done-summary span{font-size:42px;color:var(--accent)}.sticker-mobile .done-summary b{font-size:16px;line-height:1.3}.sticker-mobile .done-summary small{font-size:11px;color:var(--muted)}
.sticker-mobile .concept-card{color:var(--ink);background:var(--surface);justify-content:center;gap:7px;text-align:center}.sticker-mobile .concept-card>span{font-size:32px;color:var(--accent)}.sticker-mobile .concept-card b,.sticker-mobile .concept-card strong{text-shadow:none}.sticker-mobile .concept-card small{font-size:9px;color:var(--muted)}
@media(max-height:730px){.sticker-mobile .picture-body{gap:5px}.sticker-mobile .picture-plan{padding:8px;min-height:111px}.sticker-mobile .picture-plan-main{margin:5px 0}.sticker-mobile .picture-plan-main p{font-size:8px}.sticker-mobile .picture-body .mosaic-grid{min-height:70px}.sticker-mobile .style-pick-head small{font-size:7px}.sticker-mobile .picture-body>.plain-hint{font-size:7px}}

/* C 版四步体验：说法与例句先于输入，文案定稿后再逐页规划。 */
.sticker-mobile .step-bar{grid-template-columns:repeat(4,minmax(0,1fr))}
.sticker-mobile .step-chip{font-size:10px}
.sticker-mobile .idea-body,.sticker-mobile .writing-body,.sticker-mobile .plan-body,.sticker-mobile .results-body{gap:7px}
.sticker-mobile .idea-label{font-size:12px;font-weight:900;color:var(--ink);flex:none}
.sticker-mobile .approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:none}
.sticker-mobile .approach-card{min-width:0;min-height:72px;padding:7px;border:1px solid var(--line);border-radius:3px 12px 3px 3px;background:#fff;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.sticker-mobile .approach-card.picked{border:2px solid var(--accent);background:var(--soft);padding:6px}
.sticker-mobile .approach-card b{font-size:11px;white-space:nowrap}.sticker-mobile .approach-card small{font-size:9px;line-height:1.28;color:var(--muted)}
.sticker-mobile .example-box{flex:none;min-height:92px;background:var(--surface);border-left:4px solid var(--accent);padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:3px}
.sticker-mobile .example-box>div{display:flex;justify-content:space-between;align-items:center;gap:5px}.sticker-mobile .example-box b{font-size:11px}.sticker-mobile .example-box span{font-size:9px;color:var(--muted);white-space:nowrap}
.sticker-mobile .example-box p{margin:0;font-size:12px;line-height:1.35;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .example-box button{align-self:end;border:0;background:none;color:var(--accent);font-size:10px;font-weight:900;display:flex;align-items:center;gap:2px;padding:0}
.sticker-mobile .idea-body textarea{flex:1;min-height:70px;width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px;resize:none;font-size:13px;line-height:1.55;color:var(--ink);outline:none}
.sticker-mobile .char-row{display:flex;justify-content:space-between;align-items:center;gap:5px;flex:none;color:var(--muted);font-size:9px}.sticker-mobile .char-row b{white-space:nowrap;color:var(--accent)}
.sticker-mobile .source-line{flex:none;background:var(--surface);padding:7px 9px;display:flex;align-items:center;gap:7px;min-height:30px;border-radius:8px}.sticker-mobile .source-line span{font-size:9px;color:var(--accent);font-weight:900;white-space:nowrap}.sticker-mobile .source-line b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sticker-mobile .title-stack{flex:none;display:grid;gap:5px}.sticker-mobile .title-choice{min-height:42px;border:1px solid var(--line);border-left:4px solid var(--line);background:#fff;color:var(--ink);text-align:left;padding:6px 8px;display:flex;align-items:center;gap:8px}.sticker-mobile .title-choice.picked{border-left-color:var(--accent);background:var(--soft)}.sticker-mobile .title-choice small{font-size:14px;font-family:Georgia,serif;color:var(--accent);font-weight:900}.sticker-mobile .title-choice strong{font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sticker-mobile .writing-card{flex:1;min-height:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:9px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.sticker-mobile .writing-head{display:flex;justify-content:space-between;align-items:center;flex:none}.sticker-mobile .writing-head b{font-size:10px;color:var(--accent)}.sticker-mobile .writing-head button{background:#fff;border:0;border-radius:5px;padding:4px 7px;color:var(--accent);font-size:10px;font-weight:800;display:flex;gap:3px;align-items:center}.sticker-mobile .writing-card>strong{font-size:12px;line-height:1.3;flex:none}.sticker-mobile .writing-card p{flex:1;min-height:0;overflow:auto;margin:0;font-size:11px;line-height:1.5;color:#405b51}.sticker-mobile .writing-card>small{font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.sticker-mobile .writing-card>small:first-of-type{color:var(--accent)}.sticker-mobile .flow-note{flex:none;font-size:9px;line-height:1.3;color:var(--muted);margin:0}
.sticker-mobile .plan-source{flex:none;background:var(--surface);border-radius:8px;padding:7px 9px;display:flex;align-items:center;gap:7px;min-height:30px}.sticker-mobile .plan-source span{font-size:9px;color:var(--accent);font-weight:900;white-space:nowrap}.sticker-mobile .plan-source b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticker-mobile .page-index{flex:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.sticker-mobile .page-index button{min-width:0;min-height:38px;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--muted);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px}.sticker-mobile .page-index button.picked{background:var(--accent);border-color:var(--accent);color:#fff}.sticker-mobile .page-index b{font-size:11px}.sticker-mobile .page-index small{font-size:8px;white-space:nowrap}
.sticker-mobile .plan-preview{flex:1;min-height:92px;border:1px solid var(--line);border-left:4px solid var(--accent);padding:8px;background:var(--surface);display:flex;flex-direction:column;gap:5px;overflow:hidden}.sticker-mobile .plan-preview-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.sticker-mobile .plan-preview-head b{font-size:10px;color:var(--accent)}.sticker-mobile .plan-preview-head button{border:0;background:#fff;color:var(--accent);font-size:9px;font-weight:800;display:flex;align-items:center;gap:3px;padding:4px 6px}.sticker-mobile .plan-preview>strong{font-size:12px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-mobile .plan-preview p{font-size:10px;line-height:1.35;color:var(--ink);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-mobile .plan-preview>small{font-size:9px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .style-head{flex:none;display:flex;justify-content:space-between;align-items:center}.sticker-mobile .style-head b{font-size:11px}.sticker-mobile .style-head button{border:0;background:none;color:var(--accent);font-size:9px;font-weight:800;display:flex;gap:2px;align-items:center;padding:0}
.sticker-mobile .style-options{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sticker-mobile .style-options button{height:74px;min-width:0;border:1px solid var(--line);background:#fff;padding:3px;display:flex;align-items:center;gap:4px;overflow:hidden;color:var(--ink)}.sticker-mobile .style-options button.picked{border:2px solid var(--accent);background:var(--soft);padding:2px}.sticker-mobile .style-options img{height:100%;width:38%;object-fit:cover;object-position:center top;flex:none}.sticker-mobile .style-options b{font-size:9px;line-height:1.25;text-align:left}.sticker-mobile .custom-style{flex:none;font-size:9px;color:var(--accent);background:var(--soft);padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticker-mobile .plan-count{flex:none;min-height:34px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.sticker-mobile .plan-count>b{font-size:11px}.sticker-mobile .plan-count>div{display:flex;align-items:center;gap:9px}.sticker-mobile .plan-count button{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:25px;height:25px;color:var(--accent);font-size:15px}.sticker-mobile .plan-count strong{font-size:13px;min-width:10px;text-align:center}.sticker-mobile .plan-count small{font-size:9px;color:var(--muted);margin-left:auto}
.sticker-mobile .results-note{flex:none;font-size:9px;color:var(--accent);background:var(--soft);padding:5px 7px;border-radius:5px}
.sticker-mobile .deliver-pair{flex:1;min-height:125px;max-height:280px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sticker-mobile .deliver-art{position:relative;isolation:isolate;width:100%;height:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;padding:8px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;color:#244438;background:#eaf2d6}.sticker-mobile .deliver-art.selected{border:2px solid var(--accent);padding:7px}.sticker-mobile .deliver-art.art-style-1{background:#f8e8d7;color:#604039}.sticker-mobile .deliver-art.art-style-2{background:#234a45;color:#fff1d4}.sticker-mobile .deliver-top,.sticker-mobile .deliver-foot{font-size:6px;font-weight:800;z-index:1;display:flex;justify-content:space-between;gap:2px}.sticker-mobile .deliver-foot{display:block;opacity:.65}.sticker-mobile .deliver-shape{z-index:-1;position:absolute;width:88%;aspect-ratio:1;right:-22%;top:13%;border-radius:100%;background:#c8dfab}.sticker-mobile .art-style-1 .deliver-shape{background:#e9af99}.sticker-mobile .art-style-2 .deliver-shape{background:#8fac8e;transform:rotate(25deg);border-radius:6px}.sticker-mobile .deliver-main{z-index:1;display:flex;flex-direction:column;gap:4px}.sticker-mobile .deliver-main small{font-size:8px;font-weight:900}.sticker-mobile .deliver-main strong{font-size:clamp(12px,3.7vw,18px);line-height:1.15;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sticker-mobile .deliver-main em{font-size:8px;line-height:1.3;font-style:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .results-body .pair-controls{flex:none}.sticker-mobile .selected-result{flex:none;display:flex;align-items:center;gap:5px;min-height:31px}.sticker-mobile .selected-result span{font-size:10px;font-weight:900;color:var(--ink);margin-right:auto;white-space:nowrap}.sticker-mobile .selected-result button{border:1px solid var(--line);background:#fff;color:var(--accent);border-radius:6px;padding:6px 7px;font-size:9px;font-weight:800;display:flex;align-items:center;gap:2px;white-space:nowrap}.sticker-mobile .revision-note{flex:none;font-size:8px;color:#aa6d25;background:#fff2dd;padding:3px 5px}.sticker-mobile .publish-strip{flex:none;min-height:27px;display:flex;align-items:center;gap:5px;border-top:1px solid var(--line)}.sticker-mobile .publish-strip button{flex:none;background:none;border:0;color:var(--accent);font-size:10px;font-weight:900;padding:0}.sticker-mobile .publish-strip strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-mobile .results-body .copy-grid{flex:none}.sticker-mobile .results-body .copy-grid button{height:27px}.sticker-mobile .results-body .save-demo{flex:none;height:25px}
.sticker-mobile .large-deliver{height:min(56dvh,420px);display:flex;justify-content:center}.sticker-mobile .large-deliver .deliver-art{width:min(75%,290px);height:100%;pointer-events:none}.sticker-mobile .large-deliver .deliver-main strong{font-size:21px}.sticker-mobile .large-deliver .deliver-main em{font-size:12px}.sticker-mobile .large-deliver .deliver-top,.sticker-mobile .large-deliver .deliver-foot{font-size:10px}
.sticker-mobile .copy-detail{display:flex;flex-direction:column;gap:10px;color:var(--ink)}.sticker-mobile .copy-detail b{font-size:15px}.sticker-mobile .copy-detail p{margin:0;font-size:12px;line-height:1.7}.sticker-mobile .copy-detail small{font-size:11px;color:var(--accent)}
@media(max-height:730px){.sticker-mobile .idea-body,.sticker-mobile .writing-body,.sticker-mobile .plan-body,.sticker-mobile .results-body{gap:5px}.sticker-mobile .approach-card{min-height:64px}.sticker-mobile .approach-card small{font-size:8px}.sticker-mobile .example-box{min-height:80px;padding:6px 8px}.sticker-mobile .example-box p{font-size:11px}.sticker-mobile .idea-body textarea{min-height:65px}.sticker-mobile .title-choice{min-height:35px;padding:4px 7px}.sticker-mobile .source-line,.sticker-mobile .plan-source{min-height:26px;padding:5px 7px}.sticker-mobile .page-index button{min-height:34px}.sticker-mobile .style-options button{height:59px}.sticker-mobile .plan-preview{min-height:80px}.sticker-mobile .plan-preview>small{-webkit-line-clamp:1}.sticker-mobile .plan-count{min-height:29px}.sticker-mobile .deliver-pair{min-height:105px}.sticker-mobile .selected-result{min-height:27px}.sticker-mobile .selected-result button{padding:4px 6px}.sticker-mobile .results-body .copy-grid button{height:24px}.sticker-mobile .results-body .save-demo{height:23px}}

.sticker-mobile .plan-preview-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 35%;gap:9px}
.sticker-mobile .plan-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px}.sticker-mobile .plan-copy strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sticker-mobile .plan-copy p{font-size:10px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sticker-mobile .plan-copy small{font-size:9px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .plan-mini{min-height:0;border:1px solid #cfdcbd;background:#e5f0d4;border-radius:5px;position:relative;isolation:isolate;overflow:hidden;padding:7px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.sticker-mobile .plan-mini>span,.sticker-mobile .plan-mini>small{font-size:7px;font-weight:800;z-index:1}.sticker-mobile .plan-mini>b{font-size:11px;line-height:1.22;z-index:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sticker-mobile .plan-mini>i{position:absolute;z-index:-1;width:105%;aspect-ratio:1;right:-45%;top:18%;border-radius:50%;background:#c6dfa9}
.sticker-mobile .sample-note{flex:none;font-size:8px;line-height:1.2;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sticker-mobile .dock-clean{height:67px;padding:8px 14px}
.sticker-mobile .dock-clean button{width:100%;flex:1;justify-content:center;position:relative;font-size:14px;letter-spacing:.2px;box-shadow:0 7px 16px #244e4226}
.sticker-mobile .dock-clean button svg{position:absolute;right:17px}
.sticker-mobile .visual-settings{flex:none;display:flex;flex-direction:column;gap:5px;background:#f8f8f0;border:1px solid var(--line);border-radius:9px;padding:7px}
.sticker-mobile .visual-settings .style-head{gap:5px}
.sticker-mobile .visual-settings .style-head span{font-size:8px;color:var(--muted);white-space:nowrap}
.sticker-mobile .visual-settings .style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.sticker-mobile .visual-settings .style-options button{height:48px;min-width:0;border-radius:5px;padding:3px;text-align:left}
.sticker-mobile .visual-settings .style-options button.picked{padding:2px}
.sticker-mobile .visual-settings .style-options img{width:34%;object-fit:cover}
.sticker-mobile .visual-settings .style-options b{font-size:9px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .visual-settings .style-options .custom-choice{display:grid;grid-template-columns:29px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:5px;align-items:center;background:#fff}
.sticker-mobile .custom-choice span{grid-row:1/3;width:29px;height:29px;background:#e8edda;border-radius:6px;display:grid;place-items:center;color:var(--accent);font-size:17px}
.sticker-mobile .custom-choice b{align-self:end;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sticker-mobile .custom-choice small{align-self:start;font-size:7px;color:var(--muted);white-space:nowrap}
.sticker-mobile .custom-choice.picked{border-color:var(--accent);background:var(--soft)}
.sticker-mobile .visual-settings .sample-note{font-size:7.5px;color:var(--muted)}
.sticker-mobile .count-head{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:5px}
.sticker-mobile .count-head b{font-size:10px;color:var(--ink)}
.sticker-mobile .count-head span{font-size:8px;font-weight:800;white-space:nowrap}
.sticker-mobile .count-head .required{color:#9a6d24}
.sticker-mobile .count-head .confirmed{color:var(--accent)}
.sticker-mobile .count-picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.sticker-mobile .count-picks button{height:26px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--accent);font-size:11px;font-weight:900}
.sticker-mobile .count-picks button.picked{background:var(--accent);color:#fff;border-color:var(--accent)}
.sticker-mobile .revision-active{display:block;width:100%;text-align:left;border:0;cursor:pointer}
.sticker-mobile .zoom-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:9px 0}
.sticker-mobile .zoom-actions button{min-height:36px;border:1px solid var(--line);background:var(--surface);border-radius:7px;color:var(--accent);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.sticker-mobile .zoom-actions button:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}
.sticker-mobile .revision-flow{display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.sticker-mobile .revision-flow>b{font-size:15px}
.sticker-mobile .revision-flow p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.sticker-mobile .revision-flow>div{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px;display:flex;justify-content:space-between;gap:8px}
.sticker-mobile .revision-flow>div span{font-size:11px}
.sticker-mobile .revision-flow>div strong{font-size:11px;color:var(--accent)}
.sticker-mobile .revision-flow>small{font-size:10px;color:#946c31}
.sticker-mobile .revision-flow.progress,.sticker-mobile .revision-flow.done{align-items:center;text-align:center;padding:20px 4px}
.sticker-mobile .revision-flow.progress>span,.sticker-mobile .revision-flow.done>span{font-size:32px;color:var(--accent);width:60px;height:60px;border-radius:50%;background:var(--soft);display:grid;place-items:center}
.sticker-mobile .deliver-pair.single{grid-template-columns:1fr;justify-items:center}
.sticker-mobile .deliver-pair.single .deliver-art{width:min(100%,205px)}
.sticker-mobile .sticker-result-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.sticker-mobile .sticker-result-card>img{display:block;max-width:100%;max-height:calc(100% - 22px);width:100%;height:calc(100% - 22px);object-fit:contain;flex:1;min-height:0}
.sticker-mobile .sticker-result-card>span{display:block;flex:none;width:100%;height:22px;padding:3px 5px;text-align:center;font-size:10px;line-height:16px;background:var(--soft)}
.sticker-mobile .deliver-pair.single .sticker-result-card{width:min(100%,205px)}
.sticker-mobile .sticker-result-wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11px}.sticker-mobile .sticker-result-wait>span{font-size:30px;color:var(--accent)}
.sticker-mobile .sticker-zoom-image{display:block;width:100%;max-width:100%;height:auto;max-height:48dvh;object-fit:contain;margin:0 auto}
.sticker-mobile .veil{z-index:100}.sticker-mobile .sheet-body{overscroll-behavior:contain}
.sticker-mobile .sticker-error{flex:none;border:1px solid #efc2b5;border-radius:8px;background:#fff0ea;padding:7px;font-size:11px;line-height:1.4;color:#923d2e}
.sticker-mobile .sticker-inline-action{border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--accent);padding:8px 12px;font-size:12px;font-weight:700}
.sticker-mobile .results-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sticker-mobile .dock-pair{height:67px;gap:8px;padding:8px 14px}
.sticker-mobile .dock-pair button{height:48px;box-shadow:none}
.sticker-mobile .dock-pair .dock-prev,.sticker-mobile .dock-pair button.dock-prev{flex:0 0 82px;border:1px solid var(--line);background:#fff;color:var(--accent);font-size:11px;border-radius:3px 11px 3px 3px}
.sticker-mobile .dock-pair .dock-next{flex:1;min-width:0;background:var(--accent);color:#fff;font-size:12px;border-radius:3px 15px 3px 3px}
.sticker-mobile .dock-pair .dock-next svg{flex:none}
.sticker-mobile .plan-text{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}
.sticker-mobile .plan-text strong{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .plan-text p{font-size:10px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .plan-text small{font-size:9px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .plan-stage-note{flex:none;border-top:1px solid var(--line);padding-top:4px;color:var(--accent);font-size:8px}
.sticker-mobile .visual-settings .style-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{height:92px;min-width:0;padding:3px;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.sticker-mobile .visual-settings .style-options img{width:100%;height:66px;flex:none;object-fit:cover;object-position:center 32%;border-radius:3px}
.sticker-mobile .visual-settings .style-options b{width:100%;font-size:9px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.sticker-mobile .visual-settings .style-options .custom-choice{display:flex;flex-direction:column;gap:4px;align-items:stretch}
.sticker-mobile .custom-choice .brain-art{display:grid;place-items:center;flex:none;width:100%;height:66px;border-radius:3px;background:linear-gradient(145deg,#e6eccf,#c7d8bd);color:var(--accent)}
.sticker-mobile .custom-choice .brain-art svg{width:39px;height:39px}
.sticker-mobile .visual-settings .style-options .custom-choice b{font-size:8px}
@media(min-height:731px){
  .sticker-mobile .plan-body .plan-preview{flex:1;max-height:170px}
  .sticker-mobile .plan-body .visual-settings{margin-top:auto}
  .sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{height:138px}
  .sticker-mobile .visual-settings .style-options img,.sticker-mobile .custom-choice .brain-art{height:112px}
  .sticker-mobile .custom-choice .brain-art svg{width:57px;height:57px}
}
@media(max-height:730px){
  .sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{height:75px;padding:2px;gap:2px}
  .sticker-mobile .visual-settings .style-options img,.sticker-mobile .custom-choice .brain-art{height:53px}
  .sticker-mobile .custom-choice .brain-art svg{width:32px;height:32px}
  .sticker-mobile .plan-body .plan-preview{min-height:86px}
  .sticker-mobile .plan-text{gap:3px}
  .sticker-mobile .plan-stage-note{font-size:7px}
  .sticker-mobile .visual-settings .style-options b{font-size:9px}
}

.sticker-mobile .plan-body .plan-preview{max-height:none;justify-content:space-between;gap:3px;min-height:120px}
.sticker-mobile .plan-preview-head span{font-size:8px;color:var(--muted);white-space:nowrap}
.sticker-mobile .plan-detail{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:start;gap:5px;min-height:0}
.sticker-mobile .plan-detail small{font-size:9px;font-weight:800;color:var(--accent);white-space:nowrap}
.sticker-mobile .plan-detail strong{font-size:12px;line-height:1.28;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .plan-detail p{font-size:10px;line-height:1.32;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .plan-edit{align-self:flex-start;border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:800;padding:2px 0;display:flex;align-items:center;gap:3px}
.sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{height:auto;min-height:0;padding:3px;gap:3px}
.sticker-mobile .visual-settings .style-options img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.sticker-mobile .custom-choice .brain-art{height:auto;aspect-ratio:4/3}
.sticker-mobile .custom-choice .brain-art svg{width:58%;height:58%}
.sticker-mobile .visual-settings .style-options b{font-size:9px;line-height:1.2}
.sticker-mobile .plan-body .visual-settings{margin-top:0}
.sticker-mobile .storyboard-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 2px 0;color:var(--ink)}
.sticker-mobile .storyboard-head b{font-size:11px;white-space:nowrap}
.sticker-mobile .storyboard-head span{font-size:9px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{justify-content:flex-start;align-items:stretch;gap:4px}
.sticker-mobile .visual-settings .style-options img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
.sticker-mobile .visual-settings .style-options b{min-height:11px;font-size:9px;line-height:1.2;text-align:center}
.sticker-mobile .visual-settings .style-options .custom-choice{align-items:stretch}
.sticker-mobile .visual-settings .sample-note{font-size:9px;line-height:1.25}
.sticker-mobile .centered-veil{align-items:center;justify-content:center;padding:16px}
.sticker-mobile .centered-veil .sheet{width:min(100%,340px);max-height:min(86%,430px);border-radius:18px;padding:18px;box-shadow:0 20px 60px #102e2766}
.sticker-mobile .centered-veil .sheet-body{padding:10px 0 14px}
.sticker-mobile .centered-veil .sheet-body textarea{min-height:90px;resize:none}
@media(max-height:730px){
  .sticker-mobile .plan-body .plan-preview{min-height:124px}
  .sticker-mobile .plan-detail{grid-template-columns:52px minmax(0,1fr)}
  .sticker-mobile .plan-detail small{font-size:8px}
  .sticker-mobile .plan-detail strong{font-size:11px}
  .sticker-mobile .plan-detail p{font-size:9px}
  .sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{padding:2px}
  .sticker-mobile .storyboard-head b{font-size:10px}
  .sticker-mobile .storyboard-head span{font-size:8px}
}
@media(max-height:730px){
  .sticker-mobile .visual-settings{gap:4px;padding:5px}
  .sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{height:74px;align-items:stretch;gap:2px}
  .sticker-mobile .visual-settings .style-options img{width:100%;height:auto;aspect-ratio:4/3}
  .sticker-mobile .visual-settings .style-options b{font-size:8px}
  .sticker-mobile .count-picks button{height:24px}
  .sticker-mobile .plan-body .plan-preview{min-height:73px}
  .sticker-mobile .large-deliver{height:min(48dvh,320px)}
}

/* 20261005 isolated readability and swipe review */
@media(max-height:730px){.sticker-mobile .stage-2{padding:8px}}
@media(max-height:730px){.sticker-mobile .stage-2 .plan-body{gap:3px}}
.sticker-mobile .sticker-result-card>span{font-size:12px;line-height:26px}
.sticker-mobile .sticker-zoom-image{-webkit-touch-callout:default;user-select:auto}
.sticker-mobile .top b{font-size:17px;letter-spacing:0}
.sticker-mobile.variant-c .masthead{height:80px;padding:9px 14px}
.sticker-mobile .mast-label{font-size:12px}
.sticker-mobile.variant-c .masthead h1{font-size:20px;margin:4px 0}
.sticker-mobile .masthead p{font-size:12px}
.sticker-mobile .step-bar{height:44px;gap:4px}
.sticker-mobile .step-chip{font-size:12px;height:34px}
.sticker-mobile .step-chip span{font-size:11px;width:17px;height:17px}
.sticker-mobile .panel{padding:10px}
.sticker-mobile .section-heading{margin-bottom:7px;gap:7px}
.sticker-mobile .section-heading h2{font-size:19px}
.sticker-mobile .section-heading p{font-size:12px;line-height:1.4}
.sticker-mobile .idea-label,.sticker-mobile .panel-body label{font-size:15px}
.sticker-mobile .approach-card{min-height:63px;padding:7px 4px}
.sticker-mobile .approach-card b{font-size:14px}
.sticker-mobile .approach-card small{font-size:12px;line-height:1.4}
.sticker-mobile .example-box{padding:9px;min-height:98px}
.sticker-mobile .example-box b,.sticker-mobile .example-box p,.sticker-mobile .example-box button{font-size:14px}
.sticker-mobile .example-box span,.sticker-mobile .char-row{font-size:12px}
.sticker-mobile .idea-body textarea{font-size:16px;line-height:1.6;min-height:60px}
.sticker-mobile .dock-pair .dock-prev,.sticker-mobile.variant-c .dock-pair button.dock-prev{font-size:14px;flex-basis:85px}
.sticker-mobile .dock-pair .dock-next{font-size:15px}
.sticker-mobile .source-line{min-height:30px}
.sticker-mobile .source-line span,.sticker-mobile .plan-source span{font-size:12px}
.sticker-mobile .source-line b,.sticker-mobile .plan-source b{font-size:13px}
.sticker-mobile .title-choice{min-height:40px;padding:5px 7px}
.sticker-mobile .title-choice strong{font-size:14px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sticker-mobile .writing-head b,.sticker-mobile .writing-head button{font-size:13px}
.sticker-mobile .writing-card>strong{font-size:15px}
.sticker-mobile .writing-card p{font-size:16px;line-height:1.65;white-space:pre-line;overscroll-behavior:contain}
.sticker-mobile .writing-card>small{font-size:12px}
.sticker-mobile .flow-note{font-size:12px}
.sticker-mobile .style-head b,.sticker-mobile .count-head b,.sticker-mobile .storyboard-head b{font-size:14px}
.sticker-mobile .visual-settings .style-head span,.sticker-mobile .count-head span,.sticker-mobile .storyboard-head span{font-size:11px}
.sticker-mobile .visual-settings .style-options b,.sticker-mobile .visual-settings .style-options .custom-choice b{font-size:12px;white-space:normal;min-height:29px;line-height:1.2;display:flex;align-items:center;justify-content:center}
.sticker-mobile .visual-settings .style-options button,.sticker-mobile .visual-settings .style-options button.picked{height:auto;gap:3px}
.sticker-mobile .visual-settings .sample-note{font-size:11px}
.sticker-mobile .count-picks button{height:30px;font-size:14px}
.sticker-mobile .page-index button{min-height:39px}
.sticker-mobile .page-index b{font-size:14px}
.sticker-mobile .page-index small{font-size:12px}
.sticker-mobile .plan-body .plan-preview{min-height:90px;gap:5px;justify-content:flex-start}
.sticker-mobile .plan-preview-head b{font-size:13px}
.sticker-mobile .plan-preview-head span{font-size:11px}
.sticker-mobile .plan-detail{grid-template-columns:63px minmax(0,1fr)}
.sticker-mobile .plan-detail small{font-size:12px}
.sticker-mobile .plan-detail strong,.sticker-mobile .plan-detail p{font-size:14px;line-height:1.35;-webkit-line-clamp:2}
.sticker-mobile .plan-edit{font-size:13px;margin-top:auto;flex-shrink:0;min-height:25px}
.sticker-mobile .results-note{font-size:12px;white-space:normal}
.sticker-mobile .sample-result{padding:0!important;background:#f4f1e6;justify-content:flex-start;display:flex;align-items:center;min-height:0}
.sticker-mobile .sample-result img{width:100%;height:calc(100% - 26px);object-fit:contain;display:block;user-select:auto;-webkit-touch-callout:default}
.sticker-mobile .sample-result>span{font-size:12px;line-height:26px;text-align:center;width:100%;flex:none}
.sticker-mobile .deliver-pair{min-height:100px;touch-action:pan-y}
.sticker-mobile .pair-controls button,.sticker-mobile .pair-controls span{font-size:12px}
.sticker-mobile .pair-controls button{min-height:34px}
.sticker-mobile .publish-strip{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding-top:7px}
.sticker-mobile .publish-strip button{font-size:12px;text-align:left}
.sticker-mobile .publish-strip strong{font-size:14px;white-space:normal;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sticker-mobile .results-body .copy-grid button{font-size:14px;height:38px}
.sticker-mobile .results-body .save-demo{height:34px;font-size:13px}
.sticker-mobile .bottom-nav button{font-size:12px}
.sticker-mobile .sheet-title h3{font-size:18px}
.sticker-mobile .sheet label,.sticker-mobile .sheet input,.sticker-mobile .sheet textarea{font-size:16px}
.sticker-mobile .sheet-actions button,.sticker-mobile .zoom-actions button{font-size:14px}
.sticker-mobile .modal-tip,.sticker-mobile .copy-detail small{font-size:13px}
.sticker-mobile .copy-detail p{font-size:16px;white-space:pre-line}
.sticker-mobile .large-deliver img{height:100%;max-width:100%;object-fit:contain;user-select:auto;-webkit-touch-callout:default}
.sticker-mobile .large-deliver,.sticker-mobile .sticker-swipe-image{touch-action:pan-y}
.sticker-mobile .sticker-swipe-image{display:flex;justify-content:center}
.sticker-mobile .zoom-actions{margin:7px 0}
.sticker-mobile .sheet .modal-tip{margin:7px 0}
@media(max-height:730px){.sticker-mobile.variant-c .masthead{height:67px;padding:7px 12px}
.sticker-mobile .mast-label{display:none}
.sticker-mobile.variant-c .masthead h1{font-size:19px;margin:3px 0 5px}
.sticker-mobile .top{height:43px}
.sticker-mobile .section-heading h2{font-size:17px}
.sticker-mobile .section-heading p{font-size:11px}
.sticker-mobile .approach-card small{font-size:11px}
.sticker-mobile .example-box{min-height:94px;padding:7px}
.sticker-mobile .example-box span{font-size:11px}
.sticker-mobile .title-choice{min-height:37px}
.sticker-mobile .source-line{min-height:27px}
.sticker-mobile .flow-note{font-size:11px}
.sticker-mobile .visual-settings .style-options b,.sticker-mobile .visual-settings .style-options .custom-choice b{font-size:11px;min-height:25px}
.sticker-mobile .style-head b,.sticker-mobile .count-head b,.sticker-mobile .storyboard-head b{font-size:13px}
.sticker-mobile .visual-settings .style-head span,.sticker-mobile .storyboard-head span{display:none}
.sticker-mobile .visual-settings .sample-note{font-size:11px}
.sticker-mobile .count-picks button{height:28px}
.sticker-mobile .page-index button{min-height:35px}
.sticker-mobile .page-index small{font-size:11px}
.sticker-mobile .plan-source{display:none}
.sticker-mobile .plan-detail strong,.sticker-mobile .plan-detail p{font-size:13px;-webkit-line-clamp:1}
.sticker-mobile .plan-preview-head b,.sticker-mobile .plan-edit{font-size:12px}
.sticker-mobile .plan-body .plan-preview{min-height:112px;padding:6px}
.sticker-mobile .large-deliver{height:40dvh}
.sticker-mobile .sheet .zoom-controls button,.sticker-mobile .sheet .zoom-controls span{font-size:11px}
.sticker-mobile .sheet .modal-tip{font-size:12px}
.sticker-mobile .results-body .save-demo{height:32px}
.sticker-mobile .results-body .copy-grid button{height:36px}

}


/* 20261005 semantic typography */
/* Task headings, readable content and quiet guidance have different roles. */
.sticker-mobile.variant-c{
 --sticker-display:21px;--sticker-heading:18px;--sticker-body:16px;
 --sticker-label:14px;--sticker-help:12px;--sticker-action:15px;
}.sticker-mobile .top b{font-size:16px;font-weight:700}
.sticker-mobile.variant-c .masthead h1{font-size:var(--sticker-display);font-weight:750;line-height:1.25}.sticker-mobile .masthead p,.sticker-mobile .mast-label{font-size:var(--sticker-help);font-weight:400;line-height:1.4}.sticker-mobile .section-heading h2{font-size:var(--sticker-heading);font-weight:750;line-height:1.3}.sticker-mobile .section-heading p{font-size:var(--sticker-help);font-weight:400;line-height:1.4}.sticker-mobile .idea-label,.sticker-mobile .panel-body label{font-size:var(--sticker-label);font-weight:650}.sticker-mobile .idea-body textarea,.sticker-mobile .writing-card p,.sticker-mobile .copy-detail p{font-size:var(--sticker-body);font-weight:400;line-height:1.6}.sticker-mobile .approach-card b,.sticker-mobile .title-choice strong{font-size:var(--sticker-label);font-weight:600}.sticker-mobile .approach-card small,.sticker-mobile .example-box span,.sticker-mobile .char-row,.sticker-mobile .flow-note{font-size:var(--sticker-help);font-weight:400}.sticker-mobile .example-box b{font-size:var(--sticker-label);font-weight:650}.sticker-mobile .example-box p{font-size:15px;line-height:1.5;font-weight:400}.sticker-mobile .writing-card>strong{font-size:15px;font-weight:700;line-height:1.4}.sticker-mobile .writing-head b,.sticker-mobile .style-head b,.sticker-mobile .count-head b,.sticker-mobile .storyboard-head b{font-size:var(--sticker-label);font-weight:650}.sticker-mobile .visual-settings .style-options b,.sticker-mobile .visual-settings .style-options .custom-choice b{font-size:12px;font-weight:600;line-height:1.3;min-height:29px}.sticker-mobile .visual-settings .sample-note,.sticker-mobile .count-head span,.sticker-mobile .page-index small,.sticker-mobile .plan-detail small,.sticker-mobile .writing-card>small{font-size:var(--sticker-help);font-weight:400;line-height:1.35}.sticker-mobile .plan-preview-head b{font-size:14px;font-weight:650}.sticker-mobile .plan-detail strong{font-size:15px;font-weight:700}.sticker-mobile .plan-detail p{font-size:14px;font-weight:400}.sticker-mobile .plan-edit{font-size:13px;font-weight:600}.sticker-mobile .dock-pair .dock-next{font-size:var(--sticker-action);font-weight:700}.sticker-mobile .dock-pair .dock-prev,.sticker-mobile.variant-c .dock-pair button.dock-prev{font-size:14px;font-weight:600}.sticker-mobile .results-note,.sticker-mobile .publish-strip button,.sticker-mobile .pair-controls button,.sticker-mobile .pair-controls span{font-size:var(--sticker-help);font-weight:400}.sticker-mobile .publish-strip strong{font-size:15px;font-weight:700}.sticker-mobile .results-body .copy-grid button{font-size:14px;font-weight:600}.sticker-mobile .sheet-title h3{font-size:18px;font-weight:700}.sticker-mobile .sheet label{font-size:14px;font-weight:650}.sticker-mobile .sheet input,.sticker-mobile .sheet textarea{font-size:16px;font-weight:400}.sticker-mobile .modal-tip,.sticker-mobile .copy-detail small{font-size:13px;font-weight:400}
@media(max-height:730px){
 .sticker-mobile.variant-c{--sticker-display:19px;--sticker-heading:17px}.sticker-mobile .example-box{padding:6px;min-height:91px}.sticker-mobile .example-box p{font-size:14px;line-height:1.4}.sticker-mobile .visual-settings .style-options b,.sticker-mobile .visual-settings .style-options .custom-choice b{min-height:29px}.sticker-mobile .plan-detail strong{font-size:14px}.sticker-mobile .plan-detail p{font-size:13px}.sticker-mobile .plan-preview-head b{font-size:13px}.sticker-mobile .plan-body .plan-preview{gap:3px;padding:6px}
}


@media(max-height:730px){
 .sticker-mobile .stage-2{padding:6px}
 .sticker-mobile .stage-2 .section-heading{margin-bottom:4px}
 .sticker-mobile .stage-2 .plan-body{gap:1.5px}
 .sticker-mobile .stage-2 .visual-settings{gap:3px}
 .sticker-mobile .stage-2 .style-head b,.sticker-mobile .stage-2 .count-head b,.sticker-mobile .stage-2 .storyboard-head b{line-height:1.2}
 .sticker-mobile .stage-2 .count-head{padding-top:3px}
 .sticker-mobile .stage-2 .page-index button{padding:3px 1px;gap:0;min-height:37px}
 .sticker-mobile .stage-2 .page-index b,.sticker-mobile .stage-2 .page-index small{line-height:1.2}
 .sticker-mobile .stage-2 .plan-preview{min-height:126px}
 .sticker-mobile .stage-2 .plan-detail{flex-shrink:0}
}


/* v8: fewer repeated words; use recovered space for the main content. */
.sticker-mobile .stage-1 .writing-body{gap:10px}
.sticker-mobile .stage-1 .writing-card{padding:12px;gap:12px}
.sticker-mobile .stage-1 .writing-head b{font-size:14px}
.sticker-mobile .stage-1 .writing-card p{line-height:1.7}
.sticker-mobile .stage-2 .plan-body{gap:7px}
.sticker-mobile .stage-2 .style-options img{height:auto;aspect-ratio:4/3}
.sticker-mobile .stage-2 .count-head{padding-top:4px}
.sticker-mobile .stage-2 .count-picks button{height:26px;font-size:13px;font-weight:600}
.sticker-mobile .stage-2 .page-index button{min-height:32px;padding:2px 1px;gap:0}
.sticker-mobile .stage-2 .page-index b{font-size:12px;line-height:1.2;font-weight:600}
.sticker-mobile .stage-2 .page-index small{font-size:10px;line-height:1.2}
.sticker-mobile .stage-2 .plan-preview{padding:10px;gap:9px;justify-content:flex-start}
.sticker-mobile .stage-2 .plan-detail{grid-template-columns:62px minmax(0,1fr);align-items:start}
.sticker-mobile .stage-2 .plan-detail strong,.sticker-mobile .stage-2 .plan-detail p{font-size:14px;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sticker-mobile .stage-2 .plan-edit{min-height:32px;margin-top:auto}
.sticker-mobile .zoom-actions .save-image-link{min-height:36px;border:1px solid var(--line);background:var(--surface);border-radius:7px;color:var(--accent);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
@media(max-height:730px){
 .sticker-mobile .stage-2 .plan-body{gap:3px}
 .sticker-mobile .stage-2 .sample-note{display:none}
.sticker-mobile .stage-2 .count-head{padding-top:3px}
.sticker-mobile .stage-2 .count-picks button{height:24px;font-size:12px}
.sticker-mobile .stage-2 .page-index button{min-height:30px}
 .sticker-mobile .stage-2 .plan-preview{padding:8px;gap:4px;min-height:152px}
.sticker-mobile .stage-2 .plan-detail strong,.sticker-mobile .stage-2 .plan-detail p{font-size:13px;line-height:1.4;-webkit-line-clamp:2}
.sticker-mobile .stage-2 .plan-edit{min-height:29px}
}