.writing-toolbar{--wt-panel: #fafbfc;--wt-text: #323944;--wt-muted: #747e8c;--wt-line: #e5e8ed;--wt-accent: #4568ac;--wt-selected: #e9effb;position:absolute;inset:0 auto 0 0;width:48px;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--wt-panel);border-right:1px solid var(--wt-line);color:var(--wt-text);font-size:14px;color-scheme:light}.writing-toolbar *,.writing-toolbar *:before{box-sizing:border-box}.writing-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.writing-toolbar button:focus-visible,.writing-toolbar input:focus-visible{outline:2px solid var(--wt-accent);outline-offset:1px}.writing-toolbar__tools{display:flex;flex-direction:column;align-items:center;gap:8px}.writing-toolbar .writing-toolbar__tool{position:relative;width:44px;height:44px;border-radius:10px;color:var(--wt-muted)}.writing-toolbar button:hover:not(:disabled){background:var(--wt-selected)}.writing-toolbar__tool[aria-pressed=true],.writing-toolbar__tool[aria-expanded=true]{background:var(--wt-selected);color:var(--wt-accent)}.writing-toolbar__tool[aria-pressed=true]:before{content:"";position:absolute;left:0;width:3px;height:16px;border-radius:4px;background:var(--wt-accent)}.writing-toolbar button:disabled{opacity:.35;cursor:default}.writing-toolbar__divider{width:22px;height:1px;margin:4px 0;background:var(--wt-line)}.writing-toolbar__color{width:19px;height:19px;border-radius:50%;border:3px solid var(--wt-panel);box-shadow:0 0 0 1px var(--wt-line)}.writing-toolbar__weight{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-variant-numeric:tabular-nums}.writing-toolbar__weight>span{width:18px;border-radius:3px;background:currentColor}.writing-toolbar__panel{position:absolute;left:58px;top:clamp(8px,calc(50% - 40px),max(8px,calc(100% - 290px)));width:min(244px,calc(100vw - 70px));max-height:calc(100% - 16px);overflow-y:auto;padding:16px;border:1px solid var(--wt-line);border-radius:14px;background:var(--wt-panel);box-shadow:0 12px 34px #29384c12}.writing-toolbar__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-weight:500}.writing-toolbar__close{width:44px;height:44px;flex-shrink:0;border-radius:8px}.writing-toolbar__swatches{display:flex;justify-content:space-between;gap:4px}.writing-toolbar__swatch{width:44px;height:44px;border-radius:10px}.writing-toolbar__swatch[aria-pressed=true]{background:var(--wt-selected)}.writing-toolbar__swatch>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #ffffff80;color:#fff}.writing-toolbar__swatch svg{width:14px;height:14px}.writing-toolbar__value{display:flex;justify-content:space-between;gap:8px;color:var(--wt-muted);font-size:12px;font-variant-numeric:tabular-nums}.writing-toolbar__range{width:100%;height:44px;margin:0;accent-color:var(--wt-accent);cursor:pointer}.writing-toolbar__preview{display:flex;align-items:center;justify-content:center;height:24px;margin:10px 0 18px}.writing-toolbar__preview>span{width:75%;border-radius:6px}.writing-toolbar .writing-toolbar__calibrate{width:100%;min-height:44px;padding:8px;border:1px solid var(--wt-line);border-radius:8px;font-size:12px}.writing-toolbar__calibrate svg{flex-shrink:0}@media(max-height:320px){.writing-toolbar__tools{gap:2px}.writing-toolbar__divider{margin:0}}.hint-toast{position:fixed;top:16px;right:16px;z-index:100;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;background:#fffffff2;color:#1a1a1a;font-size:14px;line-height:1.45;box-shadow:0 4px 24px #00000026;pointer-events:none;animation:hint-toast-in .5s ease-out forwards,hint-toast-out 1s ease-in 5s forwards}.hint-toast--calibrate{background:#e0f7edf7;color:#0d4f3c;border:1px solid rgba(46,125,50,.35);animation:hint-toast-in .5s ease-out forwards,hint-toast-out 1s ease-in 7s forwards}@keyframes hint-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes hint-toast-out{0%{opacity:1}to{opacity:0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{min-width:320px;background-color:#f0f4f8}.v2-card{border-radius:16px;box-shadow:0 1px 3px #0f172a14;border:1px solid rgba(226,232,240,.6);background:#fff}.v2-glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffbf}.v2-thumb-card{border-radius:16px;box-shadow:0 1px 3px #0f172a14;border:1px solid rgba(226,232,240,.6);transition:all .15s ease}.v2-thumb-card:hover{box-shadow:0 4px 8px #0f172a14;transform:translateY(-1px)}.v2-thumb-card.v2-thumb-card--dragging{opacity:.9;transform:scale(1.05);box-shadow:0 8px 16px #3b82f626}.v2-btn{height:36px;padding:0 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;transition:all .15s ease;cursor:pointer;font-weight:500;color:#1e293b;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box}.v2-btn:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.v2-btn:disabled{opacity:.5;cursor:not-allowed}.v2-btn--primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.v2-btn--primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.v2-btn--icon{width:36px;padding:0}.v2-btn--circle-sm{width:32px;height:32px;padding:0;border-radius:50%;transition:all .15s ease}.v2-btn--circle-sm:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.v2-toolbar{padding:8px 12px;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;background:#fff}.v2-toolbar>.v2-btn,.v2-toolbar>button{margin-right:6px}.v2-toolbar>.v2-btn:last-child,.v2-toolbar>button:last-child{margin-right:0}.v2-toolbar button:disabled{opacity:.5!important;cursor:not-allowed!important}.v2-statusbar{border-radius:16px;box-shadow:0 1px 3px #0f172a14;border:1px solid rgba(226,232,240,.6);padding:16px 20px;background:#fff}.v2-statusbar-chip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border-radius:8px;font-size:12px;font-weight:500;padding:2px 8px;display:inline-block;border:1px solid #e2e8f0}.v2-statusbar-connector{transition:background-color .15s ease}.v2-statusbar-dot{transition:transform .15s ease}.v2-statusbar-dot:hover{transform:scale(1.1)}.v2-grade-chip{background:none;border:none;padding:0;line-height:1}.v2-grade-chip--correct{color:#16a34a}.v2-grade-chip--wrong{color:#dc2626}.writing-page{animation:v2-fadeInUp .25s ease both}@keyframes v2-fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.v2-title{font-weight:600;color:#0f172a}.v2-subtitle,.v2-btn{font-weight:500;color:#1e293b}.v2-caption{font-weight:400;color:#64748b}.showcase-entry,.showcase-library{color:#233348;font:15px/1.7 system-ui,Microsoft YaHei,sans-serif;background:#f0f4f8;min-height:100vh}.showcase-entry{padding:32px}.showcase-brand{font-weight:650;font-size:24px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.showcase-brand img{display:block}.showcase-brand span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:12px;color:#64748b}.showcase-entry-card{max-width:580px;margin:7vh auto;background:#fff;padding:42px;border-radius:18px;border:1px solid #e0e7ef;box-shadow:0 14px 45px #173b6810}.showcase-entry h1{font-size:38px;line-height:1.35;margin:18px 0}.showcase-eyebrow{color:#4568ac}.showcase-entry p{margin:16px 0}.showcase-entry button,.showcase-library button,.showcase-room-badge button{border:1px solid #dce4ee;background:#fff;color:#233348;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}.showcase-entry button:disabled,.showcase-library button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #4568ac;outline-offset:2px}.showcase-entry .showcase-primary,.showcase-library .showcase-primary{background:#233348;color:#fff;border-color:#233348}.showcase-entry form{margin-top:25px;border-top:1px solid #e0e7ef;padding-top:24px}.showcase-entry form>div{display:flex;gap:10px;margin-top:8px}.showcase-entry input{width:100%;min-width:0;padding:10px;border:1px solid #dce4ee;border-radius:8px;font:inherit;letter-spacing:3px}.showcase-entry form button{white-space:nowrap}.showcase-muted{color:#6b7b8e;font-size:13px}.showcase-error{color:#af2938;background:#fff0f1;padding:12px;border-radius:8px}.showcase-library{display:grid;grid-template-columns:235px 1fr}.showcase-library aside{padding:28px 20px;background:#e8eef4;display:flex;flex-direction:column;gap:14px}.showcase-library aside>button{text-align:left}.showcase-library aside>button[aria-pressed=true]{background:#d8e5f7;border-color:#abc4e8;color:#274d85}.showcase-library main{padding:28px;min-width:0}.showcase-library header{display:flex;gap:15px;justify-content:space-between;margin-bottom:28px}.showcase-library header span{font-size:12px;color:#718096}.showcase-room{margin-top:auto;padding-top:70px}.showcase-room strong{display:block;font-size:32px;letter-spacing:4px}.showcase-room p{font-size:12px;margin:12px 0}.showcase-room button{margin-top:10px}.showcase-detail{padding:28px;display:flex;flex-direction:column;gap:24px;overflow:auto}.showcase-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.showcase-detail h1{font-size:22px}.showcase-pages{display:flex;gap:24px;flex-wrap:wrap}.showcase-pages button{width:min(230px,100%);display:flex;flex-direction:column;gap:12px}.showcase-pages img{width:100%;border:1px solid #e0e7ef}.showcase-mistake{padding:22px;border:1px solid #dde6f0;border-radius:12px;background:#fff}.showcase-mistake span{font-size:12px;color:#4568ac}.showcase-mistake h3{font-size:18px;margin:8px 0}.showcase-mistake p{font-size:14px;margin-top:8px}.showcase-room-badge{position:fixed;right:16px;top:16px;z-index:30;background:#fffefc;border:1px solid #e0e7ef;border-radius:10px;padding:5px 10px;display:flex;gap:10px;align-items:center;max-width:65vw;font:12px/1.4 system-ui}.showcase-room-badge button{font-size:12px;padding:7px}.showcase-room-badge [role=status]:empty{display:none}.showcase-writing>.showcase-error{position:fixed;bottom:12px;right:12px;z-index:40}@media(max-width:650px){.showcase-entry{padding:18px}.showcase-entry-card{padding:25px;margin-top:35px}.showcase-library{grid-template-columns:1fr}.showcase-library aside{display:flex;flex-flow:row wrap;align-items:center;padding:15px}.showcase-library aside>.showcase-muted{display:none}.showcase-room{padding:0;margin:0;width:100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.showcase-room strong{font-size:21px}.showcase-room small{display:none}.showcase-room button{margin:0;padding:6px}.showcase-library main{padding:16px}.showcase-library header{display:block}.showcase-detail{padding:16px}.showcase-detail-heading{flex-wrap:wrap}.showcase-detail .v2-title{max-width:100%}.showcase-room-badge{top:auto;bottom:12px;max-width:calc(100vw - 70px)}.showcase-room-badge [role=status]{display:none}}