/* Writing-first layout; retain the original green and cream palette. */
.corner-controls{position:fixed;top:14px;left:20px;display:flex;align-items:center;gap:18px;z-index:30;height:46px}
.studio-mark{font-size:30px;color:#365a49}
.corner-buttons{display:flex;gap:4px;padding:3px;border:1px solid #d7ddd4;border-radius:30px;background:#fcfcf9;box-shadow:0 2px 10px #303d3805}
.corner-buttons button{border:0;border-radius:50%;padding:0;width:38px;height:38px;font-size:24px;background:transparent}
.corner-buttons button:hover{background:#dce5d9}
#sidebar{position:fixed;inset:0 auto 0 0;width:280px;padding:82px 20px 24px;z-index:20;overflow-y:auto;background:#eeeee7;border-right:1px solid #dddfd5}
#sidebar[hidden]{display:none}
#sidebar .brand{font-size:21px}#sidebar .brand small{margin:4px 0 24px}
#sidebar nav{display:block}#sidebar nav button{width:100%}
#sidebar footer{display:block;position:static;width:auto;margin-top:36px}
#drawerManuscripts{border-top:1px solid #d7ddd4;margin-top:22px;padding-top:8px}
#drawerManuscripts h3{font-size:13px;color:#788278}
#drawerManuscripts .doc{overflow-wrap:anywhere}
main{margin-left:0;padding:22px 40px 30px;transition:margin-left .2s}
.sidebar-open main{margin-left:280px}
header{min-height:50px;padding-left:175px;align-items:center;padding-bottom:16px}
.sidebar-open header{padding-left:0}
.writing-mode .intro{display:none}
#notice{min-height:28px;font-size:12px;text-align:right;padding:6px 0}
.workspace{display:block}
.editor-panel{max-width:1400px;margin:0 auto;padding:28px 36px;border-radius:20px;background:#fcfcf9}
.editor-panel #title{background:transparent;border:0;border-radius:0;padding:8px 0 18px;margin-bottom:12px;font-size:27px}
.editor-panel .toolbar{border-bottom:1px solid #e1e4da;padding-bottom:15px}
.editor-panel .toolbar button{font-size:13px;padding:7px 12px;border-radius:18px;background:transparent}
.editor-panel #body,.editor-panel #preview{background:transparent;border:0;padding:8px 0;min-height:calc(100dvh - 285px);font-size:17px;line-height:2;resize:vertical}
.editor-panel #body:focus{outline:none}
.editor-panel #body:focus-visible{box-shadow:inset 2px 0 #dce5d9;padding-left:12px}
@media(max-width:850px){main{padding:20px 16px}.sidebar-open main{margin-left:0}#sidebar{box-shadow:10px 0 40px #303d3820}header>span:first-child{display:none}header{justify-content:flex-end}.editor-panel{padding:20px}.editor-panel #title{font-size:23px}.editor-panel #body{min-height:calc(100dvh - 310px)}}
@media(prefers-reduced-motion:reduce){main{transition:none}}
/* Branded landing page, inspired by the supplied composition. */
.corner-controls{gap:16px}.studio-mark{display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;font-size:28px;font-weight:bold;white-space:nowrap}.studio-mark span{font-size:23px;letter-spacing:1px}.studio-mark:hover{background:transparent}
header{padding-left:310px}.home-mode header>span:first-child{visibility:hidden}.home-mode .intro{display:none}.home-mode header{border-bottom:1px solid #dce2d54d}.home-mode #notice{position:absolute;top:80px;right:40px;max-width:70%;z-index:1}
.home-mode{min-height:100dvh;background:radial-gradient(ellipse at 12% 45%,#dce5d9b0,transparent 50%),radial-gradient(ellipse at 82% 0%,#e1e8d9b0,transparent 48%),#f7f6f2}
.home-hero{max-width:1100px;margin:0 auto;padding:clamp(60px,12vh,130px) 0 32px;text-align:center}.home-eyebrow{font-size:15px;color:#899282;margin:0 0 28px}.home-hero h1{font-family:'Microsoft YaHei',sans-serif;font-size:clamp(38px,4.3vw,62px);font-weight:500;letter-spacing:.3em;text-indent:.3em;margin:0 0 14px;color:#365044}.home-tagline{font-size:16px;letter-spacing:3px;margin:0 0 48px;color:#7b8877}
.home-composer{background:#ffffff70;border:1px solid #ffffff;border-radius:28px;box-shadow:0 8px 40px #516b4910;padding:22px 24px 16px;text-align:left}.home-composer textarea{background:transparent;border:0;border-radius:12px;min-height:92px;height:92px;max-height:260px;resize:vertical;padding:0 3px;font-size:18px;line-height:1.7}.home-composer textarea:focus{outline:2px solid #dce5d9;outline-offset:6px}.home-composer textarea::placeholder{color:#879180}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.composer-bottom>span{font-size:12px;color:#7c8876;border:1px solid #d7ddd4;border-radius:20px;padding:5px 13px}.composer-divider{padding:0 8px;color:#a9b1a3}.composer-bottom button{border-radius:50%;font-size:27px;width:45px;height:45px;padding:0}
.home-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:38px}.home-links button{border-radius:28px;padding:13px 24px;background:#ffffff65}.home-links button:hover{background:#dce5d9}.home-footnote{font-size:12px;letter-spacing:2px;margin-top:32px;color:#9aa291}
@media(max-width:850px){.corner-controls{left:16px;gap:10px}.studio-mark span{font-size:19px}.studio-mark{font-size:24px}.corner-buttons button{width:32px;height:32px;font-size:21px}header{padding-left:0}.home-hero{padding-top:80px}.home-eyebrow{font-size:12px}.home-tagline{font-size:14px;margin-bottom:32px}.home-composer{padding:20px 18px 14px}.home-links{gap:10px;margin-top:26px}.home-links button{font-size:13px;padding:10px 16px}}
@media(max-width:480px){header .pill{font-size:10px;padding:3px 7px}.corner-controls{gap:7px}.studio-mark span{font-size:17px}.home-hero h1{font-size:38px}.home-composer textarea{font-size:16px}}