:root{--bg:#050e10;--paper:#0b1b1d;--ink:#e8f2f0;--muted:#8caaa8;--green:#7ad7db;--mint:#132d30;--line:#244448;--peach:#222b25;--amber:#d9c492;--red:#f0aea0;--radius:13px;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b4eeee;outline-offset:3px}
.app-shell{max-width:600px;min-height:100dvh;margin:auto;background:var(--bg)}.topbar{position:sticky;top:0;z-index:12;height:64px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #13282b;background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px;letter-spacing:1px}.brand-mark{display:grid;place-items:center;background:var(--mint);color:var(--green);border:1px solid var(--line);width:34px;height:34px;border-radius:9px;font-weight:600}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;min-height:44px;padding:8px 0}.demo-banner{background:#172323;padding:8px 16px;font-size:11px;color:var(--amber);display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #33423a}.demo-banner button{border:0;background:transparent;color:inherit;text-decoration:underline;min-height:36px;white-space:nowrap}.storage-warning{padding:12px 16px;background:#30201e;color:var(--red);font-size:12px;line-height:1.7}
main{padding:18px 14px 110px}.eyebrow{font-size:10px;font-weight:650;color:var(--green);letter-spacing:1.4px;margin:0 0 8px;line-height:1.5}h1{font-size:25px;line-height:1.4;font-weight:650;letter-spacing:0;margin:0 0 8px}h2{font-size:19px;font-weight:620;line-height:1.5;margin:0 0 8px}h3{font-size:16px;font-weight:620;margin:0 0 8px;line-height:1.55}p{line-height:1.75;margin:0 0 12px}.intro{font-size:12px;color:var(--muted);max-width:440px}.hero{padding:18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:14px}.hero h1 em{font-style:normal;color:var(--ink)}.hero .intro{margin-bottom:14px}.tag{display:inline-flex;align-items:center;gap:5px;background:var(--mint);color:var(--green);border:1px solid #24474b;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:500}.tag.warm{background:var(--peach);color:var(--amber);border-color:#4b4838}.tag.gray{background:#102123;color:#afc6c3;border-color:var(--line)}
.primary,.secondary,.danger{min-height:48px;border-radius:8px;border:0;padding:12px 14px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--green);color:#061719}.primary:hover:not(:disabled){background:#9be2e3}.secondary{border:1px solid var(--line);background:#0d2022;color:#b7d8d7}.danger{background:#30201e;color:var(--red)}.full{width:100%}.actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.actions>*{flex:1}.small{font-size:12px;color:var(--muted);line-height:1.75}.small strong{color:var(--ink)}.notice{font-size:12px;line-height:1.75;border:1px solid #514b3e;border-radius:9px;padding:12px 13px;background:#222820;color:var(--amber);margin:14px 0}.notice.good{border-color:var(--line);background:var(--mint);color:#b5dad7}.notice.warn{background:#28251f;border-color:#514b3e;color:var(--amber)}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}
.next-action{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;margin:0 0 14px}.next-action .caption{font-size:10px;color:var(--green);letter-spacing:1.4px;font-weight:650}.next-action h2{margin-top:7px;font-size:22px}.next-action p{font-size:12px;color:var(--muted);margin:0 0 16px}.next-action .primary{width:100%}.next-action .foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:10px;margin-top:14px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.section-head h2{font-size:17px;margin:0}.section-head span{font-size:11px;color:var(--muted)}.task-row{display:flex;align-items:center;gap:12px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}.task-row .num{width:28px;color:var(--green);font-size:12px;flex-shrink:0}.task-row .body{flex:1}.task-row h3{margin:0 0 3px;font-size:15px}.task-row p{font-size:11px;color:var(--muted);margin:0}.arrow{color:var(--green)}.light-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:14px 0}.light-panel .small{margin:0}.empty{padding:28px 16px;text-align:center;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);margin:20px 0}.empty h2{font-size:18px}.empty .symbol{display:none}
.back{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);min-height:44px;margin:-10px 0 12px}.step-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin:18px 0 8px}.progress{height:3px;border-radius:3px;background:var(--line);margin-bottom:20px}.progress>div{height:100%;background:var(--green);border-radius:3px}.form-label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}.form-label small{font-weight:400;color:var(--muted);display:block;margin-top:6px;font-size:11px;line-height:1.75}input:not([type]),input[type=email],input[type=password],input[type=tel],input[type=number],input[type=text],textarea,select{display:block;width:100%;border:1px solid var(--line);background:#071416;border-radius:8px;padding:12px;color:var(--ink);font-size:16px;line-height:1.65;min-width:0}textarea{min-height:125px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:var(--green)}input::placeholder,textarea::placeholder{color:#819d99;font-size:14px}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.75;margin:16px 0;color:#b4cbc8}.check-label input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin-top:2px}.field-row{display:flex;align-items:start;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px;gap:15px;margin-top:10px}.field-row .label{font-size:11px;color:var(--green);margin-bottom:5px}.field-row p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.field-row a{font-size:12px;color:var(--green);min-width:40px;min-height:44px;display:grid;place-items:center}.field-row .field-status{font-size:10px;color:var(--muted);margin-top:6px}
.nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.grid-cell{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px 10px;min-height:96px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.grid-cell .number{font-size:10px;color:var(--muted)}.grid-cell strong{font-size:13px;font-weight:600;margin:6px 0}.grid-cell span:last-child{font-size:10px;color:var(--muted)}.grid-cell.confirmed{background:var(--mint);border-color:#3e7377}.grid-cell.confirmed span:last-child{color:var(--green)}.grid-cell.na{opacity:.7}.fact-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px;margin:12px 0}.fact-card h3{display:flex;justify-content:space-between;align-items:center}.fact-card p{font-size:13px;overflow-wrap:anywhere}.fact-card dl{font-size:12px;line-height:1.75;margin:0;color:var(--muted)}.fact-card dt{display:inline;color:var(--green)}.fact-card dd{display:inline;margin:0;overflow-wrap:anywhere}.fact-card dd:after{content:"";display:block;margin-bottom:6px}.chip-list{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:#b9dbd9;font-size:12px;padding:9px 11px;min-height:44px}.chip:hover{border-color:var(--green)}.type-option{display:block;padding:16px;border:1px solid var(--line);border-radius:10px;margin:10px 0;background:var(--paper)}.type-option:has(input:checked){border-color:#5f9ba0;background:var(--mint)}.type-option input{accent-color:var(--green);margin:0 8px 0 0}.type-option strong{font-size:14px}.type-option p{font-size:12px;margin:7px 0 0 26px;color:var(--muted)}.selling-option{display:flex;gap:10px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.selling-option input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.selling-option .small{display:block;font-size:11px;margin-top:5px}.form-error{color:var(--red);font-size:13px;line-height:1.75;margin:14px 0;display:none}.form-error.show{display:block}
.content-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px;display:block;margin:12px 0}.content-card .meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.content-card h3{font-size:17px}.content-card .date{font-size:11px;color:var(--muted)}.draft-text{min-height:270px;font-size:16px;line-height:1.9}.shot{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:14px 0}.shot-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.shot-heading strong{font-size:14px}.shot-heading label{font-size:12px;color:var(--muted)}.shot-heading input{accent-color:var(--green);width:18px;height:18px;vertical-align:middle}.shot .spoken{font-size:13px;color:var(--ink);line-height:1.8;margin:8px 0 12px;white-space:pre-wrap}.shot textarea{min-height:85px;font-size:14px;padding:11px}.recipe{font-size:12px;color:var(--muted);line-height:1.8;padding:15px 0;border-top:1px solid var(--line);margin-top:18px}.footer-note{font-size:11px;color:var(--muted);line-height:1.8;text-align:center;margin-top:22px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);display:flex;background:#061012;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottom-nav a{width:33.33%;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);min-height:48px;justify-content:center}.bottom-nav .nav-icon{width:22px;height:22px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.icon-home{mask-image:url('/icons/home.svg')}.icon-grid{mask-image:url('/icons/squares-2x2.svg')}.icon-content{mask-image:url('/icons/document-text.svg')}.bottom-nav a.active{color:var(--green);font-weight:600}#toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#173437;color:var(--ink);border:1px solid #3e7377;padding:12px 18px;border-radius:10px;max-width:85vw;width:max-content;font-size:13px;line-height:1.7;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.status-select{max-width:160px;min-height:44px;padding:8px;font-size:13px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-list{font-size:13px;border-bottom:1px solid var(--line);padding:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.resume-link{display:block;margin-top:8px;padding:10px 0;color:var(--green);font-size:12px;min-height:44px}.optional-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;color:var(--muted);font-size:12px}.optional-settings>summary,details.notice>summary{cursor:pointer;min-height:44px;padding:12px 0;line-height:1.7}.optional-settings h3{color:var(--ink);margin-top:18px}details.notice>summary{padding:2px 0}#topic{min-height:100px}summary{color:var(--muted)}
@media(min-width:601px){body{background:#030a0c}.app-shell{border-inline:1px solid #183337}main{padding:22px 24px 120px}.topbar{padding-inline:24px}}
@media(max-width:360px){main{padding:16px 12px 105px}.topbar{padding-inline:12px}.nine-grid{gap:6px}.grid-cell{padding:12px 7px}.grid-cell strong{font-size:12px}.actions{gap:7px}.primary,.secondary{padding-inline:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.copy-types{display:flex;gap:7px}.copy-pill{flex:1;position:relative;text-align:center;border:1px solid var(--line);border-radius:8px;padding:12px 4px;font-size:12px;min-height:46px;cursor:pointer}.copy-pill input{position:absolute;opacity:0;width:1px;height:1px}.copy-pill:has(input:checked){background:var(--mint);border-color:var(--green);color:var(--green)}.copy-pill:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}.chip.selected{background:var(--mint);border-color:var(--green);color:var(--green)}.topic-options{margin:8px 0 12px}.compose-hint{margin:10px 0 0}.profile-group{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;padding:0 14px}.profile-group>summary{min-height:54px;padding:15px 0;color:var(--ink);cursor:pointer;font-size:14px}.profile-group>summary>span{float:right;font-size:11px;color:var(--muted)}.profile-group .field-row{border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0;margin:0}.foundation-links .secondary,.optional-settings .secondary{margin:0 8px 12px 0;font-size:12px}.resume-inline{display:block}.optional-settings>summary{min-height:48px}

.quick-business{display:flex;align-items:center;gap:14px;margin-top:16px}.quick-business label{font-size:12px;color:var(--muted);white-space:nowrap}.quick-business select{font-size:13px;min-height:44px;padding:8px 10px}

.result-tabs{display:flex;border-bottom:1px solid var(--line);margin:16px 0}.result-tab{flex:1;min-height:48px;padding:13px 0;text-align:center;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.result-tab.active{color:var(--green);border-color:var(--green)}.result-hint{margin:12px 0}.visual-preview{font-size:13px;line-height:1.75;margin:8px 0;color:#b9dbd9}.shot-edit{border-top:1px solid var(--line);margin-top:12px}.shot-edit summary{min-height:44px;padding:12px 0;font-size:11px;cursor:pointer}.content-more .secondary{margin-top:14px}.content-more .small{margin-top:12px}.draft-text{min-height:340px}
/* V8：一个主要动作、按写法解释输入，保留口腔工具的深色视觉。 */
.writer-hero{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:22px 18px;margin-bottom:16px}.writer-hero h1{font-size:29px;line-height:1.4;letter-spacing:-.5px;margin:18px 0 12px}.writer-hero .eyebrow{margin-top:20px}.writer-hero .intro{font-size:13px;line-height:1.8;margin-bottom:22px}.service-pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#112629;border-radius:20px;padding:5px 9px;font-size:10px;color:var(--muted)}.service-pill.online{color:var(--green)}.service-pill.offline{color:var(--amber)}.example-link{display:block;min-height:44px;text-align:center;padding:14px 0 0;font-size:12px;color:var(--muted)}.business-strip{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 12px;min-height:56px;margin:14px 0}.business-strip strong{flex:1;min-width:0;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-strip>span:last-child{color:var(--green);font-size:11px;white-space:nowrap}.biz-label{font-size:10px;color:var(--muted)}.business-strip.compact{padding:12px;margin-bottom:20px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.method-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:16px 12px;min-height:117px}.method-card:hover{border-color:var(--green);background:var(--mint)}.method-card strong{font-size:14px;margin:8px 0 6px;font-weight:600}.method-card>span:last-child{font-size:11px;color:var(--muted);line-height:1.7}.method-number{color:var(--green);font-size:10px;letter-spacing:1px}.duration-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0;color:var(--muted);font-size:12px}.duration-row label{display:inline-flex;align-items:center;min-height:44px;gap:5px;cursor:pointer}.duration-row input{accent-color:var(--green)}.generate-button{margin-top:8px}.short-input{min-height:85px}.save-hint{margin:10px 0 0;font-size:11px}.material-picker,.course-note,.hook-picker{border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:0 12px;background:var(--paper)}.material-picker summary,.course-note summary,.hook-picker summary{min-height:48px;padding:14px 0;font-size:12px;color:var(--muted);cursor:pointer}.material-picker small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:5px}.course-note p{font-size:12px;line-height:1.8}.question-card{padding:18px 16px;border:1px solid #3e7377;background:var(--mint);border-radius:12px;margin-top:20px}.question-card h2{font-size:18px}.hook-option{display:block;width:100%;padding:14px 0;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;line-height:1.7}.rewrite-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:16px 0}.rewrite-row>span{font-size:11px;color:var(--muted)}.rewrite-row button{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:20px;color:var(--green);background:var(--paper);font-size:11px}.shot-copy{font-size:14px;line-height:1.85}.shot-visual{border-left:2px solid #3e7377;padding:4px 0 4px 12px;margin:12px 0}.shot-visual span{font-size:10px;color:var(--green)}.shot-visual p{font-size:12px;color:var(--muted);margin:5px 0 0}.draft-text{min-height:340px;line-height:1.9}.content-card>p{font-size:12px;color:var(--muted);line-height:1.7}.secondary.full{margin:12px 0}.topbar .brand small{letter-spacing:0;font-size:9px}.topbar .brand{font-size:16px}.writer-hero .primary{font-size:15px;min-height:52px}#brief{min-height:140px}.form-error{padding:12px;border:1px solid #674c44;border-radius:9px;background:#28201e}.notice summary{list-style-position:outside}.result-tabs{margin-top:18px}
@media(min-width:601px){.writer-hero{padding:28px 24px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 运营流程扩展：手机逐步使用，电脑展开编辑。 */
.topbar{gap:8px}.topbar .brand{flex:1}.topbar #account-top{border:1px solid var(--line);padding:7px 10px;border-radius:20px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.flow-tools a{padding:17px 13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.flow-tools strong{font-size:14px;display:block}.flow-tools span{font-size:11px;color:var(--muted);display:block;margin-top:7px;line-height:1.6}.optional-topic{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}.optional-label{margin-left:8px;font-size:10px;color:var(--muted);font-weight:400}#topic{min-height:44px}.learning-logic{font-size:13px!important;color:var(--green)}.learning-tip{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px!important}.next-actions{margin:20px 0}.next-actions .small{margin-bottom:8px}.asset-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:18px 15px;margin:14px 0}.asset-card p{line-height:1.9;white-space:pre-wrap}.select-result{display:flex;gap:12px;justify-content:space-between;text-align:left;width:100%;padding:15px 12px;min-height:50px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);margin:10px 0;line-height:1.8;font-size:13px}.select-result>span{font-size:10px;color:var(--green);white-space:nowrap}.select-result.selected{border-color:var(--green);background:var(--mint)}.account-results h2{margin-top:28px}.auth-card{max-width:480px;margin:0 auto}.auth-card .intro{margin-bottom:20px}.balance-card{border:1px solid var(--line);padding:22px;background:var(--paper);border-radius:14px;margin:18px 0}.balance-card>strong{font-size:35px;color:var(--green);margin-right:10px}.balance-card>span{color:var(--muted);font-size:13px}.balance-card p{margin:12px 0 0}.pipeline{display:flex;gap:16px;padding:14px 0;margin-bottom:10px;color:var(--muted);font-size:12px}.pipeline strong{color:var(--green)}.publish-grid h2{margin-top:25px}.cover-workspace canvas{width:100%;max-width:390px;display:block;border:1px solid var(--line);border-radius:10px;margin:20px auto;height:auto}.cover-workspace input[type=file]{font-size:12px;max-width:100%}.profit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profit-grid label{font-size:11px;color:var(--muted);line-height:1.8}.profit-grid input{margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.metric-grid>div{padding:17px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.metric-grid span{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}.metric-grid strong{font-size:24px;color:var(--green)}#generation-progress:not([hidden]){display:flex;gap:10px;position:fixed;bottom:76px;left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:650px;border:1px solid #416c70;background:#102326;padding:14px;box-shadow:0 10px 35px #0008;border-radius:12px;z-index:15}#generation-progress strong{font-size:13px}#generation-progress strong small{font-size:10px;font-weight:400;color:var(--muted);margin-left:7px}#generation-progress p{font-size:12px;margin:8px 0;line-height:1.7;color:#b8d1cf}#generation-progress .small{font-size:10px}.working-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:6px;flex-shrink:0;animation:working-pulse 1.5s infinite}@keyframes working-pulse{50%{opacity:.3}}
@media(min-width:900px){.app-shell{max-width:1100px;margin:auto}.topbar{padding:20px 28px}.topbar .brand{font-size:20px}.topbar .brand small{font-size:11px}.bottom-nav{width:min(100%,1100px)}main{padding:28px 32px 120px}.writer-hero{padding:34px 30px;position:relative}.writer-hero h1{font-size:40px}.writer-hero .full{max-width:430px}.writer-hero .example-link{max-width:430px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.method-card{min-height:120px;padding:18px}.method-card strong{font-size:17px}.method-card>span:last-child{font-size:13px}.flow-tools a{padding:22px}.flow-tools strong{font-size:17px}.flow-tools span{font-size:13px}.publish-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.cover-workspace{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.cover-workspace canvas{max-width:410px}.cover-workspace form{margin-top:18px}.profit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.account-results h2,.account-results details{grid-column:1/-1}.draft-text{min-height:400px}.admin-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:360px){.flow-tools strong{font-size:12px}.topbar .brand{font-size:14px}.topbar .brand small{font-size:8px}.topbar #feedback-top{font-size:10px}.topbar #account-top{max-width:70px;font-size:10px}.metric-grid strong{font-size:20px}}

.hero-aside{display:none}@media(min-width:900px){.writer-hero{padding-right:52%}.hero-aside{display:block;position:absolute;right:30px;top:42px;width:40%;border-left:1px solid var(--line);padding-left:30px}.hero-aside a{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.hero-aside a>span{color:var(--green);font-size:12px;margin-top:2px}.hero-aside strong{font-size:14px}.hero-aside small{display:block;font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}}