body{height:100svh;overflow:hidden}.studio-shell{display:grid;grid-template-columns:245px minmax(0,1fr);height:calc(100svh - 82px)}.studio-rail{background:#111;color:white;padding:35px 27px 25px;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.rail-caption{font-size:7px;letter-spacing:.04em;color:#aaa}.rail-number{font-size:122px;line-height:1;letter-spacing:-.085em;display:block;margin:20px 0 8px}.studio-rail h1{font:400 34px/.96 var(--bold);letter-spacing:-.05em}.rail-statement{font-size:20px;line-height:1.15;letter-spacing:-.035em;margin:40px 0}.rail-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.rail-bottom>p{font-size:11px;line-height:1.65;color:#aaa;margin-bottom:12px}.rail-bottom button,.rail-bottom a{padding:0 0 3px;font-size:10px;color:white;border-bottom:1px solid #777}.rail-bottom>span{font-size:6px;letter-spacing:.025em;color:#777;margin-top:17px}.writing-room{min-width:0;min-height:0;display:flex;flex-direction:column}.room-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 35px;border-bottom:1px solid #ddd;gap:25px;min-height:73px;flex-shrink:0}.client-selector{display:flex;align-items:baseline;gap:17px;min-width:0}.client-selector>span{font-size:8px;color:#999}.client-selector>button{padding:0;text-align:left;font-size:17px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-selector>button>span{margin-left:18px;font-size:19px}.room-tools{display:flex;gap:27px;white-space:nowrap}.room-tools button{font-size:10px;padding:0}.room-tools button:hover,.client-selector>button:hover{text-decoration:underline;text-underline-offset:5px}.room-tools button>span{font-size:8px;color:#999;margin-left:8px}.conversation-canvas{flex:1;min-height:0;overflow:auto;padding:35px;scrollbar-width:thin;scrollbar-color:#bbb #fff;outline-offset:-3px}.welcome-view{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.canvas-kicker{font-size:8px;color:#888;letter-spacing:.03em}.welcome-title{font:400 clamp(62px,7.5vw,130px)/.88 var(--bold);letter-spacing:-.065em;margin:10px 0}.request-dock{border-top:1px solid #111;padding:20px 35px 17px;flex-shrink:0;background:#fff}.dock-heading{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.03em;margin-bottom:13px}.dock-heading>span{color:#999;text-align:right}.request-line{display:flex;gap:25px;align-items:stretch}.request-line textarea{width:100%;min-width:0;resize:none;border:0;border-radius:0;outline:0;background:white;padding:7px 0;min-height:82px;max-height:125px;line-height:1.7;font-size:17px;letter-spacing:-.02em}.request-line textarea::placeholder{color:#aaa}.request-line textarea:focus-visible{outline:0;box-shadow:inset 0 -1px #111}.request-line>button{background:#111;color:white;min-width:88px;padding:10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.request-line>button>span{font-size:6px;letter-spacing:.06em}.request-line>button>strong{font-size:34px;line-height:1;letter-spacing:-.06em}.request-line>button:hover:not(:disabled){background:#333}.dock-foot{display:flex;justify-content:space-between;gap:25px;font-size:8px;color:#999;margin-top:13px}.dock-foot>span{white-space:nowrap}.studio-error{font-size:11px;line-height:1.7;margin-top:13px;padding-top:10px;border-top:1px solid #aaa}.studio-error:empty{display:none}.recorded-notice{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f0f0;padding:12px 35px;flex-shrink:0}.recorded-notice p{font-size:9px;line-height:1.7;color:#666}.recorded-notice button{white-space:nowrap;font-size:9px;text-decoration:underline;text-underline-offset:4px;padding:0}.set-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 35px}.set-heading h2{font-size:clamp(32px,3.5vw,55px);line-height:.96;letter-spacing:-.05em}.set-heading>p{font-size:8px;text-align:right;color:#888;max-width:190px}.draft-sheets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.draft-sheet{min-width:0;border-top:1px solid #111;padding-top:17px;display:flex;flex-direction:column}.sheet-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sheet-number{font-size:65px;line-height:1;letter-spacing:-.065em}.sheet-heading>span:last-child{font-size:7px;color:#999}.draft-message{font-family:var(--sans),'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0 30px}.sheet-footer{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid #ddd}.sheet-footer>span{font-size:7px;color:#999}.copy-draft{font-size:9px;padding:0 0 3px;border-bottom:1px solid #111;white-space:nowrap}.set-note{font-size:9px;line-height:1.7;color:#888;margin-top:35px;border-top:1px solid #ddd;padding-top:17px}.message-state{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:600px}.message-state h2{font-size:clamp(40px,5vw,75px);letter-spacing:-.05em;line-height:1}.message-state>p:not(.canvas-kicker){font-size:13px;line-height:1.8;color:#888}.writing-indicator{height:2px;max-width:200px;background:#eee;overflow:hidden}.writing-indicator:after{content:'';display:block;width:45%;height:100%;background:#111;animation:writing 1.6s ease-in-out infinite}.context-drawer{border:0;color:#111;background:#fff;max-height:90svh}.context-drawer::backdrop{background:#0006}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading p,.dialog-heading button{font-size:8px}.dialog-heading button{padding:5px 0}.client-option{display:flex;justify-content:space-between;align-items:baseline;gap:15px;width:100%;padding:17px 0;border-bottom:1px solid #ddd;text-align:left}.client-option>strong{font-size:18px;letter-spacing:-.025em}.client-option>span{font-size:9px;color:#999;text-align:right}.client-option:hover{background:#f5f5f5}.context-drawer{inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100svh;max-height:100svh;max-width:100%;padding:30px 35px;overflow-y:auto}.context-drawer h2{font-size:65px;line-height:.93;letter-spacing:-.055em;margin:45px 0 35px}.context-client-name{font-size:23px;letter-spacing:-.03em;margin-bottom:7px}.context-client-meta{font-size:10px;color:#999}.context-facts{margin:30px 0}.context-facts>div{border-top:1px solid #ddd;padding:15px 0;font-size:12px;line-height:1.7}.context-facts dt{color:#999;font-size:8px;margin-bottom:7px}.context-facts dd{margin:0;overflow-wrap:anywhere}.profile-guidance{font-size:11px;border-top:1px solid #ddd;padding-top:15px;color:#777}.profile-guidance summary{cursor:pointer;color:#111}.profile-guidance p{font-size:11px;line-height:1.8;margin-top:13px}.profile-guidance .profile-note{font-size:9px;color:#999}.history-editor{margin-top:35px;border-top:1px solid #111;padding-top:20px}.history-editor label{font-size:12px;display:flex;justify-content:space-between;gap:20px}.history-editor label>span{font-size:7px;color:#999;padding-top:3px}.history-editor textarea{width:100%;resize:vertical;background:#fafafa;border:1px solid #ccc;border-radius:0;padding:15px;font-size:12px;line-height:1.8;margin:15px 0 10px}.history-editor>p{font-size:9px;line-height:1.7;color:#999}.recorded-workspace .request-line textarea{color:#888}.recorded-workspace .request-line>button{opacity:.3}
#draft-view{min-height:0;display:flex;flex-direction:column;flex:none}.welcome-view,.message-state{flex:1}
@keyframes writing{0%,100%{transform:translateX(-100%)}50%{transform:translateX(220%)}}
@media(min-width:1700px){.studio-shell{grid-template-columns:300px minmax(0,1fr)}.studio-rail{padding:40px}.studio-rail h1{font-size:43px}.conversation-canvas{padding:45px 55px}.room-toolbar{padding-left:55px;padding-right:55px}.request-dock{padding-left:55px;padding-right:55px}.draft-message{font-size:16px}.draft-sheets{gap:40px}}
@media(max-width:1100px){.studio-shell{grid-template-columns:190px minmax(0,1fr)}.studio-rail{padding:30px 22px}.rail-number{font-size:100px}.studio-rail h1{font-size:29px}.rail-statement{font-size:16px}.rail-caption{font-size:6px}.rail-bottom>p{font-size:10px}.rail-bottom button,.rail-bottom a{font-size:9px}.conversation-canvas{padding:28px}.room-toolbar{padding:20px 28px}.request-dock{padding:17px 28px}.draft-sheets{gap:20px}.draft-message{font-size:13px}.sheet-number{font-size:50px}.sheet-footer{flex-direction:column;gap:12px}.welcome-title{font-size:8.4vw}}
@media(max-width:850px){.studio-shell{grid-template-columns:160px minmax(0,1fr)}.studio-rail{padding:25px 18px}.rail-number{font-size:86px}.studio-rail h1{font-size:25px}.rail-caption{line-height:1.8}.rail-statement{font-size:15px}.room-toolbar{padding:20px;gap:15px}.room-tools{gap:17px}.room-tools button{font-size:9px}.client-selector{gap:10px}.client-selector>button{font-size:14px}.client-selector>button>span{margin-left:8px}.conversation-canvas{padding:25px 20px}.request-dock{padding-left:20px;padding-right:20px}.request-line textarea{font-size:15px}.draft-sheets{grid-template-columns:1fr;gap:30px}.draft-sheet{display:grid;grid-template-columns:65px minmax(0,1fr);gap:0 15px}.sheet-heading{flex-direction:column;justify-content:flex-start;gap:10px}.draft-message{margin:0 0 20px;font-size:14px}.sheet-footer{grid-column:2;flex-direction:row}.set-heading h2{font-size:38px}.recorded-notice{padding-left:20px;padding-right:20px}}
@media(max-width:600px){.studio-shell{height:calc(100svh - 65px);grid-template-columns:1fr;grid-template-rows:54px minmax(0,1fr)}.studio-rail{padding:0 20px;display:flex;flex-direction:row;align-items:center}.studio-rail>div:first-child{display:flex;align-items:center;gap:12px}.rail-caption,.rail-statement,.rail-bottom>p,.rail-bottom>a,.rail-bottom>span{display:none}.rail-number{font-size:25px;margin:0;letter-spacing:-.06em}.studio-rail h1{font:500 10px/1 var(--sans);letter-spacing:0}.studio-rail h1 br{display:none}.rail-bottom{gap:0}.rail-bottom button{font-size:8px;border-color:#888}.room-toolbar{min-height:58px;padding:15px 20px}.client-selector>span{font-size:6px}.client-selector>button{font-size:13px;max-width:160px}.client-selector>button>span{font-size:15px}.room-tools{gap:14px}.room-tools button{font-size:8px}.room-tools button>span{font-size:6px;margin-left:3px}.conversation-canvas{padding:24px 20px}.welcome-title{font-size:17vw;line-height:.9;margin:0}.canvas-kicker{font-size:6px}.welcome-view{gap:15px}.request-dock{padding:15px 20px 13px}.dock-heading{font-size:6px;margin-bottom:9px}.request-line{gap:17px}.request-line textarea{font-size:14px;min-height:67px;padding:2px 0;line-height:1.6}.request-line>button{min-width:64px;padding:7px}.request-line>button>strong{font-size:28px}.request-line>button>span{font-size:5px}.dock-foot{font-size:6px;gap:15px;margin-top:10px}.dock-foot>p{max-width:220px}.recorded-notice{padding:9px 20px;align-items:flex-start}.recorded-notice p{font-size:7px}.recorded-notice button{font-size:7px}.set-heading{margin-bottom:25px;align-items:flex-start}.set-heading h2{font-size:32px}.set-heading>p{font-size:6px;max-width:95px}.sheet-number{font-size:45px}.draft-sheet{grid-template-columns:48px minmax(0,1fr);gap:0 12px}.draft-message{font-size:13px;line-height:1.9}.sheet-heading>span:last-child{font-size:6px}.sheet-footer>span{font-size:6px}.copy-draft{font-size:8px}.set-note{font-size:8px}.studio-error{font-size:10px;margin-top:9px}.message-state h2{font-size:44px}.message-state>p:not(.canvas-kicker){font-size:11px}.client-option>strong{font-size:17px}.client-option>span{font-size:8px}.context-drawer{padding:25px}.context-drawer h2{font-size:62px}}
@media(max-height:740px) and (min-width:601px){.studio-rail{padding-top:22px;padding-bottom:20px}.rail-number{font-size:85px;margin-top:12px}.rail-statement{margin:20px 0;font-size:15px}.rail-bottom{gap:13px}.rail-bottom>p{margin-bottom:0;font-size:9px}.rail-bottom>span{margin-top:7px}.room-toolbar{min-height:60px;padding-top:15px;padding-bottom:15px}.conversation-canvas{padding-top:20px;padding-bottom:20px}.welcome-title{font-size:min(7vw,95px)}.request-dock{padding-top:14px;padding-bottom:13px}.request-line textarea{min-height:65px}.request-line>button>strong{font-size:27px}}
@media(max-width:600px) and (max-height:720px){.welcome-title{font-size:14vw}.conversation-canvas{padding-top:18px;padding-bottom:18px}.welcome-view{gap:12px}.request-line textarea{min-height:60px}.request-dock{padding-top:12px}.studio-shell{grid-template-rows:46px minmax(0,1fr)}}
.writing-surface{width:100%;max-width:960px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:30px}.writing-surface .welcome-view{min-height:0;gap:20px;text-align:center;align-items:center}.writing-surface .welcome-title{font-size:clamp(42px,5.2vw,80px);line-height:.92;margin:0}.writing-surface .request-dock{border:1px solid #111;padding:22px 25px 18px;width:100%;margin:0}.request-entry{flex:1;min-width:0}.writing-surface .request-line textarea{min-height:96px;max-height:180px;font-size:16px;resize:vertical;padding:7px 0;width:100%}.writing-surface .request-line>button{align-self:flex-start;min-height:90px}.keyboard-help{font-size:7px;color:#999;margin-top:12px;padding-top:11px;border-top:1px solid #eee;letter-spacing:.025em}.inline-mentions{border-top:1px solid #111;margin-top:8px;padding-top:12px}.mentions-caption{font-size:7px;color:#999;margin-bottom:8px}.inline-options{max-height:166px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.inline-options .client-option{cursor:pointer;padding:11px 9px;border-bottom:1px solid #eee}.inline-options .client-option>strong{font-size:14px}.inline-options .client-option>span{font-size:8px}.inline-options .client-option[aria-selected=true]{background:#111;color:#fff}.inline-options .client-option[aria-selected=true]>span{color:#bbb}.mentions-status{font-size:7px;color:#999;line-height:1.7;margin-top:10px}.has-output .writing-surface{justify-content:flex-start;gap:35px}.has-output #draft-view{order:2}.has-output .writing-surface .request-dock{order:1}.writing-surface .message-state{min-height:230px}.has-output .set-heading{margin-top:5px}
@media(max-width:850px){.writing-surface{gap:25px}.writing-surface .request-dock{padding:20px}.writing-surface .welcome-title{font-size:6vw}.writing-surface .request-line{gap:17px}}
@media(max-width:600px){.writing-surface{gap:25px}.writing-surface .welcome-title{font-size:11vw}.writing-surface .welcome-view{gap:15px}.writing-surface .request-dock{padding:17px}.writing-surface .request-line textarea{font-size:14px;min-height:100px}.writing-surface .request-line>button{min-width:52px;min-height:70px;padding:7px}.writing-surface .request-line{gap:12px}.writing-surface .dock-heading{font-size:6px;gap:10px}.writing-surface .dock-foot{font-size:6px;gap:8px}.writing-surface .dock-foot>span{font-size:5px}.keyboard-help{font-size:6px}.inline-options{max-height:150px}.inline-options .client-option{padding:10px 7px;gap:10px}.inline-options .client-option>strong{font-size:12px}.inline-options .client-option>span{font-size:6px}.mentions-caption,.mentions-status{font-size:6px}.has-output .writing-surface{gap:27px}}

/* Keep the composer itself at the centre of the writing area. */
.writing-surface{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);height:100%;gap:20px}
.writing-surface #draft-view{grid-row:1;align-self:end}
.writing-surface .request-dock{grid-row:2}
.mention-open:not(.has-output) #draft-view{visibility:hidden}
.has-output .writing-surface{display:flex;height:auto}
@media(max-height:800px) and (min-width:601px){.writing-surface .welcome-title{font-size:50px}.writing-surface .welcome-view{gap:12px}}

.delivery-note{font-size:10px;line-height:1.7;color:#666;border-top:1px solid #111;padding:12px 0;margin-bottom:22px}