:root{--canvas:#f7f8fa;--white:#fff;--ink:#202328;--muted:#81858d;--line:#eceef1;--blue:#3478e5;--coral:#ed7854;--green:#189779;--amber:#b67b12;--pink:#d8567d;--teal:#168da4;--radius:20px;--shadow:0 4px 20px #1a293805;--header:76px;--rail:232px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}button, a, input, textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #3478e580;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:10;border-radius:12px}.skip-link:focus{top:12px}.blue{--accent:var(--blue);--tint:#edf4ff}.coral{--accent:var(--coral);--tint:#fff1eb}.green{--accent:var(--green);--tint:#ebf8f2}.amber{--accent:var(--amber);--tint:#fff7e5}.pink{--accent:var(--pink);--tint:#fff0f5}.teal{--accent:var(--teal);--tint:#eaf7fa}
.topbar{height:var(--header);display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;position:relative;height:38px;width:38px;background:var(--ink);color:var(--white);font-family:"Arial Black",sans-serif;font-size:24px;font-weight:900;border-radius:12px}.brand-mark>span{position:absolute;width:10px;height:10px;background:var(--coral);border:2px solid var(--white);border-radius:50%;right:-3px;top:-3px}.brand b{font-size:15px;letter-spacing:.01em}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.06em}.header-actions{display:flex;align-items:center;gap:26px}.save-indicator{display:flex;align-items:center;gap:8px;color:#69716f;font-size:12px}.save-indicator i{width:6px;height:6px;background:var(--green);border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border-radius:11px;border:1px solid var(--line);font-size:12px;font-weight:600;transition:background .18s,border-color .18s,transform .18s}.button.light{background:var(--white);color:var(--ink)}.button.light:hover{background:#f6f7f9;border-color:#d9dce1}.button.dark{background:var(--ink);color:white;border-color:var(--ink)}.button.dark:hover{background:#353941}.button:active:not(:disabled){transform:translateY(1px)}.button svg{width:17px;height:17px}
.app-shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);max-width:1920px;margin:auto}.sidebar{position:sticky;top:var(--header);height:calc(100dvh - var(--header));min-height:630px;padding:34px 22px 20px;border-right:1px solid var(--line);background:#fafafb;display:flex;flex-direction:column}.sidebar-caption{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;letter-spacing:.05em}.sidebar-caption span{font-family:Consolas,monospace;font-size:9px;color:#a3a6ae}.sidebar-project{display:flex;align-items:center;gap:9px;margin:21px 0 29px;font-size:14px}.project-dot{width:8px;height:8px;border-radius:3px;background:var(--blue)}.tiny-pill{font-size:9px;padding:2px 6px;border:1px solid #e7e9ed;border-radius:4px;color:var(--muted);margin-left:auto}.progress-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:9px}.progress-heading b{font-family:Consolas,monospace;font-size:11px;color:#606771;font-weight:500}progress{appearance:none;width:100%;height:4px;border:0;border-radius:8px;overflow:hidden;background:#e7eaf0;accent-color:var(--blue)}progress::-webkit-progress-bar{background:#e7eaf0}progress::-webkit-progress-value{background:var(--blue);border-radius:8px;transition:width .2s}progress::-moz-progress-bar{background:var(--blue)}.step-nav{display:flex;flex-direction:column;gap:8px;margin-top:23px}.step-link{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:12px;padding:11px 10px;text-align:left;color:#656b74;background:transparent;font-size:12px;transition:background .18s}.step-link:hover{background:#f0f2f5}.step-link.active{background:var(--white);border-color:var(--line);box-shadow:var(--shadow);color:var(--ink);font-weight:600}.step-icon{height:28px;width:28px;display:grid;place-items:center;border-radius:9px;background:var(--tint);color:var(--accent)}.step-icon svg{width:16px;height:16px}.step-state{margin-left:auto;font:10px Consolas,monospace;color:#a0a4ac}.step-link.done .step-state{color:var(--green)}.step-link.active .step-state{color:var(--accent)}.draft-tools{display:grid;gap:5px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.draft-tools .sidebar-caption{margin-bottom:7px}.draft-tools button{border:0;background:transparent;padding:9px 4px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6e747e;text-align:left}.draft-tools button:hover{color:var(--blue)}.draft-tools #clearDraftBtn:hover{color:#b74757}.privacy-note{display:flex;gap:10px;margin-top:auto;padding-top:28px}.privacy-note>svg{width:15px;height:15px;color:#8d949d;margin-top:2px}.privacy-note b{font-size:10px;font-weight:500;color:#6b717b}.privacy-note p{font-size:10px;color:#9398a0;line-height:1.9;margin:6px 0}.sidebar-footer{margin-top:24px;display:flex;justify-content:space-between;color:#999fa8;font:9px Consolas,monospace;letter-spacing:.1em}.color-dots{display:inline-flex;align-items:center;gap:4px}.color-dots i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.color-dots i:nth-child(2){background:var(--coral)}.color-dots i:nth-child(3){background:var(--green)}.color-dots i:nth-child(4){background:#f3ba48}
main{padding:29px 38px 18px;min-width:0;max-width:1400px;width:100%;margin:auto}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:10px;color:#90959d;margin-bottom:24px}.breadcrumb>span{color:#c5c9d0}.breadcrumb b{font-weight:500;color:#676e78}.hero{min-height:304px;border:1px solid #eef0f2;background:var(--white);border-radius:24px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font:10px Consolas,"Segoe UI",sans-serif;letter-spacing:.09em;color:#91969f;display:flex;align-items:center;gap:9px}.hero h1{font-size:clamp(32px,3.1vw,48px);font-weight:750;line-height:1.25;letter-spacing:-.04em;margin:18px 0 16px;white-space:pre-line}.hero p{font-size:12px;color:#858b94;line-height:1.9;margin:0;white-space:pre-line}.hero-tags{display:flex;align-items:center;gap:22px;margin-top:25px;color:#777e88;font-size:10px}.hero-tags span{display:flex;align-items:center;gap:5px}.hero-tags svg{height:12px;width:12px;color:var(--green)}.brief-art{height:248px;width:340px;flex-shrink:0;position:relative;margin-right:18px}.brief-art:before{content:"";position:absolute;inset:-90px -100px;background:radial-gradient(ellipse at 45% 50%,#e7f6efb0,transparent 55%),radial-gradient(ellipse at 88% 25%,#fff1e2d0,transparent 55%),radial-gradient(ellipse at 80% 80%,#e7f3ffb0,transparent 50%);pointer-events:none}.art-paper{position:absolute;right:8px;top:-7px;width:211px;height:261px;padding:22px 22px 14px;border:1px solid #e9edf0;background:white;box-shadow:0 12px 32px #2033480a;transform:rotate(7deg);border-radius:12px}.paper-kicker{font:6.5px Consolas,monospace;letter-spacing:.1em;color:#929ca6}.art-paper strong{font-size:33px;letter-spacing:-.055em;line-height:1.05;display:block;margin:14px 0 17px}.paper-dot{color:var(--coral)}.paper-rule{height:1px;background:var(--line);margin-bottom:14px}.paper-tags{display:flex;gap:5px;flex-wrap:wrap}.paper-tags span{border-radius:5px;padding:5px 7px;font-size:7px;background:#eaf3ff;color:#4382ce}.paper-tags span:nth-child(2){background:#fff0e9;color:#cb7857}.paper-tags span:nth-child(3){background:#e9f6f0;color:#399d78}.paper-lines{display:grid;gap:6px;margin:16px 0}.paper-lines i{height:4px;width:90%;background:#f2f4f7;border-radius:4px}.paper-lines i:nth-child(2){width:75%}.paper-lines i:nth-child(3){width:45%}.paper-bottom{display:flex;justify-content:space-between;align-items:center;font:6px Consolas,monospace;color:#9da5ae}.paper-bottom svg{width:14px;height:14px;color:var(--ink)}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}.workspace-heading h2{font-size:20px;font-weight:650;letter-spacing:-.02em;margin:0 0 7px}.workspace-heading p{font-size:11px;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.form-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.form-topline{padding:18px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#838a95}.form-topline>span:first-child{display:flex;gap:7px;align-items:center}.form-topline i{height:6px;width:6px;border-radius:50%;background:var(--green)}#stepPosition{font-family:Consolas,monospace;letter-spacing:.07em}.step-panel{padding:28px 30px 30px}.step-panel[hidden]{display:none}.section-heading{display:flex;gap:13px;align-items:center;margin-bottom:29px}.section-icon{height:43px;width:43px;border-radius:13px;background:var(--tint);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.section-heading h3{font-size:18px;font-weight:650;margin:0 0 7px;letter-spacing:-.025em}.section-heading p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.full{grid-column:1/-1}.field label,legend{font-size:12px;font-weight:600;color:#49515b}.required{color:var(--coral);margin-left:3px}.optional{font-size:10px;color:#9ba0a8;font-weight:400;margin-left:7px}input[type=text],input[type=url],textarea{width:100%;border:1px solid #e8ebef;border-radius:10px;background:#fcfcfd;min-height:45px;padding:12px 14px;outline:none;color:var(--ink);font-size:12px;line-height:1.7;transition:border-color .18s,box-shadow .18s,background .18s}textarea{resize:vertical;min-height:116px}input::placeholder,textarea::placeholder{color:#a0a6af}input:focus,textarea:focus{background:white;border-color:var(--accent,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--blue)) 12%,transparent)}.field small{font-size:10px;color:#939aa4;line-height:1.6;margin-top:-2px}.field-note{display:flex;align-items:flex-start;gap:9px;background:var(--tint);color:color-mix(in srgb,var(--accent) 75%,#55616d);border-radius:10px;padding:13px 14px;font-size:10px;line-height:1.9;margin-top:24px}.field-note svg{height:14px;width:14px;margin-top:3px}.step-actions{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--line);gap:12px}.step-actions-tip{color:#a1a6ae;font-size:10px}.step-actions .button{min-width:105px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;margin-bottom:13px}.spaced{margin-top:24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 13px;border:1px solid #e9ecf0;border-radius:10px;cursor:pointer;background:#fff;transition:background .15s,border-color .15s}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice .check{height:16px;width:16px;border:1.5px solid #d8dde4;border-radius:5px;flex-shrink:0;display:grid;place-items:center}.choice input[type=radio]+.check{border-radius:50%}.choice span:last-child{font-size:11px;color:#626b77;line-height:1.6;overflow-wrap:anywhere}.choice:has(input:checked){background:var(--tint);border-color:color-mix(in srgb,var(--accent) 35%,white)}.choice:has(input:checked) .check{background:var(--accent);border-color:var(--accent)}.choice:has(input:checked) .check:after{content:"";height:4px;width:7px;border-bottom:1.5px solid white;border-left:1.5px solid white;transform:translateY(-1px) rotate(-45deg)}.choice:has(input[type=radio]:checked) .check:after{height:6px;width:6px;border:0;background:white;border-radius:50%;transform:none}.choice:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--accent) 30%,white);outline-offset:2px}.choice:hover{background:#fafbfd}
.summary-card{padding:26px 23px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.summary-head{display:flex;align-items:center;justify-content:space-between;font:9px Consolas,monospace;letter-spacing:.09em;color:#969da6}.summary-card h3{font-size:20px;line-height:1.5;margin:22px 0 8px;font-weight:650;letter-spacing:-.03em;overflow-wrap:anywhere}.summary-subtitle{font-size:10px;color:#929aa4;line-height:1.8;margin:0}.summary-card dl{margin:23px 0 20px;display:grid;gap:18px}.summary-card dt{font-size:9px;color:#9ca3ad;margin-bottom:6px}.summary-card dd{font-size:11px;line-height:1.8;color:#5e6975;margin:0;overflow-wrap:anywhere}.summary-progress{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font-size:10px;color:#8b949f}.summary-progress b{font:11px Consolas,monospace;color:#3f4b5b}.summary-card>.button{width:100%;margin:0 0 9px}.summary-footnote{font-size:9px;color:#9aa2ac;line-height:1.9;text-align:center;margin:7px 0 0}.main-footer{display:flex;justify-content:space-between;margin:28px 4px 5px;font-size:9px;color:#a2a8b1;gap:15px}.main-footer>span:first-child{letter-spacing:.025em}.footer-spark{color:var(--coral);margin-left:8px}
.dialog{padding:0;width:min(700px,calc(100% - 40px));max-height:88dvh;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 30px 100px #1f2c3c24;color:var(--ink)}.dialog::backdrop{background:#18222f55;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 30px 22px;gap:15px}.dialog-head h2{font-size:24px;margin:12px 0 8px;letter-spacing:-.04em}.dialog-head p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.close-button{background:#f7f8fa;border:1px solid var(--line);border-radius:10px;height:34px;min-width:34px;font-size:21px;color:#727b88;line-height:1}.close-button:hover{background:#eaf0f5}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:20px 30px;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0}.dialog-actions .button{min-height:42px}#previewText{background:#f8fafc;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #eaf0f5;border-radius:12px;margin:0 30px 24px;padding:22px 24px;font:12px/2 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#525f6d;max-height:50dvh;overflow:auto;user-select:text}.danger{color:#b34453!important}.image-preview{background:#f4f6f8;padding:18px 30px;max-height:55dvh;overflow:auto}.image-preview img{display:block;width:100%;height:auto;border-radius:7px;box-shadow:var(--shadow)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);padding:12px 20px;background:var(--ink);color:white;border-radius:12px;z-index:20;font-size:12px;line-height:1.7;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;box-shadow:0 8px 30px #20232820;pointer-events:none}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.noscript{position:fixed;inset:80px 20px auto;background:#fff1eb;color:#a24526;padding:20px;z-index:30;border:1px solid #ed7854;border-radius:12px}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.hero{padding:42px 52px}.workspace{grid-template-columns:minmax(0,1fr) 292px}.brief-art{margin-right:55px}.step-panel{padding:34px 36px}.section-heading{margin-bottom:35px}}
@media(max-width:1200px){:root{--rail:210px}main{padding:26px}.hero{padding:30px}.brief-art{width:260px;margin-right:0}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.summary-card{padding:23px 18px}.step-panel{padding:26px 24px}.section-heading h3{font-size:16px}.sidebar{padding-left:18px;padding-right:18px}.header-actions{gap:15px}.step-actions-tip{display:none}}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.summary-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.summary-head,.summary-card h3,.summary-subtitle,.summary-card dl,.summary-progress{grid-column:1/-1}.summary-card h3{margin:5px 0 0}.summary-card dl{display:grid;grid-template-columns:1fr 1fr;margin:5px 0}.summary-progress{padding:12px 0 0}.summary-footnote{grid-column:1/-1;margin:0}.summary-footnote br{display:none}.brief-art{width:224px;transform:scale(.9);transform-origin:right center}.hero{min-height:290px}.hero h1{font-size:35px}.hero-tags{gap:14px}.sidebar{min-height:610px}}
@media(max-width:800px){:root{--header:66px}.topbar{padding:0 20px}.brand b{font-size:13px}.brand small{font-size:9px}.brand-mark{height:33px;width:33px;font-size:22px}.save-indicator{display:none}.app-shell{display:block}.sidebar{position:relative;top:0;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px 12px;background:white;display:block}.sidebar-caption,.sidebar-project,.progress-heading,progress,.privacy-note,.sidebar-footer{display:none}.step-nav{display:flex;flex-direction:row;overflow:auto;gap:6px;margin:0;padding:0 0 4px;scrollbar-width:thin}.step-link{flex-shrink:0;width:auto;padding:7px 10px;gap:7px;font-size:11px;border:1px solid var(--line);border-radius:10px}.step-link.active{background:var(--tint);border-color:var(--tint);color:var(--accent)}.step-icon{height:22px;width:22px;border-radius:6px}.step-icon svg{width:14px;height:14px}.step-state{display:none}.draft-tools{display:flex;align-items:center;gap:16px;padding:11px 0 0;margin:0;border-top:0}.draft-tools button{font-size:9px;gap:8px;padding:3px 0}.draft-tools #clearDraftBtn{margin-left:auto}main{padding:22px 20px 32px}.breadcrumb{margin-bottom:18px}.hero{min-height:260px;border-radius:20px}.hero h1{font-size:35px}.brief-art{height:220px;transform:scale(.8);width:220px}.workspace-heading{margin-top:27px}.main-footer{margin-top:25px}.toast{bottom:95px}.step-panel{padding:26px}.step-actions{padding:17px 26px}}
@media(max-width:560px){.topbar{padding:0 16px}.brand{gap:9px}.brand b{font-size:12px}.brand small{font-size:8px;letter-spacing:0}.sidebar{padding:14px 16px 11px}main{padding:20px 16px 100px}.breadcrumb{font-size:9px;gap:8px;margin-bottom:17px}.hero{padding:29px 24px;min-height:270px}.hero h1{font-size:33px;margin-top:17px;margin-bottom:13px}.hero .eyebrow{font-size:7px;letter-spacing:.07em}.hero p{font-size:11px}.hero-tags{font-size:9px;gap:14px;margin-top:20px}.hero-tags svg{width:11px;height:11px}.brief-art{display:none}.hero:after{content:"";position:absolute;height:200px;width:200px;border-radius:50%;right:-100px;bottom:-100px;border:35px solid #eaf6f0;box-shadow:0 0 0 28px #f8fbf9;pointer-events:none}.workspace-heading h2{font-size:18px}.workspace-heading p{font-size:10px;max-width:225px;line-height:1.7}.workspace-heading>.button{font-size:10px;min-height:36px;padding:8px 10px;flex-shrink:0}.workspace-heading>.button svg{width:14px;height:14px}.workspace{gap:16px}.form-topline{padding:16px 20px;font-size:9px}.step-panel{padding:24px 20px}.section-heading{gap:11px;margin-bottom:27px;align-items:flex-start}.section-icon{height:36px;width:36px;border-radius:11px}.section-icon svg{height:19px;width:19px}.section-heading h3{font-size:16px;line-height:1.5;margin:0 0 5px}.section-heading p{font-size:10px;line-height:1.8}.field-grid{grid-template-columns:1fr;gap:21px}.full{grid-column:auto}.field label,legend{font-size:11px}input[type=text],input[type=url],textarea{font-size:16px;padding:11px 12px;min-height:46px}input::placeholder,textarea::placeholder{font-size:11px}textarea{min-height:110px}.field-note{font-size:9px;padding:12px;margin-top:23px}.choice-grid{gap:9px}.choice{padding:10px;gap:8px;min-height:43px}.choice span:last-child{font-size:10px}.choice .check{height:15px;width:15px}.step-actions{position:fixed;bottom:0;left:0;right:0;z-index:4;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 -4px 25px #25394d06}.step-actions .button{flex:1;min-height:43px}.summary-card{padding:23px 20px}.summary-head{font-size:8px}.summary-card h3{font-size:19px}.summary-subtitle{font-size:10px}.summary-card dl{gap:17px}.summary-card dd{font-size:11px}.summary-card .button{font-size:11px;padding:10px}.summary-footnote{font-size:9px}.main-footer{flex-direction:column;align-items:center;gap:9px;font-size:8px;margin-top:28px}.dialog{width:calc(100% - 24px);border-radius:18px;max-height:88dvh}.dialog-head{padding:24px 20px 19px}.dialog-head h2{font-size:22px}.dialog-head p{font-size:10px}.dialog-head .eyebrow{font-size:8px}.dialog-actions{padding:15px 20px;gap:8px}.dialog-actions .button{flex:1;font-size:11px;min-width:95px;padding:10px}#previewText{margin:0 20px 20px;padding:17px;font-size:11px;max-height:49dvh}.image-preview{padding:16px 20px}.toast{font-size:11px;bottom:85px;text-align:center}}
@media(max-width:360px){.hero{padding:26px 20px}.hero h1{font-size:30px}.hero-tags{gap:10px;font-size:8px}.brand small{display:none}.field-grid{gap:18px}.choice-grid{grid-template-columns:1fr}.workspace-heading p{max-width:185px}.step-panel{padding:22px 17px}}
.brand{min-width:0;max-width:55%}.brand>span:last-child{min-width:0}.brand-mark{flex-shrink:0}.brand b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brand-mark:after{content:"";position:absolute;width:10px;height:10px;background:var(--coral);border:2px solid var(--white);border-radius:50%;right:-3px;top:-3px}.save-indicator:has([data-state="pending"]) i{background:#c79839}.save-indicator:has([data-state="error"]) i{background:#c54c5b}#saveStatus[data-state="error"]{color:#b34453}.step-panel h3:focus{outline:0}.hero-copy{max-width:58%}.hero h1{overflow-wrap:anywhere}.hero p{max-width:400px}.step-state{max-width:40px;font-size:9px;white-space:nowrap}.summary-card h3{max-height:130px;overflow:auto}.summary-card dd{max-height:100px;overflow:auto}
@media(max-width:560px){.hero-copy{max-width:100%}.hero p{max-width:100%}}
[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-signature{display:flex;align-items:center;gap:10px;font:10px Consolas,monospace;color:#8a919c}.hero-copy{max-width:63%}.hero .eyebrow{font-size:9px;letter-spacing:.04em}.hero h1{font-size:clamp(31px,3vw,46px)}.art-sticker{position:absolute;left:72px;bottom:2px;background:#f9d98e;border:5px solid white;border-radius:50%;height:60px;width:60px;display:grid;place-items:center;transform:rotate(-14deg);box-shadow:0 5px 16px #8a6b1812}.art-sticker svg{width:30px;height:30px;color:#a77719;stroke-width:1.5}.hero:after{border:0;box-shadow:none;background:linear-gradient(135deg,#fff2e5,#edf9f0,#eaf4ff);border-radius:35px;transform:rotate(25deg);opacity:.5}
.tag-editor{min-height:48px;background:#fcfcfd;border:1px solid #e8ebef;border-radius:11px;padding:9px 11px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;transition:border-color .18s,box-shadow .18s}.tag-editor:focus-within{border-color:var(--accent,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--blue)) 12%,transparent);background:white}.tag-list{display:contents}.tag-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 7px 5px 9px;border:1px solid color-mix(in srgb,var(--accent,var(--blue)) 20%,white);border-radius:7px;background:var(--tint,#edf4ff);color:#50657a;line-height:1.7;font-size:11px}.tag-chip>span{overflow-wrap:anywhere}.tag-chip button{display:grid;place-items:center;align-self:flex-start;margin-top:1px;width:19px;height:21px;border:0;background:transparent;color:#8496a8;border-radius:4px;padding:0;font-size:15px;flex-shrink:0}.tag-chip button:hover{color:#be535d;background:white}.tag-editor .tag-entry{flex:1;min-width:140px;width:auto;border:0;background:transparent;border-radius:0;box-shadow:none;min-height:28px;padding:3px 1px;font-size:12px;line-height:1.7}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.color-list{display:grid;gap:9px}.color-row{display:flex;align-items:center;gap:7px;padding:9px;background:#fcfcfd;border:1px solid #edf0f3;border-radius:11px;min-width:0}.color-picker{appearance:none;width:34px;height:34px;min-width:34px;border:1px solid #e2e7ec;border-radius:8px;overflow:hidden;cursor:pointer;padding:3px;background:white}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:0;border-radius:4px}.color-hex{font:10px Consolas,monospace;color:#778393;white-space:nowrap}.color-row .color-name{min-width:0;width:100%;min-height:30px;flex:1;padding:4px 6px;font-size:10px;background:white;border-color:#eef0f4;border-radius:6px}.color-adopt,.color-remove{border:0;background:transparent;padding:5px 1px;font-size:9px;color:var(--accent,var(--blue));white-space:nowrap}.color-adopt:disabled{opacity:.75}.color-remove{font-size:17px;color:#9aa3af;line-height:1;min-width:15px}.color-legacy{color:#81909e;font-size:10px;overflow-wrap:anywhere;line-height:1.8}.add-color-button{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:7px 9px;font-size:10px;color:#77869a;background:white;border:1px dashed #dbe1e8;border-radius:8px}.add-color-button:hover{color:var(--accent);border-color:var(--accent)}
.feature-help{margin-left:auto;display:grid;place-items:center;border:1px solid #d8dde4;border-radius:5px;min-width:18px;height:18px;background:white;font:10px Georgia,serif;color:#7c8797;padding:0;flex-shrink:0}.feature-tooltip{position:absolute;left:0;top:calc(100% + 5px);width:max(100%,210px);max-width:280px;padding:12px 14px;border-radius:10px;background:#283546;color:white;font-size:10px;line-height:1.9;box-shadow:0 8px 24px #23384f25;z-index:3;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s}.choice:has(.feature-help):hover .feature-tooltip,.choice.help-open .feature-tooltip,.choice:has(.feature-help:focus-visible) .feature-tooltip{visibility:visible;opacity:1;pointer-events:auto}.feature-grid .choice>span:not(.check):not(.feature-tooltip){flex:1;min-width:0;font-size:11px;color:#626b77}.feature-grid .choice .feature-tooltip{font-size:10px;color:white}.hours-controls{display:grid;grid-template-columns:1fr 18px 1fr;gap:10px;align-items:center;max-width:440px}.hours-controls label{font-size:10px;color:#8c98a6;font-weight:400}.hours-dash{margin-top:24px;color:#9ca6b2;text-align:center}input[type=time]{min-width:0;width:100%;min-height:45px;border:1px solid #e8ebef;border-radius:10px;padding:9px 12px;background:#fcfcfd;color:#4e5f72;outline:0;font-size:14px}input[type=time]:focus{border-color:var(--accent,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--blue)) 12%,transparent)}.all-day-choice{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-height:28px}.all-day-choice input{accent-color:var(--pink);height:15px;width:15px;margin:0}.all-day-choice:has(:checked){color:var(--pink)}
.image-import-button{display:flex;align-items:center;gap:12px;border:1px dashed #cedbe2;background:#f6fbfc;border-radius:12px;padding:16px 17px;cursor:pointer;color:#5e8796;min-height:75px}.image-import-button>svg{width:23px;height:23px}.image-import-button b{display:block;font-size:12px;font-weight:500}.image-import-button small{display:block;font-size:9px;font-weight:400;color:#91a5af;margin-top:4px}.image-import-button:hover{background:#edf8fa;border-color:var(--teal)}.image-import-button:has(+input:focus-visible){outline:3px solid #69bfd755;outline-offset:2px}.upload-plus{font-size:22px;margin-left:auto;color:#94b4c0}.reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-card{position:relative;margin:0;padding:5px;border:1px solid #e4ecf0;border-radius:10px;background:#fafcfd;min-width:0}.reference-card img{width:100%;height:110px;object-fit:cover;border-radius:6px;display:block}.reference-card figcaption{font-size:9px;color:#78909d;line-height:1.6;padding:7px 4px 3px;overflow-wrap:anywhere}.reference-card button{position:absolute;right:10px;top:10px;width:23px;height:23px;border:1px solid #e4e9ee;border-radius:6px;background:#fffffff0;color:#738494;display:grid;place-items:center;font-size:16px;box-shadow:0 2px 8px #2534430a}.reference-card button:hover{color:#be535d;background:#fff1f4}.pdf-open-link{display:block;margin:15px 30px 0;color:var(--blue);font-size:11px;text-decoration:underline;text-underline-offset:3px}.share-instructions{display:flex;align-items:flex-start;gap:8px;margin:14px 30px 18px;color:#8a99a6;font-size:10px;line-height:1.9}.share-instructions svg{height:15px;width:15px;color:var(--green);margin-top:2px}.export-actions{display:grid;grid-template-columns:repeat(4,1fr)}.export-actions .button{min-width:0;padding:10px 8px;font-size:11px}.image-preview{background:#f1f4f5}
@media(max-width:1200px){.color-fields{grid-template-columns:1fr}.hero-copy{max-width:62%}.hero .eyebrow{font-size:8px}.hero h1{font-size:35px}}
@media(max-width:800px){.header-signature{font-size:9px}.hero-copy{max-width:65%}.color-fields{grid-template-columns:1fr 1fr}.art-sticker{left:52px}.hero .eyebrow{font-size:7px}.hero h1{font-size:32px}}
@media(max-width:560px){.brand{max-width:78%}.header-signature{display:none}.hero-copy{max-width:100%}.hero{padding:28px 24px}.hero .eyebrow{max-width:275px;font-size:7px;line-height:1.8;align-items:flex-start}.hero .eyebrow .color-dots{margin-top:4px}.hero h1{font-size:31px;line-height:1.35}.color-fields{grid-template-columns:1fr;gap:23px}.tag-editor .tag-entry{font-size:16px;min-height:33px}.tag-editor .tag-entry::placeholder{font-size:11px}.tag-chip{font-size:11px}.color-row{gap:8px;padding:10px}.color-row .color-name{font-size:13px}.color-hex{font-size:11px}.color-adopt{font-size:10px}.reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-card img{height:100px}.feature-tooltip{max-width:230px;width:210px;font-size:10px}.feature-grid .choice:nth-child(even) .feature-tooltip{left:auto;right:0}.feature-grid .choice>span:not(.check):not(.feature-tooltip){font-size:10px}.hours-controls{gap:8px}input[type=time]{font-size:16px;min-height:46px;padding:8px 9px}.image-import-button{padding:15px 13px}.image-import-button b{font-size:11px}.image-import-button small{font-size:9px}.pdf-open-link{margin-left:20px;margin-right:20px}.share-instructions{margin:12px 20px 15px;font-size:9px}.export-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.export-actions .button{font-size:11px;min-width:0}.image-preview{max-height:48dvh}.hero:after{right:-140px;bottom:-110px}}
@media(max-width:360px){.hero h1{font-size:27px}.hero .eyebrow{font-size:6px}.hero{padding:26px 20px}.color-row{padding:9px;gap:6px}.color-hex{font-size:10px}.color-row .color-name{font-size:11px}.feature-tooltip{left:0!important;right:auto!important;width:225px}}
.choice.selected{background:var(--tint);border-color:var(--accent)}.choice.selected .check{background:var(--accent);border-color:var(--accent)}.choice.selected .check:after{content:"";height:4px;width:7px;border-bottom:1.5px solid white;border-left:1.5px solid white;transform:translateY(-1px) rotate(-45deg)}.choice.selected input[type=radio]+.check:after{height:6px;width:6px;border:0;background:white;border-radius:50%;transform:none}.choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.modal-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readable form content on desktop and mobile. */
.workspace-heading p,.section-heading p{font-size:13px}.section-heading h3{font-size:20px}.form-topline{font-size:12px}.field label,legend{font-size:14px}.optional{font-size:12px}.step-panel input[type=text],.step-panel input[type=url],.step-panel textarea{font-size:14px}.step-panel input::placeholder,.step-panel textarea::placeholder{font-size:14px}.field small,.field-note{font-size:12px}.choice span:last-child,.feature-grid .choice>span:not(.check):not(.feature-tooltip),.tag-chip{font-size:13px}.tag-editor .tag-entry{font-size:14px}.color-row .color-name{font-size:12px}.color-hex{font-size:11px}.color-adopt,.add-color-button,.color-legacy,.hours-controls label{font-size:12px}.feature-grid .choice .feature-tooltip{font-size:12px}.image-import-button b{font-size:14px}.image-import-button small,.reference-card figcaption{font-size:11px}.summary-subtitle{font-size:12px}.summary-card dt{font-size:11px}.summary-card dd{font-size:13px}.summary-progress,.summary-footnote{font-size:12px}.workspace .button{font-size:13px}.step-actions-tip{font-size:12px}
@media(max-width:560px){.section-heading h3{font-size:18px}.step-panel input[type=text],.step-panel input[type=url],.step-panel textarea,.tag-editor .tag-entry{font-size:16px}.color-row .color-name{font-size:16px}.summary-footnote{font-size:11px}}

/* Project type selection and approved pink page mark. */
.custom-logo{background:transparent;width:48px;height:48px;border-radius:0}.custom-logo:after{display:none}.custom-logo img{display:block;width:48px;height:48px}.breadcrumb #breadcrumbType{color:#90959d}.project-types{margin-top:29px}.project-types-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.project-types-heading h2{font-size:22px;font-weight:650;letter-spacing:-.02em;margin:0 0 8px}.project-types-heading p{margin:0;font-size:13px;color:var(--muted);line-height:1.7}.project-types-heading>span{font-size:11px;color:#9ba1ab}.project-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-type-card{position:relative;text-align:left;border:1px solid #e8ebef;border-radius:17px;background:white;padding:21px 20px 18px;color:var(--ink);min-width:0;transition:border-color .18s,background .18s,transform .18s}.project-type-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-type-card.selected{border-color:var(--accent);background:linear-gradient(155deg,#fff 45%,var(--tint));box-shadow:0 0 0 1px var(--accent)}.type-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--tint);color:var(--accent);margin-bottom:17px}.type-icon svg{width:22px;height:22px}.type-arrow{position:absolute;right:19px;top:24px;color:#b3bac4;font-size:18px}.project-type-card.selected .type-arrow{color:var(--accent)}.project-type-card strong{display:block;font-size:16px;font-weight:650;line-height:1.5}.type-description{display:block;margin-top:8px;font-size:12px;color:#838b96;line-height:1.8;min-height:43px;overflow-wrap:anywhere}.type-link{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--accent);margin-top:18px}.type-switch-note{font-size:11px;color:#9ba3ad;margin:13px 2px 0}#projectWorkspace{scroll-margin-top:96px}.summary-card .summary-type{grid-column:1/-1}.summary-type dd{font-weight:600;color:#5b6573}
@media(max-width:1200px){.project-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-type-card{padding:20px}.type-description{min-height:0}.type-icon{margin-bottom:13px}}
@media(max-width:560px){.custom-logo,.custom-logo img{width:44px;height:44px}.project-types{margin-top:25px}.project-types-heading h2{font-size:20px}.project-types-heading>span{display:none}.project-types-heading p{font-size:12px}.project-type-grid{gap:11px}.project-type-card{padding:17px 14px 15px;border-radius:14px}.type-icon{width:34px;height:34px;margin-bottom:14px}.type-arrow{right:13px;top:18px;font-size:15px}.project-type-card strong{font-size:14px}.type-description{font-size:12px;min-height:65px;margin-top:7px}.type-link{font-size:11px;margin-top:13px;gap:3px}.type-switch-note{font-size:11px;line-height:1.7}#projectWorkspace{scroll-margin-top:82px}.workspace-heading p{max-width:210px}}

.change-project-type{color:var(--blue);margin-left:10px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:560px){.form-card{overflow:visible}.step-actions{position:sticky;left:auto;right:auto;border-radius:0 0 20px 20px}}

/* v6: schedule, quote and readability. */
.ink{--accent:#2b3440;--tint:#f1f3f5}
.choice>span:not(.check):not(.feature-tooltip){flex:1;min-width:0;font-size:13px;color:#626b77;line-height:1.6;overflow-wrap:anywhere}
.choice-price{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:#56606c;white-space:nowrap;font-variant-numeric:tabular-nums}.choice-price.free{color:var(--green);font-weight:500}.choice:has(.choice-price) .feature-help{margin-left:6px}
.type-link{flex-wrap:wrap}.type-price{flex-basis:100%;font-size:13px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:4px}
.hero p{font-size:14px;max-width:440px}.hero-tags{font-size:12px}.hero-tags svg{width:14px;height:14px}.breadcrumb{font-size:11px}.privacy-note b{font-size:11px}.privacy-note p{font-size:11px;line-height:1.8}.draft-tools button{font-size:12px}.step-link{font-size:13px}
input[type=date]{width:100%;min-width:0;min-height:45px;border:1px solid #e8ebef;border-radius:10px;padding:9px 12px;background:#fcfcfd;color:#3e4a57;outline:0;font-size:14px;font-family:inherit}input[type=date]:focus{border-color:var(--accent,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--blue)) 12%,transparent);background:white}.field small.warn{color:#b8572f}
.budget-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote-card{border:1px solid #e3e6ea;border-radius:16px;background:linear-gradient(180deg,#fafbfc,#fff);padding:20px 22px;outline:0}.quote-card:focus-visible{box-shadow:0 0 0 3px #2b344025}.quote-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quote-head b{font-size:15px}.sample-badge{font-size:11px;padding:3px 8px;border-radius:6px;background:#fff4dc;color:#94650c;border:1px solid #f3dfae}
.quote-lines{list-style:none;margin:0;padding:0}.quote-lines li{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;border-bottom:1px dashed #e7eaee;font-size:13px;color:#46505c}.quote-lines li span{min-width:0}.quote-lines small{display:block;font-size:11px;color:#97a0aa;line-height:1.7;margin-top:3px}.quote-lines b{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.quote-lines b.pending{color:#9aa2ac;font-weight:500}
.quote-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;font-size:13px;color:#46505c}.quote-total b{font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.quote-split{font-size:12px;color:#6c7682;text-align:right;margin-top:4px}.quote-note{font-size:11px;color:#97a0aa;line-height:1.8;margin:12px 0 0}
.process{margin-top:22px}.process b{font-size:14px;color:#49515b}.process ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0}.process li{display:flex;flex-direction:column;gap:8px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:#5d6773;line-height:1.5;background:#fff}.process li span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f1f3f5;color:#2b3440;font:600 11px Consolas,monospace}
.summary-quote{display:block;width:100%;text-align:left;margin:4px 0 16px;padding:15px 16px;border:1px solid #e3e6ea;border-radius:14px;background:#fafbfc;color:var(--ink)}.summary-quote:hover{border-color:#c9ced5}.summary-quote>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c949e}.summary-quote i{font-style:normal;font-size:10px;padding:1px 6px;border-radius:5px;background:#fff4dc;color:#94650c}.summary-quote b{display:block;font-size:24px;letter-spacing:-.02em;margin:6px 0 4px;font-variant-numeric:tabular-nums}.summary-quote small{display:block;font-size:11px;color:#8c949e;line-height:1.6}
.step-actions-tip{display:flex;flex-direction:column;align-items:center;line-height:1.3;color:var(--ink)}.step-actions-tip small{font-size:10px;color:#98a0aa}.step-actions-tip b{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:1200px){.step-actions-tip{display:flex}}
@media(max-width:1050px){.summary-quote{grid-column:1/-1}}
@media(max-width:800px){.process ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.budget-grid{grid-template-columns:1fr 1fr}.quote-card{padding:16px}.quote-total b{font-size:24px}.process ol{grid-template-columns:1fr 1fr}.step-actions{gap:8px;padding-left:14px;padding-right:14px}.step-actions .button{min-width:0}.step-actions-tip b{font-size:14px}input[type=date]{font-size:16px;min-height:46px}.hero p{font-size:13px}.type-price{font-size:12px}.choice>span:not(.check):not(.feature-tooltip){font-size:12px}}
@media(max-width:560px){.step-actions .button{white-space:nowrap;padding-left:12px;padding-right:12px}.step-actions #prevBtn{flex:0 0 auto}.step-actions #prevBtn span{display:none}.step-actions-tip{flex-shrink:0}}

/* v6.1: decluttered layout. */
.step-nav{margin-top:0}
.project-type-card{display:flex;flex-direction:column;padding:20px 20px 18px}.project-type-card strong{margin-top:0}.type-description{flex:1;min-height:0}.type-price{display:block;flex-basis:auto;margin-top:16px;font-size:14px;color:var(--accent)}.type-icon{margin-bottom:14px}
.workspace-heading{justify-content:flex-start;align-items:baseline;gap:14px}.workspace-heading h2{margin:0}.change-project-type{margin-left:0;font-size:13px}
.summary-head{font:12px "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;color:#8a929c}.summary-head span:first-child{font-weight:600;color:var(--accent,#3478e5)}.summary-head b{font:600 12px Consolas,monospace;color:#3f4b5b}.summary-card h3{margin:14px 0 4px}.summary-card dl{margin-top:18px}
.step-actions-tip{display:none}
@media(max-width:1050px){.step-actions-tip{display:flex}}
@media(max-width:560px){.workspace-heading{flex-wrap:wrap;gap:6px 12px}.workspace-heading h2{font-size:18px}.type-price{font-size:13px;margin-top:12px}}