:root{--bg:#f7f8fa;--panel:#fff;--text:#17191d;--muted:#7b828d;--line:#e7e9ed;--soft:#f2f4f6;--yellow:#ffd731;--accent:#15171b;--green:#1dbf73;--shadow:0 16px 42px rgba(25,29,36,.09);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:1080px;background:var(--bg)}button,input,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid #e2b900;outline-offset:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:106px;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;align-items:center;padding:17px 10px}.collapse-btn{width:52px;height:52px;border:1px solid var(--line);border-radius:8px;color:#9da3aa;font-size:20px}.brand{font-family:Georgia,serif;font-weight:800;font-size:16px;margin:18px 0 28px}.main-nav{width:100%;display:grid;gap:6px}.nav-item{height:72px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#707780;font-size:12px}.nav-item span{font-size:25px;line-height:1}.nav-item:hover,.nav-item.active{background:#f3f3f2;color:#111}.nav-divider{height:1px;background:var(--line);margin:12px 20px}.sidebar-bottom{margin-top:auto;display:grid;justify-items:center;gap:13px}.side-icon{font-size:20px;color:#727982}.avatar{width:52px;height:52px;border-radius:50%;background:#eceeed;font-weight:800;color:#555}.app-shell{margin-left:106px;min-height:100vh}.view{display:none;min-height:100vh;padding:30px 54px 80px}.view.active{display:block}.topbar{height:50px;display:flex;align-items:center;justify-content:space-between}.top-actions{display:flex;gap:10px}.top-actions button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px}.hero{text-align:center;margin:34px auto 28px}.eyebrow{margin:0 0 10px;color:#b28100;font-size:12px;font-weight:900;letter-spacing:2px}.hero h1,.page-header h1{margin:0;font-size:42px;letter-spacing:0}.hero>p:last-child,.page-header>div>p:last-child{color:var(--muted);font-size:17px}.composer{position:relative;width:min(1120px,calc(100vw - 260px));min-height:280px;margin:0 auto;padding:28px;background:#fff;border:1px solid #dfe2e6;border-radius:22px;box-shadow:var(--shadow)}.mode-chip{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid #ffe174;border-radius:999px;color:#a26d00;background:#fffdf4;font-weight:800}.mode-chip button{color:#bc8b00}.composer textarea{display:block;width:100%;height:145px;padding:18px 4px;border:0;resize:none;font-size:20px;line-height:1.6}.composer-options,.option-group{display:flex;align-items:center;justify-content:space-between;gap:10px}.option-group{justify-content:flex-start}.option-btn{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:7px;color:#555d67;background:#fff}.option-btn small{margin-left:5px}.option-btn.toggle.active{border-color:#f0c92d;background:#fffdf1;color:#765b00}.send-btn{width:48px;height:48px;border-radius:50%;background:#15171b;color:#fff;font-size:23px}.popover{position:absolute;bottom:-12px;transform:translateY(100%);display:none;width:330px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:20}.popover.show{display:grid}.style-popover{left:28px}.skill-popover{left:410px}.popover button{padding:12px;border-radius:8px;text-align:left;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.popover button:hover,.popover button.active{background:#f3f5f7}.popover button span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f0f3f7}.popover small{display:block;color:var(--muted);margin-top:3px}.quick-starts{width:min(1120px,calc(100vw - 260px));display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px auto}.quick-starts>button{min-height:110px;padding:20px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.76);display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;text-align:left}.quick-starts>button:hover{background:#fff;box-shadow:0 10px 28px rgba(25,29,36,.07)}.quick-starts>button>span{width:40px;height:40px;display:grid;place-items:center;background:#f4f4f2;border-radius:8px;font-size:20px}.quick-starts small{display:block;margin-top:7px;color:var(--muted);line-height:1.4}.quick-starts i{font-style:normal;font-size:20px}.text-btn{font-weight:800;color:#5d646e}.generation-view{padding:24px 5vw 130px}.generation-layout{max-width:1280px;margin:25px auto;display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px}.conversation-panel{min-width:0}.user-prompt{padding:22px;border-radius:18px 18px 4px 18px;background:#16181c;color:#fff;line-height:1.65;box-shadow:var(--shadow)}.workflow-card{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.workflow-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.workflow-head span{color:var(--muted)}.workflow-list{display:grid}.workflow-step{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:14px 18px;border-top:1px solid #f1f2f3;color:#606771}.workflow-step:first-child{border-top:0}.workflow-step .state{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eef0f2;font-size:12px}.workflow-step.done .state{background:#e9f9f1;color:#0c9b58}.workflow-step.running .state{background:#fff5c6;color:#8d6900}.workflow-step small{color:var(--muted)}.assistant-copy{margin-top:20px;line-height:1.7;color:#4d545d}.document-panel{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:700px;overflow:hidden}.document-head{min-height:60px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.document-head>div{display:flex;align-items:center;gap:10px;min-width:0}.doc-status{color:#59606b;font-size:13px}.document-head b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-state{font-size:12px;color:#8a929c}.primary-btn,.secondary-btn{height:42px;border-radius:8px;padding:0 16px;font-weight:800}.primary-btn{background:var(--accent);color:#fff}.secondary-btn{background:#fff;border:1px solid var(--line)}.format-toolbar{height:52px;display:flex;align-items:center;gap:6px;padding:0 18px;border-bottom:1px solid var(--line);background:#fbfbfa}.format-toolbar button{min-width:34px;height:34px;border-radius:6px}.format-toolbar button:hover{background:#eceeed}.format-toolbar>span{flex:1}.format-toolbar .layout-btn{width:auto;padding:0 13px;background:#fff6c9;color:#765800;font-weight:800}.inline-editor{padding:36px 46px;min-height:590px;font-family:"Microsoft YaHei",sans-serif;font-size:17px;line-height:1.9}.inline-editor h1,.full-editor h1{font-size:34px;line-height:1.35}.inline-editor h2,.full-editor h2{font-size:23px;margin-top:32px}.mini-composer{position:fixed;left:calc(106px + 27vw);right:18vw;bottom:25px;height:72px;padding:0 14px 0 20px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);z-index:12}.mini-composer input{flex:1;border:0;outline:0;font-size:17px}.mini-composer button{width:44px;height:44px;border-radius:50%;background:#15171b;color:#fff;font-size:20px}.page-header{max-width:1300px;margin:10px auto 34px;display:flex;align-items:flex-end;justify-content:space-between}.page-header h1{font-size:38px}.direction-bar,.topic-section-head,.topic-grid,.topic-list,.skill-library,.project-filter,.project-grid{max-width:1300px;margin-left:auto;margin-right:auto}.direction-bar{min-height:82px;padding:16px 20px;background:#16181c;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.direction-bar span{margin-left:18px;color:#bfc4ca}.direction-bar button{padding:10px 14px;background:#fff;color:#222;border-radius:7px;font-weight:800}.topic-section-head{margin-top:34px;margin-bottom:16px}.topic-section-head h2{margin:0 0 6px}.topic-section-head p{margin:0;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.topic-card .topic-meta{display:flex;justify-content:space-between;color:#9a7600;font-size:13px;font-weight:800}.topic-card h3{min-height:68px;line-height:1.55}.topic-card p{color:var(--muted);line-height:1.65;font-size:14px}.topic-card button,.topic-list button{height:40px;padding:0 14px;border-radius:7px;background:#f3f4f5;font-weight:800}.topic-list{display:grid;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.hot-topic-row{display:grid;grid-template-columns:45px 1fr 110px 100px;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid var(--line)}.hot-topic-row:first-child{border-top:0}.hot-topic-row .rank{font-size:20px;font-weight:900}.hot-topic-row span{color:var(--muted)}.skill-library{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skill-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;display:grid;grid-template-columns:56px 1fr;gap:18px}.skill-card>.skill-icon{width:56px;height:56px;border-radius:8px;background:#fff5c6;display:grid;place-items:center;font-size:26px}.skill-card h2{margin:0}.skill-card p{color:var(--muted);line-height:1.7}.skill-card button{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:7px;font-weight:800}.projects-header{align-items:center}.project-actions{display:flex;gap:10px}.project-actions input{height:42px;width:220px;border:1px solid var(--line);border-radius:8px;padding:0 14px}.project-filter{padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.project-filter span{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.project-card{text-align:left}.project-cover{aspect-ratio:4/3;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.project-cover span{font-family:Georgia,serif;color:#bbb}.project-cover b{font-size:21px;line-height:1.45}.project-card h3{margin:12px 0 6px;line-height:1.5}.project-card p{margin:0;color:var(--muted);font-size:13px}.editor-page{padding:0;background:#eef0f2}.editor-topbar{position:sticky;top:0;height:72px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:12}.editor-title{display:flex;align-items:center;gap:12px}.editor-title input{width:360px;border:0;text-align:center;font-weight:800;font-size:17px}.editor-title span{font-size:12px;color:var(--muted)}.editor-topbar>div:last-child{display:flex;gap:8px}.full-editor-layout{max-width:1180px;margin:28px auto;display:grid;grid-template-columns:220px 1fr;gap:22px}.editor-outline{position:sticky;top:96px;height:fit-content;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.editor-outline nav{display:grid;margin-top:14px}.editor-outline button{text-align:left;padding:9px 0;color:#6c737d;line-height:1.4}.editor-main{background:#fff;border:1px solid var(--line)}.format-toolbar.sticky{position:sticky;top:72px;z-index:5}.full-editor{max-width:760px;min-height:calc(100vh - 125px);margin:auto;padding:50px 55px;font-size:18px;line-height:2}.modal-backdrop{position:fixed;inset:0;background:rgba(24,26,30,.52);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:30px}.modal-backdrop[hidden]{display:none}.layout-modal{width:min(1180px,94vw);height:min(820px,90vh);background:#f3f4f5;border-radius:12px;overflow:hidden}.layout-modal>header{height:76px;padding:0 24px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.layout-modal h2{margin:0}.close-modal{font-size:25px;color:#8c939c}.layout-modal-body{height:calc(100% - 76px);display:grid;grid-template-columns:280px 1fr}.platform-panel{padding:22px;background:#fff;border-right:1px solid var(--line)}.platform-panel>p{font-size:13px;color:var(--muted)}.platform{width:100%;padding:12px;border:1px solid transparent;border-radius:8px;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;align-items:center}.platform.active{border-color:#edc329;background:#fffbea}.platform-logo{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:900}.platform-logo.wechat{background:#16b866}.platform-logo.toutiao{background:#f04b42}.platform-logo.sohu{background:#236ee8}.platform small{display:block;color:var(--muted);margin-top:4px}.export-btn{width:100%;height:46px;margin-top:24px;border-radius:8px;background:#15171b;color:#fff;font-weight:800}.preview-stage{padding:34px;overflow:auto}.layout-preview{width:620px;min-height:100%;margin:auto;padding:54px 52px;background:#fff;box-shadow:0 8px 24px rgba(25,29,36,.08);font-size:17px;line-height:1.9}.layout-preview h1{font-size:36px;line-height:1.3}.layout-preview h2{border-left:5px solid #f0c62e;padding-left:12px;margin-top:34px}.layout-preview.toutiao-preview h1{font-size:32px}.layout-preview.toutiao-preview h2{border-left-color:#ef4d43}.layout-preview.sohu-preview h2{border-left-color:#2671e8}.confirm-modal{position:relative;width:430px;padding:28px;background:#fff;border-radius:14px;text-align:center;box-shadow:var(--shadow)}.confirm-modal>.close-modal{position:absolute;right:18px;top:14px}.warning-icon{width:70px;height:70px;margin:0 auto 18px;border:2px solid #f1ca32;border-radius:50%;display:grid;place-items:center;color:#b58a00;font-size:36px}.confirm-modal h2{margin:0}.confirm-modal p{color:#9b7600;margin-bottom:24px}.wide{width:100%;margin-top:10px}.confirm-modal .primary-btn{background:var(--yellow);color:#17191d}.cancel-btn{margin-top:18px;color:#737a84}.toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-20px);padding:13px 18px;background:#16181c;color:#fff;border-radius:8px;opacity:0;pointer-events:none;transition:.18s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}
.article-visual{margin:26px 0}.article-visual>div{aspect-ratio:16/8;padding:28px;border-radius:8px;background:linear-gradient(135deg,#152029,#3b5562 54%,#e7bd45);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.article-visual span{font-size:12px;font-weight:900;letter-spacing:1px}.article-visual strong{max-width:78%;font-size:25px;line-height:1.45}.article-visual figcaption{margin-top:8px;color:#8a929c;font-size:12px;text-align:center}
@media(max-width:1250px){.quick-starts{grid-template-columns:repeat(2,1fr)}.generation-layout{grid-template-columns:340px 1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(3,1fr)}}

/* Conversation-first generation workspace */
.quick-starts{grid-template-columns:repeat(3,1fr)}
.generation-view{height:100vh;min-height:720px;padding:18px 28px 24px;overflow:hidden}
.generation-topbar{height:44px}
.generation-layout{height:calc(100vh - 86px);max-width:none;margin:16px 0 0;grid-template-columns:minmax(360px,430px) minmax(620px,1fr);gap:18px}
.conversation-panel{height:100%;min-height:0;padding:0 4px 0 0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.conversation-scroll{min-height:0;overflow:auto;padding:6px 10px 28px 2px;scrollbar-width:thin}
.user-prompt{margin-left:48px;padding:17px 18px;border-radius:16px 16px 4px 16px;font-size:14px;box-shadow:none}
.assistant-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:22px;align-items:start}
.assistant-avatar{width:34px;height:34px;border-radius:9px;background:#15171b;color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px;font-weight:800}
.assistant-bubble{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:4px 14px 14px 14px}
.workflow-card{display:none}
.workflow-head{padding:13px 15px;font-size:14px}
.workflow-step{grid-template-columns:24px minmax(0,1fr);padding:12px 15px;font-size:13px}
.workflow-step>small{display:none}.workflow-step small{display:block;margin-top:3px}
.assistant-copy{margin:16px 0 0 44px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:4px 14px 14px 14px;font-size:14px}
.chat-article{margin:14px 0 0 44px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.chat-article[hidden]{display:none}
.chat-article>header{min-height:54px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}
.chat-article>header>div{min-width:0;display:grid;gap:3px}.chat-article>header span{font-size:11px;color:var(--muted)}.chat-article>header b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.chat-article .primary-btn{height:34px;padding:0 10px;white-space:nowrap;font-size:12px}
.chat-article-content{max-height:420px;overflow:auto;padding:18px 20px;font-size:13px;line-height:1.8;scrollbar-width:thin}
.chat-article-content h1{font-size:21px;line-height:1.4}.chat-article-content h2{font-size:16px}
.chat-article-content .article-visual{display:none}
.conversation-panel .mini-composer{position:static;left:auto;right:auto;bottom:auto;width:100%;height:64px;padding:0 10px 0 15px;border-radius:12px;box-shadow:0 8px 24px rgba(25,29,36,.08)}
.conversation-panel .mini-composer input{font-size:14px}.conversation-panel .mini-composer button{width:40px;height:40px}
.document-panel{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}
.document-panel.empty{display:block;background:#f4f5f6;border-style:dashed}
.document-panel.empty>.document-head,.document-panel.empty>.format-toolbar,.document-panel.empty>.inline-layout-bar,.document-panel.empty>.inline-editor{display:none}
.document-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa0a8;text-align:center}
.document-empty span{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:27px}.document-empty b{margin-top:14px;color:#6b727c}.document-empty p{margin:6px 0 0;font-size:13px}
.document-panel:not(.empty) .document-empty{display:none}
.document-head{height:58px;min-height:58px}.copy-btn{height:34px;padding:0 12px;border-radius:7px;background:#15171b;color:#fff;font-weight:800;font-size:12px}
.format-toolbar{height:48px}.inline-editor{min-height:0;height:100%;overflow:auto;padding:34px 8%;font-size:16px}
.inline-layout-bar{height:46px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:#fff9dc;font-size:12px;font-weight:800}
.inline-layout-bar[hidden]{display:none}.inline-layout-bar>span{color:#836500}.inline-layout-bar>button{margin-left:auto;color:#787f88}
.platform-switch{display:flex;padding:3px;background:#eee9ce;border-radius:7px}.platform-switch button{height:28px;padding:0 11px;border-radius:5px;font-size:12px}.platform-switch button.active{background:#fff;box-shadow:0 1px 5px rgba(25,29,36,.1)}
.inline-editor.layout-mode{max-width:720px;margin:0 auto;background:#fff;padding:48px 54px;box-shadow:0 0 0 1px var(--line)}
.inline-editor.layout-mode h1{font-size:36px}.inline-editor.layout-mode h2{padding-left:12px;border-left:5px solid #f0c62e}
.inline-editor.layout-mode.toutiao-layout h1{font-size:32px}.inline-editor.layout-mode.toutiao-layout h2{border-left-color:#ef4d43}
.inline-editor.layout-mode.sohu-layout h2{border-left-color:#2671e8}
@media(max-width:1250px){.generation-layout{grid-template-columns:360px minmax(560px,1fr)}.quick-starts{grid-template-columns:repeat(3,1fr)}}

/* Visual refinement */
:root{--bg:#f5f6f7;--panel:#fff;--text:#202226;--muted:#858b94;--line:#e5e7ea;--soft:#f3f4f5;--accent:#202226;--yellow:#f7cc35;--shadow:0 14px 40px rgba(28,31,36,.07)}
body{background:#f5f6f7}
.sidebar{width:112px;padding:20px 12px;background:#fbfbfa;border-color:#e8e9eb}
.app-shell{margin-left:112px}
.collapse-btn{width:46px;height:42px;border:0;background:#f0f1f2;color:#878d95}
.brand{margin:22px 0 30px;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;font-weight:900;letter-spacing:0;color:#202226}
.nav-item{height:68px;border-radius:7px;transition:background .16s,color .16s}.nav-item span{font-size:23px}.nav-item.active{background:#202226;color:#fff}.nav-item:hover:not(.active){background:#eff0f1}
#home-view{padding-top:58px}
.hero{margin:30px auto 34px}.hero .eyebrow{color:#a57b00}.hero h1{font-size:44px;font-weight:780}.hero>p:last-child{margin-top:12px;font-size:16px;color:#8a9099}
.composer{width:min(1040px,calc(100vw - 270px));min-height:255px;padding:24px 24px 20px;border-radius:14px;border:1px solid #dfe2e5;box-shadow:0 12px 34px rgba(28,31,36,.06);transition:border-color .18s,box-shadow .18s}
.composer:focus-within{border-color:#c9a51e;box-shadow:0 0 0 3px rgba(247,204,53,.13),0 18px 44px rgba(28,31,36,.09)}
.composer textarea{height:155px;padding:8px 4px 16px;font-size:19px;line-height:1.65;outline:0!important}
.composer textarea:focus-visible{outline:0!important}
.composer-options{min-width:0;gap:16px}.option-group{min-width:0;flex-wrap:wrap;gap:8px}
.option-btn{height:42px;padding:0 13px;border-color:#e4e6e8;border-radius:8px;background:#fafafa;transition:.16s;white-space:nowrap}
.option-btn:hover{border-color:#cfd2d6;background:#fff}.option-btn.toggle.active{border-color:#e8ca5d;background:#fff9dd;color:#6e5700}
.option-btn>span{font-size:21px;line-height:1;min-width:22px;text-align:center}.option-btn b{font-size:13px}.option-btn small{font-size:12px}
.send-btn{flex:0 0 48px;width:48px;height:48px;border-radius:12px;position:relative;z-index:2;box-shadow:0 6px 16px rgba(24,26,30,.16);transition:transform .16s,background .16s}.send-btn:hover{background:#000;transform:translateY(-1px)}
.popover{border-radius:10px;box-shadow:0 20px 55px rgba(28,31,36,.16)}
.quick-starts{width:min(1040px,calc(100vw - 270px));gap:12px;margin-top:18px}.quick-starts>button{min-height:104px;padding:18px;border-radius:8px;background:#fff;transition:transform .16s,box-shadow .16s}.quick-starts>button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(28,31,36,.07)}
.quick-starts>button>span{font-size:23px;background:#f3f4f5}
.generation-view{background:#f4f5f6}.generation-layout{gap:16px}.conversation-scroll{padding-right:6px}.user-prompt{background:#25272b}.assistant-bubble,.assistant-copy,.chat-article,.document-panel{border-color:#e2e4e7;box-shadow:0 7px 24px rgba(28,31,36,.045)}
.conversation-panel .mini-composer{border-radius:10px}.conversation-panel .mini-composer:focus-within{border-color:#c9a51e;box-shadow:0 0 0 3px rgba(247,204,53,.12),0 8px 24px rgba(25,29,36,.08)}
.document-panel{border-radius:10px}.document-head{padding:0 20px}.format-toolbar{padding:0 20px;background:#fafafa}.format-toolbar button{border-radius:5px}.format-toolbar .layout-btn{background:#202226;color:#fff;padding:0 14px}.format-toolbar .layout-btn:hover{background:#000}
.inline-editor{padding-left:9%;padding-right:9%}.inline-editor:focus-visible{outline:0;box-shadow:inset 0 0 0 2px rgba(247,204,53,.22)}
.inline-layout-bar{height:52px;padding:0 18px;background:#fff8d9;border-bottom-color:#eadb9e}
.platform-switch{background:#eee8cf}.layout-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.inline-layout-bar>.layout-actions{margin-left:auto}.layout-actions button{height:32px;padding:0 12px;border-radius:6px}.layout-copy-btn{background:#202226;color:#fff;font-weight:800}.layout-copy-btn:hover{background:#000}.layout-actions #exit-layout{color:#747b84;background:rgba(255,255,255,.72)}
.project-card:hover .project-cover{border-color:#d4b33e;box-shadow:0 10px 26px rgba(28,31,36,.06)}

/* Skill conversation workflows */
.generation-layout.skill-flow{grid-template-columns:minmax(620px,860px);justify-content:center}
.generation-layout.skill-flow .document-panel{display:none}
.generation-layout.skill-flow .conversation-panel{width:100%;max-width:860px}
.generation-layout.skill-flow .conversation-scroll{padding:10px 20px 34px}
.generation-layout.skill-flow .user-prompt{max-width:72%;margin-left:auto}
.flow-user{margin-top:18px}
.flow-message{margin-top:20px;grid-template-columns:38px minmax(0,1fr)}
.flow-message .assistant-avatar{width:38px;height:38px;background:#f1c936;color:#252525;font-family:inherit;font-weight:900}
.flow-bubble{padding:20px 22px;overflow:visible}
.flow-bubble h2,.flow-bubble h3,.flow-bubble p{margin-top:0}.flow-bubble h3{font-size:18px;line-height:1.55;margin-bottom:12px}.flow-bubble>p:last-of-type{margin-bottom:0;color:#555d66;line-height:1.75}
.flow-kicker{margin-bottom:7px!important;color:#987300!important;font-size:11px!important;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.question-message .flow-bubble{border-color:#e5d792;background:#fffef8}
.question-progress{display:flex;align-items:center;gap:6px;margin-top:18px}.question-progress span{width:34px;height:4px;border-radius:4px;background:#e4e5e7}.question-progress span.active{background:#efc52d}.question-progress b{margin-left:auto;color:#91969e;font-size:11px}
.thinking-message .flow-bubble{padding:15px 18px}.thinking-line{display:flex;align-items:center;gap:10px;color:#656c75}.thinking-line i{width:16px;height:16px;border:2px solid #e3bd2f;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.result-message .flow-bubble{padding:0;border:0;background:transparent;box-shadow:none}.result-heading{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px}.result-heading h2{margin:0 0 7px;font-size:22px}.result-heading>p:last-child{margin:0;color:#777e87}
.ip-position-list,.viral-topic-list{display:grid;gap:10px;margin-top:10px}
.ip-position-card{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;transition:.16s}.ip-position-card:hover{border-color:#d8b632;box-shadow:0 10px 28px rgba(28,31,36,.06)}
.position-index{font-family:Georgia,serif;font-size:25px;color:#c5a21e}.ip-position-card h3{font-size:20px;margin-bottom:14px}.ip-position-card dl{display:grid;grid-template-columns:72px 1fr;gap:8px 12px;margin:0}.ip-position-card dt{color:#9a7a00;font-size:12px;font-weight:900}.ip-position-card dd{margin:0;color:#59606a;font-size:13px;line-height:1.55}.ip-position-card button{height:38px;margin-top:16px;padding:0 14px;border-radius:7px;background:#202226;color:#fff;font-size:12px;font-weight:800}
.hotspot-steps{display:grid;gap:8px;margin-top:18px}.hotspot-steps span{padding:11px 13px;border-radius:7px;background:#f4f5f6;color:#9aa0a8;font-size:13px}.hotspot-steps span.running{background:#fff8d8;color:#7c6100;font-weight:800}.hotspot-steps span.done{background:#eaf8f1;color:#178657}
.viral-topic-card{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px}.viral-topic-meta{display:flex;align-items:center;justify-content:space-between;color:#858c95;font-size:11px}.viral-topic-meta b{color:#a47b00}.viral-topic-card h3{margin:11px 0 9px;font-size:18px;line-height:1.55}.viral-topic-card>p{margin:0;color:#606771;font-size:13px;line-height:1.7}.viral-topic-card>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #eff0f1}.viral-topic-card>div:last-child>span{color:#969ca4;font-size:11px}.viral-topic-card button{flex:0 0 auto;height:36px;padding:0 13px;border-radius:7px;background:#202226;color:#fff;font-size:12px;font-weight:800}
@media(max-width:1100px){.generation-layout.skill-flow{grid-template-columns:minmax(600px,1fr)}}