/* FuuVo Writing · desktop-first workspace with the shared FuuVo shell. */
.fuuvo-writing-page{--writing-border:#dce8e9;--paper:#fffefa;--writing-shadow:0 12px 38px rgba(36,74,89,.045);--teal:#3f9194;--teal-dark:#397479;display:block;min-width:0;color:#365965}
.fuuvo-writing-page button,.fuuvo-writing-page input,.fuuvo-writing-page select,.fuuvo-writing-page textarea{font-family:inherit}
.fuuvo-writing-page [hidden]{display:none !important}
.fuuvo-writing-page button{cursor:pointer}
.fuuvo-writing-page i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;line-height:0}
.fuuvo-writing-page svg{display:block;width:1em;height:1em;flex:0 0 auto}
.fuuvo-writing-page .primary-button{display:flex;align-items:center;justify-content:center;border:1px solid #3f9194;border-radius:10px;background:#3f9194;color:#fff;cursor:pointer}
.fuuvo-writing-page .primary-button:hover{background:#347e82;border-color:#347e82}
.fuuvo-writing-page .text-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#527e84;cursor:pointer}
.fuuvo-writing-page .outline-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cddfe2;border-radius:9px;background:#fff;color:#527e84;cursor:pointer;padding:0 15px}
.fuuvo-writing-page main{max-width:1450px;padding:24px 50px 0;min-width:0}
.fuuvo-writing-page textarea{font:inherit;color:inherit;display:block;max-width:100%;outline-offset:3px}
.fuuvo-writing-page textarea:focus-visible{outline:3px solid #8ed2d5;outline-offset:3px}
.fuuvo-writing-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.writing-route-nav{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:4px;width:max-content;max-width:100%;margin-bottom:31px;border:1px solid rgba(211,226,232,.7);border-radius:11px;background:rgba(255,255,255,.48)}
.writing-route-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:96px;padding:8px 17px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:550;color:#7e929c;transition:background .18s,color .18s,border-color .18s}
.writing-route-nav a.active{background:#fff;border-color:#d5e5e8;color:var(--teal);box-shadow:0 2px 7px rgba(37,83,96,.05)}
.writing-route-nav a:hover{color:var(--teal);background:rgba(255,255,255,.7)}
.writing-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}
.writing-heading>div{min-width:0}.writing-heading .eyebrow{display:block;font-size:10px;letter-spacing:1.65px;margin-bottom:8px;color:#659299}
.writing-heading h1{font-size:39px;line-height:1.2;letter-spacing:-1.35px;font-weight:650;color:#203c49}
.writing-heading p{font-size:14px;line-height:1.7;color:#7d919b;margin-top:10px}
.writing-history{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 13px;border:1px solid #d8e7eb;border-radius:10px;background:rgba(255,255,255,.63);font-size:12px;font-weight:550;color:#65818e;flex-shrink:0;box-shadow:0 3px 9px #34586e04}
.writing-history svg{width:16px;height:16px}.writing-history>i:last-child svg{width:14px;height:14px}.writing-history:hover{color:var(--teal);border-color:#acd2d6;background:#fff}
.writing-preview-note{display:flex;align-items:center;gap:7px;padding:0 1px;margin-bottom:20px;font-size:11px;line-height:1.65;color:#839ba5;min-width:0}
.writing-preview-note svg{width:14px;height:14px;flex-shrink:0}.writing-preview-note span{min-width:0}

/* One continuous working surface: settings on the left, a calm page on the right. */
.writing-studio{display:grid;grid-template-columns:minmax(340px, .78fr) minmax(440px,1.38fr);gap:23px;align-items:stretch;min-width:0;scroll-margin-top:24px}
.brief-panel,.draft-panel{min-width:0;border:1px solid var(--writing-border);border-radius:18px;box-shadow:var(--writing-shadow);background:rgba(255,255,255,.88)}
.brief-panel{padding:24px 24px 20px;display:flex;flex-direction:column;min-height:710px}
.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:21px;min-width:0}.panel-title h2{font-size:17px;letter-spacing:-.3px;font-weight:600;line-height:1.4;min-width:0;color:#365965}
.panel-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;background:linear-gradient(145deg,#e7f6f1,#edf6f8);border:1px solid #d7edeb;border-radius:10px;color:#5ca5a6;flex-shrink:0}.panel-icon svg{width:18px;height:18px;stroke-width:1.5}
.step-label{margin-left:auto;font-size:11px;font-weight:500;letter-spacing:1px;color:#b1c4cd}
.writing-mode{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #e4ecee;border-radius:10px;background:#f3f7f8;margin-bottom:23px;min-width:0}
.writing-mode button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:39px;padding:8px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8a9ba4;font-size:12px;font-weight:550;line-height:1.4}
.writing-mode button svg{width:15px;height:15px}.writing-mode button[aria-pressed="true"]{background:#fff;border-color:#dce8ea;color:#467e86;box-shadow:0 2px 5px #2a627308}.writing-mode button:hover{color:var(--teal)}
.field-label{display:block;font-size:12px;font-weight:600;line-height:1.5;color:#536f7a;margin-bottom:9px}
#writingBrief,#extraContext{width:100%;border:1px solid #dce7eb;border-radius:10px;background:#fcfefe;font-size:13px;line-height:1.85;padding:13px 14px;resize:vertical;min-height:162px;color:#4f6b76;scrollbar-width:thin;scrollbar-color:#d3e2e5 transparent;transition:border-color .2s,box-shadow .2s}
#writingBrief::placeholder,#extraContext::placeholder{color:#9aadb6}#writingBrief:focus,#extraContext:focus{outline:none;border-color:#8fc6cb;box-shadow:0 0 0 3px #008c990b}
.brief-support{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:10px;line-height:1.6;color:#a0b0b8;margin-top:7px;margin-bottom:21px;min-width:0}
#briefHint{min-width:0}#briefCount{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}
.writing-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px;min-width:0}
.writing-settings label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:550;color:#718a96}
.writing-settings select,.writing-settings input{width:100%;min-width:0;min-height:43px;padding:10px 12px;border:1px solid #dee8eb;border-radius:9px;background:#fff;font-size:12px;line-height:1.4;font-weight:400;color:#65828e}
.writing-settings select{padding-right:25px}.writing-settings input::placeholder{color:#a2b1b9}.writing-settings select:focus,.writing-settings input:focus{outline:none;border-color:#8fc6cb;box-shadow:0 0 0 3px #008c990b}
.writing-context{margin-top:18px;margin-bottom:15px;border-top:1px solid #e8eff0;border-bottom:1px solid #e8eff0;padding:1px 0;min-width:0}
.writing-context summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;font-size:11px;color:#7c949f;font-weight:550;cursor:pointer;list-style:none}
.writing-context summary::-webkit-details-marker{display:none}.writing-context summary>span{display:flex;align-items:center;gap:7px;min-width:0}.writing-context summary svg{width:14px;height:14px}.writing-context summary>i{transition:transform .2s}.writing-context[open] summary>i{transform:rotate(180deg)}
.writing-context[open]{padding-bottom:12px}.writing-context .field-label{font-size:11px;line-height:1.6;margin-top:5px;margin-bottom:7px}.writing-context #extraContext{min-height:95px;font-size:12px;padding:10px 11px}
.reference-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 11px;margin-top:10px;border:1px solid #dce8eb;border-radius:8px;background:#f8fcfc;font-size:11px;color:#6d8b97;cursor:pointer;overflow:hidden}
.reference-upload svg{width:14px;height:14px}.reference-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.reference-upload:focus-within{outline:3px solid #8ed2d5;outline-offset:2px}.reference-upload:hover{background:#edf8f5;border-color:#b7dada;color:var(--teal)}
#referenceStatus{font-size:10px;color:#96a8b0;line-height:1.7;margin-top:7px;overflow-wrap:anywhere}
.brief-bottom{padding-top:7px;margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0}
.brief-bottom .primary-button{width:100%;min-height:48px;padding:13px 17px;border-radius:10px;font-size:13px;gap:9px}.brief-bottom .primary-button>i:last-child{margin-left:auto}.brief-bottom .primary-button>i:first-child{margin-right:auto}.brief-bottom .primary-button>span{flex:1;text-align:center}
.brief-bottom .text-button{min-height:39px;font-size:11px;color:#7c969f;padding:7px 10px}.brief-bottom .text-button svg{width:13px;height:13px}.brief-bottom p{font-size:10px;color:#a1b2ba;line-height:1.6;text-align:center;max-width:100%}

.draft-panel{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(140deg,#fffffd,#fffefa 65%);min-height:710px;position:relative}
.draft-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:10px 19px;border-bottom:1px solid #e7eceb;background:rgba(250,252,251,.72);min-width:0}
.draft-tabs{display:flex;align-items:center;gap:7px;min-width:0}.draft-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border-radius:8px;background:transparent;color:#98a7ad;font-size:12px;line-height:1.4;font-weight:550;white-space:nowrap}
.draft-tabs button[aria-pressed="true"]{color:#467b80;background:#eaf4f1}.draft-tabs button:hover{color:var(--teal)}.draft-tabs svg{width:16px;height:16px}
.draft-tools{display:flex;align-items:center;gap:4px;flex-shrink:0}.draft-tools .icon-button{width:35px;min-height:36px;background:transparent;border-color:transparent;border-radius:7px;color:#91a4ad}.draft-tools .icon-button svg{width:16px;height:16px}.draft-tools .icon-button:hover{background:#eef5f3;color:var(--teal)}.draft-tools .icon-button:disabled{opacity:.3}
.draft-view{position:relative;display:flex;flex-direction:column;flex:1;padding:32px 37px 25px;min-width:0;min-height:560px}
.paper-kicker{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px;color:#9eaaa9;font-size:10px;font-weight:500;line-height:1.5;min-width:0}.paper-kicker>span:first-child{display:flex;align-items:center;gap:6px;flex-shrink:0}.paper-kicker>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sample-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#90b9b1;box-shadow:0 0 0 3px #edf4ef}
.draft-title{font-family:inherit;background:transparent;border:0;border-radius:3px;outline:none;width:100%;padding:3px 0;min-height:44px;font-size:27px;font-weight:600;line-height:1.35;letter-spacing:-.6px;color:#35534f;min-width:0;text-overflow:ellipsis}
.draft-title:focus{box-shadow:0 2px 0 #b5d6ca}.draft-title:focus-visible{outline:none}.draft-title::placeholder{color:#aebeb8}
.paper-divider{width:46px;height:2px;border-radius:2px;background:#c2d8ce;margin:19px 0 21px;flex-shrink:0}
.draft-body{position:relative;z-index:1;display:block;flex:1;width:100%;min-width:0;min-height:390px;padding:0 2px 0 0;resize:vertical;font-family:inherit;font-size:15px;line-height:1.95;font-weight:400;letter-spacing:.05px;color:#677971;background:transparent;border:0;border-radius:3px;scrollbar-width:thin;scrollbar-color:#dbe6df transparent}
.draft-body:focus,.draft-body:focus-visible{outline:none}.draft-body:focus{box-shadow:inset -2px 0 #c2dfd2}
.draft-watermark{position:absolute;bottom:19px;right:27px;opacity:.11;color:#89afa0;pointer-events:none}.draft-watermark svg{width:54px;height:54px;stroke-width:.9;transform:rotate(-12deg)}
.prompt-view{display:flex;flex:1;flex-direction:column;min-height:560px;padding:31px 34px 25px;min-width:0}
.prompt-view-heading{display:flex;align-items:center;gap:8px;color:#7d958f;font-size:11px;line-height:1.7;margin-bottom:19px}
.full-prompt{flex:1;width:100%;min-width:0;min-height:440px;font-family:inherit;font-size:13px;line-height:1.9;color:#647e77;padding:15px 16px;resize:vertical;background:rgba(244,249,246,.7);border:1px solid #e3ece7;border-radius:10px;scrollbar-width:thin;scrollbar-color:#d4e2da transparent}
.full-prompt:focus{outline:none;border-color:#a4cbbd;box-shadow:0 0 0 3px #008c9907}.prompt-view>p{font-size:10px;line-height:1.75;color:#9caaa4;margin-top:12px}
.draft-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e8eeea;min-height:48px;padding:13px 28px;font-size:10px;color:#a0ada7;background:rgba(250,252,249,.7);min-width:0}
#saveStatus{display:flex;align-items:center;gap:6px;text-align:right;min-width:0;line-height:1.55}#saveStatus svg{width:13px;height:13px}#draftCount{white-space:nowrap;font-variant-numeric:tabular-nums}
.draft-feedback{font-size:11px;line-height:1.7;color:#527e76;background:#edf7f2;padding:10px 24px;border-top:1px solid #dcece2}.draft-feedback:empty{display:none}

/* Editorial template cards, grouped by purpose rather than a horizontal carousel. */
.writing-templates{padding-top:47px;padding-bottom:43px;min-width:0;scroll-margin-top:24px}
.template-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:25px;min-width:0}.template-section-heading>div{min-width:0}.template-section-heading .eyebrow{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:7px}.template-section-heading h2{font-size:25px;font-weight:600;letter-spacing:-.6px;line-height:1.3;color:#34545f}.template-section-heading p{font-size:12px;line-height:1.7;color:#8d9fa6;margin-top:8px}
.template-search{display:flex;align-items:center;gap:8px;width:260px;min-width:180px;max-width:100%;padding:0 12px;border:1px solid #dfe8ec;border-radius:10px;background:rgba(255,255,255,.85);color:#8fa6b0;flex-shrink:0;transition:border-color .2s,box-shadow .2s}
.template-search svg{width:16px;height:16px}.template-search input{border:0;background:none;min-width:0;width:100%;height:43px;font-size:12px;color:#547480;outline:none}.template-search input::placeholder{color:#9daeb7}.template-search:focus-within{border-color:#98c9ce;box-shadow:0 0 0 3px #008c9909}.template-search input:focus-visible{outline:none}
.template-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:19px;min-width:0}.template-filters button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 14px;border:1px solid #dfe9ec;border-radius:8px;background:rgba(255,255,255,.82);font-size:11px;font-weight:550;line-height:1.5;color:#8299a5}.template-filters button svg{width:14px;height:14px}.template-filters button[aria-pressed="true"],.template-filters button.active{background:#e8f5f1;border-color:#bcddda;color:var(--teal-dark)}.template-filters button:hover{border-color:#afcfd2;color:var(--teal)}
.writing-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;min-width:0}
.writing-template-card{--tile-ink:#6d9b95;--tile-bg:#ecf6f2;--tile-line:#dcece5;position:relative;border:1px solid #e0e9ec;border-radius:14px;background:rgba(255,255,255,.9);overflow:hidden;min-width:0;box-shadow:0 4px 15px #294a5b03;transition:transform .2s,border-color .2s,box-shadow .2s}
.writing-template-card[data-category="marketing"]{--tile-ink:#a78c61;--tile-bg:#faf3e8;--tile-line:#f0e5ce}.writing-template-card[data-category="social"]{--tile-ink:#9484b4;--tile-bg:#f3eff9;--tile-line:#e8e1f1}.writing-template-card[data-category="longform"]{--tile-ink:#7198ae;--tile-bg:#eef5fa;--tile-line:#deebf2}
.writing-template-card:hover,.writing-template-card:focus-within{transform:translateY(-3px);border-color:#b9d8db;box-shadow:0 10px 24px #294a5b0a}.writing-template-card.selected,.writing-template-card[data-active="true"]{border-color:#91c6c7;background:#fcfffd}
.template-open{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-height:220px;width:100%;padding:21px 19px 17px;background:none;text-align:left;min-width:0;color:inherit}.template-open:focus-visible{outline-offset:-4px;border-radius:14px}
.template-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;min-width:39px;min-height:39px;background:var(--tile-bg);color:var(--tile-ink);border:1px solid var(--tile-line);border-radius:11px;margin-bottom:17px}.template-icon svg{width:20px;height:20px;stroke-width:1.5}
.template-tag{position:absolute;right:18px;top:26px;max-width:calc(100% - 83px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.5;color:#9babb3;letter-spacing:.1px;text-align:right}
.template-open h3{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.1px;color:#466773;margin-bottom:7px;overflow-wrap:anywhere}
.template-open>p{font-size:11px;line-height:1.8;color:#8fa2ab;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;min-height:39px}
.template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #edf2f3;font-size:10px;color:#89a1aa;line-height:1.5}.template-card-footer svg{width:14px;height:14px;color:#7da4ab}.template-open:hover .template-card-footer{color:var(--teal)}
.used-badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:var(--teal);background:#e8f5ef;border:1px solid #d8ebe1;border-radius:5px;padding:3px 6px;line-height:1.5}.template-open>.used-badge{position:absolute;right:13px;top:13px}.writing-template-card:has(>.used-badge)>.used-badge{position:absolute;right:13px;top:13px;pointer-events:none}
.writing-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:55px 20px;border:1px dashed #d8e7e9;border-radius:14px;background:#f7fbfa;color:#89a4ac}.writing-no-results h3{font-size:17px;font-weight:550;color:#5a7b87}.writing-no-results>i svg{width:27px;height:27px;stroke-width:1.3}
.fuuvo-writing-page .history-footer{padding:24px 0 27px;border-top:1px solid #e2eaed;font-size:10px}.fuuvo-writing-page .history-footer>span>span{font-size:11px;color:#93a5ae}.fuuvo-writing-page .history-footer a{font-size:11px}
.fuuvo-writing-page .replace-dialog{width:450px;max-width:calc(100vw - 32px);padding:29px 28px;border-radius:18px}.replace-dialog>.panel-icon{width:41px;height:41px;margin-bottom:16px}.replace-dialog h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;color:#3f626c;font-weight:600}.replace-dialog>p{font-size:13px;line-height:1.85;color:#8097a1;margin-top:13px}.replace-dialog>div{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:24px;flex-wrap:wrap}.replace-dialog button{font-size:12px;min-height:44px}

@media(min-width:1550px){.fuuvo-writing-page main{padding-left:55px;padding-right:55px}.writing-studio{grid-template-columns:minmax(360px,.75fr) minmax(500px,1.4fr);gap:27px}.writing-heading h1{font-size:42px}.brief-panel{padding:27px 27px 22px}.draft-view{padding:34px 43px 28px}.draft-title{font-size:29px}.draft-body{font-size:16px;line-height:1.95}.writing-templates{padding-top:53px}.template-open{min-height:227px;padding:22px 21px 18px}}
@media(max-width:1190px){.fuuvo-writing-page main{padding-left:30px;padding-right:30px}.writing-studio{grid-template-columns:minmax(315px,.8fr) minmax(390px,1.2fr);gap:18px}.brief-panel{padding:22px 20px 19px}.draft-topbar{padding-left:14px;padding-right:14px;gap:9px}.draft-view{padding-left:27px;padding-right:27px}.draft-title{font-size:25px}.draft-body{font-size:14px}.draft-tools{gap:1px}.draft-tools .icon-button{width:32px}.writing-template-grid{gap:12px}.template-open{padding:18px 15px 15px;min-height:220px}.template-tag{right:14px;top:24px;font-size:8px}.template-open h3{font-size:13px}.template-open>p{font-size:11px}.paper-kicker{font-size:9px}.draft-tabs button{padding-left:10px;padding-right:10px}}
@media(max-width:1000px){.fuuvo-writing-page main{padding-left:25px;padding-right:25px}.writing-studio{grid-template-columns:minmax(290px,.8fr) minmax(350px,1.1fr);gap:15px}.brief-panel{padding:21px 18px 18px}.panel-title{gap:8px}.panel-title h2{font-size:15px}.writing-mode button{gap:5px;font-size:11px;padding:8px 6px}.writing-settings{gap:14px 10px}.writing-settings select,.writing-settings input{padding-left:10px;font-size:11px}.brief-support{font-size:9px;gap:8px}.draft-view{padding:29px 24px 23px}.draft-topbar{padding:10px 10px}.draft-tabs{gap:2px}.draft-tabs button{gap:5px;font-size:11px;padding-left:8px;padding-right:8px}.draft-tools .icon-button{width:29px;min-height:36px}.draft-tools .icon-button svg{width:14px;height:14px}.draft-title{font-size:23px}.draft-footer{padding-left:20px;padding-right:20px;font-size:9px;gap:9px}.prompt-view{padding:28px 24px 23px}.writing-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-open{min-height:215px}.template-section-heading{gap:18px}.template-section-heading h2{font-size:23px}.template-search{width:225px;min-width:170px}.writing-heading h1{font-size:36px}.writing-route-nav{margin-bottom:27px}}
@media(max-width:850px){.writing-studio{grid-template-columns:minmax(0,1fr);gap:20px}.brief-panel{min-height:0;padding:24px}.panel-title h2{font-size:17px}.writing-mode{max-width:420px;margin-bottom:21px}.writing-mode button{font-size:13px;min-height:42px}.writing-mode button svg{width:16px;height:16px}.writing-settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.writing-settings select,.writing-settings input{font-size:12px}.brief-support{font-size:10px}.brief-bottom{margin-top:0;padding-top:5px;align-items:flex-start;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:5px 12px}.brief-bottom .text-button{min-height:48px}.brief-bottom p{grid-column:1/-1;text-align:left}.draft-panel{min-height:640px}.draft-topbar{padding:12px 19px}.draft-tabs button{font-size:13px;min-height:44px;padding:10px 14px}.draft-tabs svg{width:17px;height:17px}.draft-tools{gap:3px}.draft-tools .icon-button{width:40px;min-height:44px}.draft-tools .icon-button svg{width:17px;height:17px}.draft-view{min-height:500px;padding:28px 33px 25px}.draft-title{font-size:28px}.draft-body{font-size:15px;min-height:340px}.paper-kicker{font-size:10px}.draft-footer{font-size:11px;padding:14px 26px}.prompt-view{min-height:500px;padding:28px 30px}.full-prompt{min-height:365px}.writing-templates{padding-top:40px}.template-section-heading{align-items:flex-start}.template-section-heading h2{font-size:22px}.template-section-heading p{font-size:11px;max-width:360px}.template-search{width:210px;min-width:160px}.writing-history{font-size:11px;padding:10px 11px}.fuuvo-writing-page .history-footer>span>span{font-size:10px}.fuuvo-writing-page .history-footer a{font-size:10px}}
@media(max-width:650px){.fuuvo-writing-page main{padding:18px 20px 0}.writing-route-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;padding:3px;margin-bottom:25px;border-radius:10px}.writing-route-nav a{min-width:0;min-height:44px;padding:7px 4px;font-size:10px;line-height:1.45;text-align:center}.writing-heading{gap:13px;align-items:flex-start;margin-bottom:17px}.writing-heading .eyebrow{font-size:8px;letter-spacing:1.15px;margin-bottom:7px}.writing-heading h1{font-size:31px;line-height:1.25;letter-spacing:-.9px}.writing-heading p{font-size:12px;line-height:1.75;margin-top:8px;max-width:255px}.writing-history{min-height:44px;gap:6px;font-size:10px;padding:8px 9px;margin-top:21px}.writing-history>i:last-child{display:none}.writing-history svg{width:15px;height:15px}.writing-preview-note{font-size:10px;line-height:1.7;align-items:flex-start;gap:6px;margin-bottom:17px}.writing-preview-note i{margin-top:2px}.writing-preview-note svg{width:13px;height:13px}.writing-studio{gap:19px;scroll-margin-top:15px}.brief-panel,.draft-panel{border-radius:14px}.brief-panel{padding:21px 18px 18px}.panel-title{margin-bottom:18px}.panel-title h2{font-size:16px}.panel-icon{width:32px;height:32px}.step-label{font-size:10px}.writing-mode{margin-bottom:20px;max-width:none}.writing-mode button{font-size:12px;min-height:44px;padding:9px 6px;gap:6px}.field-label{font-size:12px;margin-bottom:8px}#writingBrief,#extraContext{font-size:16px;line-height:1.75;padding:12px;min-height:170px}.brief-support{font-size:9px;line-height:1.6;margin-bottom:19px;gap:9px}.writing-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.writing-settings label{font-size:11px;gap:7px}.writing-settings select,.writing-settings input{font-size:16px;min-height:46px;padding:10px 11px;line-height:1.4}.writing-settings select{padding-right:22px}.writing-context{margin-top:20px;margin-bottom:16px}.writing-context summary{min-height:48px;font-size:11px}.writing-context #extraContext{font-size:16px;line-height:1.7;min-height:110px}.writing-context .field-label{font-size:11px}.reference-upload{min-height:44px;font-size:11px}.brief-bottom{display:flex;gap:6px;align-items:center;padding-top:2px}.brief-bottom .primary-button{min-height:49px;font-size:13px}.brief-bottom .text-button{min-height:44px;font-size:11px}.brief-bottom p{text-align:center;font-size:10px}.draft-panel{min-height:630px}.draft-topbar{min-height:65px;gap:6px;padding:10px 10px}.draft-tabs{gap:2px}.draft-tabs button{gap:5px;padding:9px 8px;font-size:11px;min-height:44px}.draft-tabs svg{width:15px;height:15px}.draft-tools{gap:0}.draft-tools .icon-button{width:36px;min-height:44px}.draft-tools .icon-button svg{width:16px;height:16px}.draft-view{min-height:510px;padding:24px 22px 22px}.paper-kicker{font-size:9px;gap:10px;margin-bottom:20px}.draft-title{font-size:22px;min-height:42px;line-height:1.45;letter-spacing:-.35px}.paper-divider{margin:17px 0 19px;width:38px}.draft-body{font-size:16px;line-height:1.9;min-height:350px;resize:vertical}.draft-watermark{right:19px;bottom:17px}.draft-watermark svg{width:43px;height:43px}.draft-footer{font-size:9px;gap:8px;padding:13px 17px;min-height:49px}#saveStatus{gap:5px;max-width:65%}#saveStatus svg{width:12px;height:12px}.draft-feedback{font-size:10px;padding:11px 17px}.prompt-view{min-height:500px;padding:25px 20px 21px}.prompt-view-heading{font-size:10px;line-height:1.75;margin-bottom:16px}.full-prompt{font-size:16px;line-height:1.85;padding:13px;min-height:365px}.prompt-view>p{font-size:10px;margin-top:11px}.writing-templates{padding-top:35px;padding-bottom:32px;scroll-margin-top:18px}.template-section-heading{flex-direction:column;gap:17px;margin-bottom:17px}.template-section-heading .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:7px}.template-section-heading h2{font-size:23px;line-height:1.4;letter-spacing:-.45px}.template-section-heading p{font-size:11px;line-height:1.8;margin-top:7px;max-width:none}.template-search{width:100%;min-width:0;height:46px}.template-search input{font-size:16px;height:44px}.template-search svg{width:16px;height:16px}.template-filters{gap:7px;margin-bottom:17px}.template-filters button{min-height:44px;padding:9px 11px;font-size:11px;gap:5px}.template-filters button svg{width:14px;height:14px}.writing-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.writing-template-card{border-radius:12px}.template-open{padding:16px 13px 14px;min-height:220px}.template-icon{width:35px;height:35px;min-width:35px;min-height:35px;border-radius:10px;margin-bottom:17px}.template-icon svg{width:18px;height:18px}.template-tag{position:static;max-width:100%;margin-top:-10px;margin-bottom:10px;font-size:8px;letter-spacing:0;text-align:left}.template-open h3{font-size:13px;line-height:1.5;margin-bottom:7px}.template-open>p{font-size:11px;line-height:1.8;min-height:40px;margin-bottom:15px;-webkit-line-clamp:3}.template-card-footer{font-size:9px;gap:6px;padding-top:10px}.template-card-footer svg{width:13px;height:13px}.used-badge{font-size:8px;padding:3px 5px}.template-open>.used-badge{right:9px;top:16px;max-width:calc(100% - 65px)}.writing-no-results{padding:40px 15px}.writing-no-results h3{font-size:16px}.fuuvo-writing-page .history-footer{padding:20px 0 23px;gap:12px}.fuuvo-writing-page .history-footer>span>span{font-size:9px}.fuuvo-writing-page .history-footer a{font-size:9px}.fuuvo-writing-page .replace-dialog{padding:25px 23px}.replace-dialog h2{font-size:22px}.replace-dialog>p{font-size:12px}.replace-dialog>div{justify-content:stretch;gap:8px;margin-top:21px}.replace-dialog button{flex:1;font-size:11px;padding:11px 12px}}
@media(max-width:370px){.fuuvo-writing-page main{padding-left:15px;padding-right:15px}.writing-heading h1{font-size:28px}.writing-heading p{font-size:11px;max-width:200px}.writing-history{font-size:9px;gap:4px;padding:8px 7px}.writing-history svg{width:13px;height:13px}.writing-route-nav a{font-size:9px;padding-left:2px;padding-right:2px}.writing-preview-note{font-size:9px}.brief-panel{padding:19px 15px 17px}.writing-settings{gap:14px 10px}.writing-settings select,.writing-settings input{font-size:16px;padding-left:9px}.writing-mode button{font-size:11px;gap:5px}.writing-mode button svg{width:14px;height:14px}.draft-topbar{padding-left:7px;padding-right:7px;gap:3px}.draft-tabs button{padding-left:6px;padding-right:6px;gap:4px;font-size:10px}.draft-tabs svg{width:13px;height:13px}.draft-tools .icon-button{width:32px}.draft-tools .icon-button svg{width:15px;height:15px}.draft-view{padding-left:18px;padding-right:18px}.draft-title{font-size:20px}.paper-kicker{font-size:8px}.draft-footer{padding-left:14px;padding-right:14px;font-size:8px}.template-section-heading h2{font-size:21px}.template-filters{gap:6px}.template-filters button{font-size:10px;padding:9px 10px}.writing-template-grid{gap:10px}.template-open{padding:15px 11px 13px;min-height:230px}.template-open h3{font-size:12px}.template-open>p{font-size:10px;line-height:1.8;min-height:36px}.template-card-footer{font-size:8px}.template-tag{font-size:7px}.template-icon{width:33px;height:33px;min-width:33px;min-height:33px}.fuuvo-writing-page .history-footer>span>span{display:none}}
@media(hover:none){.writing-template-card:hover{transform:none;box-shadow:0 4px 15px #294a5b03}}
@media(prefers-reduced-motion:reduce){.fuuvo-writing-page *,.fuuvo-writing-page *:before,.fuuvo-writing-page *:after{animation:none!important;transition:none!important}.fuuvo-writing-page .history-ambient:before{opacity:.7}}

/* The shared creation workspace redefines dark tokens with light values.
 * Restore them locally and override its important form/text rules here. */
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page {
    --writing-surface:#1b252b;
    --writing-raised:#233039;
    --writing-input:#141e24;
    --writing-text:#e4ecee;
    --writing-muted:#afc0c6;
    --writing-border:#3b5056;
    --writing-accent-surface:#25413f;
    --writing-accent-border:#487974;
    --paper:var(--writing-surface);
    --writing-shadow:0 12px 38px rgba(0,0,0,.2);
    --teal:#93d6cf;
    --teal-dark:#b0e3dd;
    --creation-ink:var(--writing-text);
    --creation-muted:var(--writing-muted);
    --fuuvo-dark-text:var(--writing-text);
    --fuuvo-dark-text-soft:var(--writing-text);
    --fuuvo-dark-muted:var(--writing-muted);
    --fuuvo-dark-input:var(--writing-input);
    --fuuvo-dark-line:var(--writing-border);
    --fuuvo-dark-line-strong:var(--writing-border);
    color:var(--writing-text);
    color-scheme:dark;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.brief-panel,.draft-panel,.writing-template-card,.replace-dialog) {
    background:var(--writing-surface);
    border-color:var(--writing-border);
    color:var(--writing-text);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-heading h1,.panel-title h2,.template-section-heading h2,.template-open h3,.replace-dialog h2) {
    color:var(--writing-text) !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-heading p,.writing-preview-note,.field-label,.writing-settings label,.brief-support,.step-label,.writing-context summary,.writing-context .field-label,#referenceStatus,.brief-bottom p,.paper-kicker,.prompt-view-heading,.prompt-view>p,.draft-footer,.template-section-heading p,.template-open>p,.template-tag,.template-card-footer,.replace-dialog>p) {
    color:var(--writing-muted) !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(#writingBrief,#extraContext,.writing-settings select,.writing-settings input,.full-prompt) {
    background:var(--writing-input) !important;
    color:var(--writing-text) !important;
    border-color:var(--writing-border) !important;
    -webkit-text-fill-color:currentColor !important;
    scrollbar-color:var(--writing-border) transparent;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.draft-title,.draft-body,.template-search input) {
    background:transparent !important;
    color:var(--writing-text) !important;
    -webkit-text-fill-color:currentColor !important;
    scrollbar-color:var(--writing-border) transparent;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(input,textarea)::placeholder {
    color:var(--writing-muted) !important;
    -webkit-text-fill-color:currentColor !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-mode,.draft-topbar,.draft-footer,.template-search,.writing-history,.outline-button,.reference-upload,.template-filters button,.writing-route-nav,.writing-no-results) {
    background:var(--writing-input);
    border-color:var(--writing-border);
    color:var(--writing-muted);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-mode button,.draft-tabs button,.draft-tools .icon-button,.text-button,.writing-route-nav a) {
    color:var(--writing-muted);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.draft-tabs button,.template-open) {
    border:1px solid transparent;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-mode button[aria-pressed="true"],.draft-tabs button[aria-pressed="true"],.template-filters button[aria-pressed="true"],.writing-route-nav a.active,.panel-icon,.used-badge,.draft-feedback) {
    background:var(--writing-accent-surface);
    border-color:var(--writing-accent-border);
    color:var(--teal) !important;
    box-shadow:none;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-history,.outline-button,.reference-upload,.writing-mode button,.draft-tabs button,.draft-tools .icon-button,.template-filters button,.writing-route-nav a):hover {
    background:var(--writing-raised);
    border-color:var(--writing-accent-border);
    color:var(--teal);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .primary-button {
    background:var(--teal) !important;
    border-color:var(--teal) !important;
    color:#102925 !important;
    -webkit-text-fill-color:currentColor !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .primary-button :is(span,i) {
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .primary-button:hover {
    background:var(--teal-dark) !important;
    border-color:var(--teal-dark) !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .replace-dialog .outline-button {
    background:var(--writing-input) !important;
    border-color:var(--writing-border) !important;
    color:var(--writing-text) !important;
    -webkit-text-fill-color:currentColor !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .replace-dialog .outline-button:hover {
    background:var(--writing-raised) !important;
    border-color:var(--writing-accent-border) !important;
    color:var(--teal) !important;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-context,.template-card-footer) {
    border-color:var(--writing-border);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.paper-divider,.sample-dot) {
    background:var(--writing-accent-border);
    box-shadow:none;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .writing-template-card {
    --tile-ink:#93d6c0;
    --tile-bg:#233b34;
    --tile-line:#3b6054;
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .writing-template-card[data-category="marketing"] { --tile-ink:#e4c28d; --tile-bg:#3c3325; --tile-line:#665239; }
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .writing-template-card[data-category="social"] { --tile-ink:#c6b4e5; --tile-bg:#352e43; --tile-line:#57486d; }
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .writing-template-card[data-category="longform"] { --tile-ink:#a3cce4; --tile-bg:#273b48; --tile-line:#406074; }
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.writing-template-card:hover,.writing-template-card:focus-within,.writing-template-card.selected,.writing-template-card[data-active="true"]) {
    border-color:var(--writing-accent-border);
    background:var(--writing-raised);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(input,textarea,select,.template-search):focus-within {
    border-color:var(--teal) !important;
    box-shadow:0 0 0 3px rgba(147,214,207,.15);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page :is(.draft-title,.draft-body,.template-search input):focus {
    box-shadow:inset 0 -2px 0 var(--writing-accent-border);
}
:is(html,body):is([data-ui-theme="dark"],[data-theme="dark"]) #fuuvo-writing-page .replace-dialog::backdrop {
    background:rgba(0,0,0,.65);
}

/* Editable document controls stay inside the desktop writing workspace. */
#fuuvo-writing-page .writing-illustration{display:flex;align-items:center;gap:8px;margin:4px 0 14px;font-size:12px;color:inherit}
#fuuvo-writing-page .writing-illustration input{width:16px;height:16px;accent-color:#397479}
#fuuvo-writing-page .draft-topbar{flex-wrap:wrap;gap:8px}
#fuuvo-writing-page .writing-export{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--writing-border);border-radius:6px;background:transparent;color:var(--teal-dark);font:inherit;font-size:12px;white-space:nowrap}
#fuuvo-writing-page .writing-export svg{width:16px;height:16px}
#fuuvo-writing-page .writing-formatting{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:9px 16px;border-bottom:1px solid var(--writing-border);background:var(--writing-input,#f8fbfa);color:var(--writing-text,#49665f)}
#fuuvo-writing-page .writing-formatting button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:32px;flex:0 0 31px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font-size:14px}
#fuuvo-writing-page .writing-formatting select{width:89px;min-height:32px;padding:4px;border:1px solid var(--writing-border);border-radius:4px;background:transparent;color:inherit;font-size:12px}
#fuuvo-writing-page .writing-formatting button:hover,#fuuvo-writing-page .writing-export:hover{background:var(--writing-accent-surface,#eaf4f1)}
#fuuvo-writing-page .writing-formatting button[aria-pressed="true"]{background:var(--writing-accent-surface,#eaf4f1);border-color:var(--writing-accent-border,#97bbb2);color:var(--teal-dark)}
#fuuvo-writing-page .writing-formatting svg{width:17px;height:17px}
#fuuvo-writing-page button:disabled{cursor:default;opacity:.5}
#fuuvo-writing-page .draft-body{resize:none;overflow-wrap:anywhere;letter-spacing:0;white-space:normal}
#fuuvo-writing-page .draft-body p{margin:0 0 16px;font-size:inherit;line-height:inherit;color:inherit}
#fuuvo-writing-page .draft-body h1,#fuuvo-writing-page .draft-body h2,#fuuvo-writing-page .draft-body h3{margin:24px 0 12px;font-size:19px;line-height:1.5;font-weight:650;color:inherit;letter-spacing:0}
#fuuvo-writing-page .draft-body ul,#fuuvo-writing-page .draft-body ol{margin:10px 0 18px;padding-left:25px;list-style-position:outside}
#fuuvo-writing-page .draft-body ul{list-style-type:disc}#fuuvo-writing-page .draft-body ol{list-style-type:decimal}
#fuuvo-writing-page .draft-body li{display:list-item;margin:5px 0;color:inherit}
#fuuvo-writing-page .draft-body b,#fuuvo-writing-page .draft-body strong{font-weight:700}
#fuuvo-writing-page .draft-body i,#fuuvo-writing-page .draft-body em{display:inline;font-style:italic;line-height:inherit}
#fuuvo-writing-page .draft-body img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:4px}
#fuuvo-writing-page .draft-body table{width:100%;border-collapse:collapse;margin:16px 0}
#fuuvo-writing-page .draft-body td,#fuuvo-writing-page .draft-body th{padding:8px;border:1px solid var(--writing-border)}
#fuuvo-writing-page .draft-body:focus-visible,#fuuvo-writing-page .writing-formatting :focus-visible{outline:2px solid var(--teal);outline-offset:3px}
#fuuvo-writing-page .draft-feedback a{color:inherit;text-decoration:underline}

/* Shared main-page navigation: New chat / Home / More. */
.writing-main-rail .brand{gap:4px;font-size:12px;color:#56616f;margin-bottom:14px;font-weight:600}
.writing-main-rail .brand img{width:17px;height:25px}
.writing-main-rail button.rail-link{background:transparent;padding:0}
.writing-main-rail button.rail-link:hover,.writing-main-rail button[aria-expanded=true]{background:#edf6f6;color:var(--teal)}
.writing-safety{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#6d839c;min-height:44px}
.writing-safety svg{width:17px;height:17px;color:#339cf5}
.writing-global-menu{position:fixed;z-index:100;left:80px;top:205px;width:250px;max-width:calc(100vw - 96px);padding:18px;border:1px solid #dbe3e9;border-radius:12px;background:white;box-shadow:0 18px 60px #29445520}
.writing-global-menu strong{display:block;color:#71828c;font-size:12px;margin:0 8px 9px}
.writing-global-menu a{display:flex;align-items:center;gap:12px;padding:11px 8px;min-height:44px;border-radius:7px;font-size:13px}
.writing-global-menu a:hover{background:#eef8f4}.writing-global-menu svg{width:18px;height:18px;color:#438f76}
.fuuvo-writing-page main{padding-top:34px}
@media(max-width:650px){.writing-safety span{display:none}.writing-safety{min-width:36px;justify-content:center}.fuuvo-writing-page .top-actions{gap:8px}.fuuvo-writing-page main{padding-top:25px}}