:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263b43;background:#f7f8f6;font-synthesis:none;--green:#197565;--border:#e3e9e5;--muted:#7b8b89;--paper:#fff;--soft:#edf4ef}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;border:0;background:transparent;color:inherit;transition:background .15s,color .15s}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){background:#eaf0eb}a{color:inherit;text-decoration:none}input,textarea{width:100%;border:1px solid #d8e2dc;border-radius:9px;padding:12px 13px;background:#fff;color:#263b43}input:focus,textarea:focus{outline:2px solid #6faa98;border-color:transparent}input[readonly]{background:#f5f7f5;font-size:12px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}label{display:block;font-size:13px;font-weight:600}label>input{margin:8px 0 17px}textarea{margin:4px 0 16px;resize:vertical}h1,h2,h3,p{margin:0}h2{font-size:20px}p{line-height:1.75}small{font-size:11px}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.quiet{color:var(--muted)}.small-copy{font-size:12px}.text-button{padding:7px 8px;color:var(--green);font-size:12px;border-radius:6px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);padding:10px 17px;border-radius:9px;font-size:13px;font-weight:600}.primary:hover:not(:disabled){background:#135e51}.secondary{padding:10px 16px;background:#fff;border:1px solid #dbe4de;border-radius:9px;font-size:13px}.large{padding:15px 23px;font-size:15px}.small{padding:8px 11px;font-size:12px}.full{width:100%;margin-top:12px}.danger{background:#aa483d;color:white;padding:12px;border-radius:9px}.danger-text{color:#a54d3d}.icon-button{font-size:20px;min-width:36px;min-height:36px;border-radius:8px}.reviewbar{height:31px;padding:0 24px;background:#e9eee9;color:#66736f;font-size:11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4dd}.reviewbar b{font-weight:600;color:#435b51}.reviewbar button{font-size:11px;padding:4px 9px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:20px;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--green);color:white;font-size:28px;font-weight:450;line-height:1;padding-bottom:3px;letter-spacing:-2px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#40937c;flex-shrink:0}.muted-dot{background:#a1aca5}

.eyebrow{font-size:11px;color:#648174;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:8px}
.home-mode .reviewbar{display:none}
.home-shell{max-width:1000px;margin:0 auto;padding:0 40px 48px}
.home-header{height:96px;display:flex;align-items:center}
.home-hero{padding:72px 0 88px;text-align:center}
.home-hero h1{font-size:18px;line-height:1.5;letter-spacing:0;font-weight:500;margin:0;white-space:nowrap}
.home-hero em{font-style:normal;color:var(--green)}
.home-actions{display:flex;justify-content:center;gap:14px;margin-top:24px}
.home-actions .large{min-width:140px;min-height:48px}
.recent{border-top:1px solid var(--border);padding:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.recent h2{grid-column:1/-1;font-size:14px;font-weight:600;margin-bottom:4px}
.recent-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.recent-heading h2{margin:0}
.recent-error{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;gap:12px;font-size:13px}
.room-history{display:grid;gap:10px;margin-top:16px}
.room-history .recent-card{width:100%}
.recent-card{background:white;border:1px solid var(--border);padding:16px;display:flex;align-items:center;gap:12px;border-radius:12px;min-width:0;text-align:left}
.recent-card>span:nth-child(2){min-width:0}
.recent-card>span:last-child{margin-left:auto}
.recent-card strong{font-size:13px;display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-card small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
@media(max-width:620px){.home-shell{padding:0 24px 32px}.home-header{height:80px}.home-hero{padding:58px 0 64px}.home-hero h1{font-size:16px}.home-actions{gap:12px;margin-top:20px}.home-actions .large{min-width:0;flex:1;max-width:160px;padding:14px 20px;font-size:14px}.recent{grid-template-columns:1fr;padding-top:24px}}

.workspace{height:calc(100dvh - 31px);min-height:580px;display:flex;flex-direction:column}.room-header{height:76px;flex-shrink:0;background:#fff;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid var(--border);gap:35px}.brand.compact{font-size:18px}.room-heading{padding-left:26px;border-left:1px solid var(--border);min-width:0}.room-heading h1{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-state{font-size:10px;color:#839489;margin-top:6px}.warning-text{color:#ad7331}.header-actions{margin-left:auto;display:flex;align-items:center;gap:15px;flex-shrink:0}.room-body{display:flex;flex:1;min-height:0}.materials-panel{width:223px;flex-shrink:0;background:#fbfcfa;border-right:1px solid var(--border);display:flex;flex-direction:column}.panel-title{padding:23px 18px 17px;display:flex;align-items:center;justify-content:space-between;gap:5px}.panel-title h2{font-size:13px;font-weight:650}.panel-title h2 span{font-size:11px;color:#84968a;margin-left:4px}.material-list{padding:0 10px;overflow:auto;flex:1}.material-item{width:100%;display:flex;align-items:center;gap:10px;padding:13px 10px;text-align:left;margin-bottom:7px;border:1px solid transparent;border-radius:10px}.material-item.selected{background:#eaf2ed;border-color:#d8e6de}.material-item strong{font-size:12px;font-weight:550;line-height:1.5;display:block;overflow-wrap:anywhere}.material-item small{display:block;font-size:9px;color:#7f9589;margin-top:5px}.material-item .live-dot{margin-left:auto}.file-icon{width:32px;height:41px;background:white;display:flex;align-items:center;justify-content:center;border:1px solid #e1e7df;border-radius:6px;color:#839780;flex-shrink:0;font-size:20px}.side-bottom{padding:16px 18px;font-size:12px;color:#5d7765;border-top:1px solid var(--border);margin-top:15px}.side-bottom>p{font-size:12px;margin-top:10px}.side-bottom .small-copy{font-size:11px}.tiny-label{color:#98a79c;font-size:9px;letter-spacing:2px}.empty-sidebar{font-size:12px;line-height:1.9;color:#99a49c;text-align:center;padding:45px 12px}.canvas-area{display:flex;flex:1;flex-direction:column;min-width:0;background:#f0f3ef}.context-bar{height:67px;flex-shrink:0;padding:14px 25px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e6ebe4;background:#f6f8f4}.context-bar>div:first-child{min-width:0}.context-bar strong{font-size:11px;font-weight:600;margin-left:7px}.context-bar small{display:block;font-size:10px;color:#8a9a8d;margin:5px 0 0 13px}.context-bar>div:last-child{display:flex;gap:7px;flex-shrink:0}.stage{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.stage-inner{max-width:750px;padding:29px 42px 35px;margin:0 auto}.paper{background:#fffefb;aspect-ratio:1000/1334;position:relative;border:1px solid #e7e9e1;box-shadow:0 8px 25px #465b4710;width:100%;isolation:isolate;container-type:inline-size}.sample-paper{position:absolute;inset:0;padding:8% 9%;color:#3a4841;overflow:hidden}.paper-kicker{font-size:1.6cqw;letter-spacing:.4cqw;color:#809184;display:flex;justify-content:space-between}.paper-kicker span{color:#a1ab9d;font-size:1.4cqw}.sample-paper h2{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:5.6cqw;font-weight:450;line-height:1.5;letter-spacing:.15cqw;margin:7% 0 5%}.paper-lead{font-size:2.1cqw;line-height:1.8;color:#8d978b}.paper-rule{height:1px;background:#e0e5d9;margin:6% 0}.plan-row{display:flex;gap:6%;margin:7% 0}.plan-row>span{font-family:Georgia,serif;font-size:2.5cqw;color:#7e917e;padding-top:.5cqw}.plan-row h3{font-size:2.6cqw;font-weight:550;margin-bottom:2%}.plan-row p{font-size:1.8cqw;color:#9ba18f}.paper-callout{border-left:2px solid #a7b793;background:#f4f5ed;padding:4% 5%;margin-top:8%}.paper-callout>span{font-size:1.65cqw;color:#879b79}.paper-callout p{margin-top:4%;font-size:2.05cqw;color:#758669}.paper-foot{display:flex;justify-content:space-between;position:absolute;bottom:6%;left:9%;right:9%;font-size:1.35cqw;color:#a7b09e;letter-spacing:.2cqw}.paper-foot span{letter-spacing:0}.paper-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.image-caption{position:absolute;bottom:1%;left:0;width:100%;text-align:center;font-size:1.7cqw;color:#7d887d;background:#ffffffde;padding:6px}.text-paper{position:absolute;inset:0;padding:8%;overflow:hidden}.text-paper h2{font-size:4cqw;margin-bottom:6%}.text-paper pre{white-space:pre-wrap;word-break:break-word;font:2.2cqw/1.8 inherit;margin:0}.ink-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.browse-canvas{pointer-events:none}.writing-bar{margin:0 auto 18px;max-width:calc(100% - 28px);padding:6px;background:#fff;border:1px solid #dce5dd;border-radius:12px;display:flex;align-items:center;gap:5px;box-shadow:0 6px 15px #49614b08;flex-shrink:0}.tool-group{display:flex;align-items:center;gap:3px}.tool{padding:10px 11px;font-size:12px;border-radius:8px;white-space:nowrap}.active-tool{background:#e8f2ec;color:var(--green);font-weight:650}.toolbar-divider{width:1px;height:22px;background:#e2e8df;margin:0 3px}.scope-button{font-size:10px;border-radius:6px;padding:11px 12px;color:#547663;white-space:nowrap}.scope-button span{margin-left:9px}.people-panel{width:233px;flex-shrink:0;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:auto}.member-list{padding:0 16px}.member-card{padding:13px 0 15px;border-bottom:1px solid #edf0eb}.member-top{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;background:#eef0e6;color:#78855d;width:36px;height:36px;font-size:13px;border-radius:12px;flex-shrink:0}.self-avatar{background:#e6f1ec;color:#397b63}.member-top strong{font-size:12px;font-weight:550;display:block;word-break:break-word}.member-top small{display:block;font-size:10px;color:#95a092;margin-top:5px}.member-top strong small{display:inline}.member-actions{display:flex;align-items:center;gap:5px;margin:5px 0 -4px 40px;flex-wrap:wrap}.member-actions .text-button{font-size:10px;padding:5px 4px}.member-actions small{font-size:9px}.people-tip{margin:auto 17px 18px;padding:17px 14px;background:#f7f8f3;border:1px solid #edf0e6;border-radius:10px}.people-tip strong{font-size:11px;color:#6f8366}.people-tip p{font-size:10px;color:#9ca792;margin-top:8px}.people-tip button{margin-top:10px}.room-footer{height:65px;background:white;border-top:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.footer-left,.footer-right{display:flex;align-items:center;gap:7px}.device-note{font-size:9px;color:#9aa59e;margin-left:10px}.state-banner{background:#fbf0d9;color:#8d722e;font-size:12px;padding:9px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pending-bar{font-size:11px;background:#fdf4df;padding:5px 15px;color:#9a782f}.empty-canvas{min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-illustration{display:block;font-size:76px;line-height:1;color:#b1c8b9;position:relative;margin-bottom:33px}.empty-illustration i{font-style:normal;position:absolute;font-size:25px;bottom:-4px;right:-10px;color:#49846a;background:#e5eee5;border:5px solid #f0f3ef;border-radius:50%;padding:2px}.empty-canvas h2{font-size:22px;font-weight:500}.empty-canvas p{font-size:13px;color:#91a18f;margin:17px 0 26px}.empty-canvas .small-copy{margin-top:23px;font-size:11px}.scrim{position:fixed;inset:0;z-index:20;background:#233b3550;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;border-radius:18px;padding:27px;max-width:460px;width:100%;box-shadow:0 25px 90px #18302c33;max-height:90dvh;overflow:auto}.dialog.wide{max-width:640px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.dialog-head h2{font-size:19px;font-weight:600}.dialog>p,.dialog form>p{font-size:13px;margin-bottom:18px}.dialog-copy{color:#819086;line-height:1.8}.dialog .notice{margin:16px 0}.notice{background:#f2f5ed;border:1px solid #e5ebdd;color:#7c896e;padding:13px 15px;border-radius:8px;font-size:11px;line-height:1.85}.option-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #edf0e9}.option-row strong{display:block;font-size:12px}.option-row small{display:block;margin-top:5px;color:#93a18b;font-weight:400}.option-row input{margin:0}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:11px}.choice-stack{display:grid;gap:10px}.choice{display:block;padding:16px 18px;border:1px solid #e3e9e0;background:#fafbf8;border-radius:10px;text-align:left;font-size:13px;line-height:1.6}.choice strong{display:block;font-weight:550}.choice small{display:block;font-size:11px;color:#91a08a;margin-top:5px}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.import-card{border:1px solid #e0e8de;border-radius:12px;padding:22px 14px;background:#fafbf8;text-align:left}.import-card>span{font-size:28px;color:#73986e;display:block;margin-bottom:17px}.import-card strong{display:block;font-size:13px;font-weight:550}.import-card small{display:block;font-size:10px;color:#91a08a;line-height:1.8;margin-top:10px}.form-error{font-size:12px!important;color:#b75342;margin-top:13px;margin-bottom:0!important;min-height:0}.check-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.check-row input{margin:0}.check-row span{font-size:12px;font-weight:400;overflow-wrap:anywhere}.check-row small{display:block;color:#91a08a;margin-top:6px}#toast{position:fixed;z-index:50;bottom:85px;left:50%;transform:translate(-50%,10px);background:#294b41;color:#fff;padding:12px 18px;font-size:12px;border-radius:10px;box-shadow:0 8px 25px #1e493c25;max-width:calc(100% - 30px);width:max-content;pointer-events:none;opacity:0;transition:.18s;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.join-page{max-width:490px;margin:55px auto;padding:20px}.join-page>.brand{justify-content:center;margin-bottom:47px}.join-card{background:white;border:1px solid var(--border);border-radius:18px;padding:32px}.join-card h1{font-size:26px;font-weight:550;line-height:1.4;margin:17px 0}.join-card>p{font-size:12px;color:#93a18d;margin-bottom:29px}.join-card label{margin-bottom:8px}.join-note{text-align:center;margin-top:18px!important;margin-bottom:0!important;font-size:10px!important}.status-page{max-width:500px;text-align:center;margin:70px auto;padding:20px}.status-page>.brand{justify-content:center;margin-bottom:60px}.status-page h1{font-size:25px;font-weight:500;margin:15px 0}.status-page p{font-size:13px;margin-bottom:15px}.status-page>button{margin-top:20px}.status-icon{background:#e7f0e6;border:1px solid #dce7d8;width:78px;height:78px;display:grid;place-items:center;margin:auto;border-radius:24px;font-size:35px;color:#7d9875}.media-card{background:white;padding:30px;border:1px solid var(--border);border-radius:14px}.media-card h2{font-size:22px;margin:20px 0}.media-card>p{font-size:12px}.media-card audio,.media-card video{width:100%;max-height:340px;margin:13px 0}.media-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.media-actions small{color:#8b9b83}.notes-list{margin-top:17px;display:grid;gap:10px}.note{padding:16px 19px;background:#fffef8;border:1px solid #e5e8dd;border-radius:9px}.note small{font-size:10px;color:#8d9b7e}.note p{font-size:13px;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.request-list{padding:15px}.request-list h3{font-size:12px;color:#a28742}.request{padding:12px;background:#fbf5e7;border-radius:9px;margin-top:10px;font-size:12px}.request p{margin:5px 0}.mobile-only{display:none}.admin-shell{max-width:1200px;margin:auto;padding:30px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{font-size:24px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.stat-card strong{font-size:29px;display:block;margin-bottom:10px;font-weight:500}.stat-card span{font-size:12px;color:#899681}.admin-section{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;margin:20px 0;overflow:auto}.admin-section h2{font-size:15px;margin-bottom:22px}.admin-section table{border-collapse:collapse;width:100%;min-width:630px;text-align:left;font-size:12px}.admin-section td,.admin-section th{padding:14px 9px;border-bottom:1px solid #edf0e9;vertical-align:top}.admin-section th{font-weight:500;color:#8b9b81}.admin-section td small{display:block;color:#8a9b83;margin-top:5px}.admin-section td p{max-width:400px;overflow-wrap:anywhere}.admin-search{max-width:360px;margin-top:15px}.admin-login{max-width:400px;margin:110px auto;padding:25px}.admin-login h1{font-size:23px;margin-bottom:24px}
.state-banner{flex-wrap:wrap}
.panel-actions{display:flex;align-items:center;gap:6px}
.panel-close{display:none}
.overlay-panel .panel-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.panel-backdrop{position:fixed;inset:0;background:#233b352b;z-index:7;touch-action:none}
.dialog-head .icon-button{min-width:44px;min-height:44px}
.scrim.pen-scrim{align-items:flex-end;justify-content:flex-start;background:#233b3512;backdrop-filter:none;padding:12px 12px var(--pen-bottom,100px) var(--pen-left,12px)}
.dialog.pen-popover{width:340px;max-width:340px;max-height:calc(100dvh - var(--pen-bottom,100px) - 12px);padding:12px 16px;border-radius:14px}
.pen-popover .dialog-head{margin-bottom:8px}
.pen-popover .dialog-head h2{font-size:16px}
.pen-popover .pen-colors,.pen-popover .pen-widths{margin-bottom:10px;gap:6px}
.pen-popover .pen-preview{height:32px;margin:0}
.join-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:44px;padding:4px 12px;background:#fff5db;color:#715619;font-size:13px;border-bottom:1px solid #e9d9b0}
.material-delete{display:block;margin:-8px 12px 8px auto;min-height:32px;color:#955147}
.deleted-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px solid var(--border);padding:12px 0}
.deleted-item span{overflow-wrap:anywhere;min-width:0}
.unavailable-notice{font-size:12px;color:#728179;margin-bottom:10px;padding:8px;background:#fff}
.unavailable-paper{background:#fff;box-shadow:none}
.erase-selected{opacity:.22}
.pen-kinds,.pen-colors,.pen-widths{display:flex;gap:8px;margin-bottom:16px}
.pen-colors button,.pen-widths button{flex:1;padding:8px 5px;min-width:0;min-height:44px;font-size:12px}
.pen-colors i{display:block;width:20px;height:20px;border-radius:50%;margin:0 auto 5px}
.pen-colors [aria-pressed=true],.pen-widths [aria-pressed=true]{border-color:var(--green);outline:1px solid var(--green);background:#edf5f0}
.pen-preview{display:block;width:100%;height:65px;background:#f8faf7;border-radius:8px;margin-bottom:12px}
.writing-bar [data-action=pen],.writing-bar [data-action=highlight]{box-shadow:inset 0 -3px var(--ink-color)}
.context-summary{min-width:0;text-align:left;padding:0;border-radius:5px}
.context-summary:hover{background:transparent}
.compact-only{display:none}
.compact-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.compact-tools button{min-height:44px}
.zoom-controls{display:flex;align-items:center;justify-content:center;gap:24px}
.zoom-controls button{min-width:48px;min-height:48px;font-size:22px}
.zoom-controls output{min-width:55px;text-align:center}
.photo-surface{background:#eef2ee;border-radius:10px;overflow:hidden;text-align:center}
.photo-surface video,.photo-surface img{display:block;width:100%;max-height:48dvh;object-fit:contain}
.photo-surface [hidden],.photo-surface[hidden]{display:none}
.photo-status{font-size:12px;color:var(--muted);margin:14px 0!important;overflow-wrap:anywhere}
.photo-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.photo-controls .primary,.photo-controls .secondary{min-height:44px}
.room-title-button{display:flex;align-items:center;gap:8px;max-width:100%;padding:3px 0;border-radius:4px;font:inherit;text-align:left}
.room-title-button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-title-button>span:last-child{font-size:12px;color:var(--muted);flex-shrink:0}
.room-empty .room-body{position:relative}
.room-empty .canvas-area{background:#f7f8f6}
.room-empty .stage-inner{height:100%;max-width:none;padding:32px 24px;display:flex;align-items:center;justify-content:center}
.room-empty .empty-canvas{min-height:0;padding:0}
.room-empty .empty-canvas .primary{min-height:48px;padding:12px 24px;font-size:14px}
.room-empty .people-panel{display:none;position:absolute;right:0;top:0;bottom:0;width:min(280px,100%);z-index:8;box-shadow:-10px 0 30px #304a3015}
.room-empty .people-panel.mobile-open{display:flex}
.room-empty .room-footer{height:65px;flex-wrap:nowrap}
.room-empty .footer-left,.room-empty .footer-right{width:auto;gap:4px;border:0;margin:0;padding:0}
.zoom-strip{position:sticky;top:0;left:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:9px;height:34px;padding:0 18px;background:#f0f3eff2;color:#7c907f;font-size:10px;border-bottom:1px solid #e5ebe3}.zoom-button{border:1px solid #dce4d9;border-radius:6px;min-width:28px;min-height:28px;font-size:17px;line-height:1;background:#fafcf8}.text-paper pre{font-family:"Microsoft YaHei",sans-serif;font-size:2.2cqw;line-height:1.8}
@media(min-width:1600px){.stage-inner{max-width:850px}.materials-panel{width:260px}.people-panel{width:270px}}
@media(max-width:1100px){.people-panel{width:202px}.materials-panel{width:183px}.stage-inner{padding:24px}.context-bar{padding:12px 16px}.scope-button{font-size:9px;padding:11px 6px}.tool{padding:10px 7px;font-size:11px}.room-header{gap:24px}.room-heading{padding-left:23px}}
@media(max-width:900px){.people-panel{display:none;position:absolute;right:0;top:107px;bottom:65px;z-index:8;width:260px;box-shadow:-10px 0 30px #304a3020}.people-panel.mobile-open{display:flex}.mobile-only{display:inline-block}.materials-panel{width:184px}.room-header{padding:0 20px}.stage-inner{padding:25px 30px}.device-note{display:none}}
@media(max-width:620px){.reviewbar{height:30px;padding:0 12px;font-size:9px}.reviewbar button{font-size:10px}.review-detail{font-size:9px}.workspace{height:calc(100dvh - 30px);min-height:500px}.room-header{height:67px;padding:0 12px;gap:12px}.brand.compact>span:not(.brand-mark){display:none}.brand-mark{width:30px;height:30px;border-radius:9px;font-size:25px}.room-heading{border-left:0;padding-left:0}.room-heading h1{font-size:12px;max-width:180px}.save-state{font-size:9px;max-width:190px;overflow:hidden;white-space:nowrap}.header-actions{gap:5px}.header-actions .primary{padding:8px 12px;font-size:11px}.materials-panel{display:none;position:absolute;left:0;top:97px;bottom:106px;z-index:8;width:230px;box-shadow:10px 0 30px #304a3020}.materials-panel.mobile-open{display:flex}.people-panel{top:97px;bottom:106px}.room-body{position:static}.context-bar{height:65px;padding:10px 14px;gap:6px}.context-bar strong{font-size:10px;margin-left:6px}.context-bar small{font-size:9px;line-height:1.5}.context-bar .small{padding:8px;font-size:10px}.context-bar>div:last-child{gap:3px}.stage-inner{padding:20px 15px}.paper{box-shadow:0 5px 15px #465b4710}.writing-bar{flex-wrap:wrap;justify-content:center;gap:2px;max-width:calc(100% - 22px);margin-bottom:11px;padding:5px 6px;min-height:46px}.writing-bar .tool{padding:10px 9px;font-size:11px}.writing-bar .icon-button{padding:6px;min-width:32px;font-size:19px}.scope-button{font-size:10px;padding:8px 5px;min-height:34px}.toolbar-divider{margin:0}.room-footer{height:106px;padding:6px 11px;flex-wrap:wrap;gap:0;align-content:center}.footer-left{width:100%;justify-content:space-between;gap:0}.footer-right{width:100%;justify-content:space-between;border-top:1px solid #eef1eb;margin-top:5px;padding-top:4px}.footer-left .tool,.footer-right .tool{font-size:11px;padding:9px 10px;min-height:36px}.footer-right .text-button{font-size:11px}.desktop-only{display:none}.empty-canvas{min-height:320px;padding:25px 0}.empty-canvas h2{font-size:20px}.empty-canvas p{font-size:12px}.empty-canvas .large{font-size:13px;padding:13px 19px}.empty-illustration{font-size:60px;margin-bottom:26px}.empty-canvas .small-copy{font-size:10px}.dialog{padding:22px;border-radius:16px}.scrim{padding:14px}.dialog-head{margin-bottom:17px}.dialog-head h2{font-size:18px}.dialog .notice{font-size:10px}.dialog p{font-size:12px}.choice{font-size:12px}.dialog-bottom{flex-wrap:wrap}.import-card{padding:20px 13px}.join-page{margin:24px auto;padding:20px}.join-page>.brand{margin-bottom:35px}.join-card{padding:23px}.join-card h1{font-size:24px}.join-card .eyebrow{font-size:10px}.join-note{font-size:9px!important}.status-page{margin:30px auto}.status-page h1{font-size:23px}.state-banner{padding:8px 12px;font-size:10px}.media-card{padding:20px}.media-card h2{font-size:18px}.media-actions{gap:7px}.note{padding:13px 15px}.note p{font-size:12px}.admin-shell{padding:20px 14px}.admin-header h1{font-size:18px}.admin-grid{gap:9px}.stat-card{padding:16px 12px}.stat-card strong{font-size:25px}.stat-card span{font-size:10px}.admin-section{padding:18px 12px}.admin-login{margin:70px 20px}}