@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#1e2624;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f7f6f2;--paper-deep: #efeee9;--ink: #1e2624;--muted: #7d827c;--line: #dedfd9;--line-dark: #c8cbc3;--orange: #e86e42;--orange-light: #f6d8c8;--blue: #3d91a7;--blue-light: #d2e8ec;--green: #6d967a;--green-light: #dce9dc;--shadow: 0 18px 45px rgba(37, 47, 43, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.68}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(61,145,167,.32);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f6f2f0;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup,.topbar-actions,.workspace-header-actions,.toolbar-actions,.toolbar-label,.quiet-button,.outline-button,.dark-button,.primary-button,.icon-button,.download-row,.privacy-note,.workspace-eyebrow,.editor-footer span,.file-clear,.focus-play{display:flex;align-items:center}.brand-lockup{gap:11px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--ink);font-family:Noto Sans SC,sans-serif;font-weight:700;font-size:19px;border-radius:9px}.brand-name{font-size:14px;font-weight:700;letter-spacing:-.01em}.brand-subtitle{color:var(--muted);font-size:11px;margin-top:2px}.topbar-actions{gap:17px}.icon-button{width:34px;height:34px;padding:0;justify-content:center;color:var(--muted);background:transparent;border-radius:8px}.icon-button:hover{color:var(--ink);background:var(--paper-deep)}.icon-button.small{width:28px;height:28px}.quiet-button,.outline-button,.dark-button,.primary-button,.tool-button{gap:8px;white-space:nowrap}.quiet-button{padding:7px 0;color:#626962;background:transparent;font-size:12px}.quiet-button:hover{color:var(--ink)}.usage-pill{display:flex;align-items:center;gap:8px;color:#6b756c;border-left:1px solid var(--line);padding-left:17px;font-size:11px}.usage-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.main-layout{width:100%;max-width:1660px;margin:0 auto;flex:1;display:grid;grid-template-columns:280px minmax(520px,1fr) 255px;gap:28px;padding:34px 32px 44px}.left-rail,.right-rail,.workspace{min-width:0}.left-rail{position:relative}.section-kicker,.workspace-eyebrow,.field-label,.focus-label,.practice-overline,.modal-kicker{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.section-kicker,.field-label{color:var(--orange)}.left-rail h1{max-width:260px;margin:13px 0 12px;color:var(--ink);font-size:25px;line-height:1.17;letter-spacing:-.045em}.intro-copy{color:#777d77;font-size:12px;line-height:1.7;margin:0 0 24px}.upload-zone{min-height:122px;padding:17px 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;border:1px dashed #bdc5bc;border-radius:9px;background:#fbfaf7;transition:.2s ease}.upload-zone:hover,.upload-zone.has-file{border-color:var(--orange);background:#fff9f4}.upload-icon{width:33px;height:33px;margin-bottom:4px;display:grid;place-items:center;color:var(--orange);background:var(--orange-light);border-radius:8px}.upload-zone strong{max-width:100%;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.upload-zone span{color:var(--muted);font-size:10px}.file-clear{gap:5px;margin-top:8px;padding:0;color:#9b6652;background:transparent;font-size:10px}.form-stack{margin-top:24px}.field-label{display:block;margin-bottom:8px;color:#68716a;font-size:10px}.select-wrap{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#626a63;border:1px solid var(--line);border-radius:7px;background:#fbfaf7}.select-wrap select{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:var(--ink);background:transparent;font-size:12px}.select-wrap select:focus{outline:0}.layer-list{display:grid;gap:5px}.ass-canvas-label{margin-top:18px}.layer-toggle{min-height:45px;padding:7px 8px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent}.layer-toggle:hover,.layer-toggle.checked{background:#fbfaf7;border-color:var(--line)}.layer-swatch{width:7px;height:27px;border-radius:4px}.layer-swatch.orange{background:var(--orange)}.layer-swatch.blue{background:var(--blue)}.layer-swatch.green{background:var(--green)}.layer-copy{flex:1;min-width:0}.layer-copy strong,.layer-copy small{display:block}.layer-copy strong{color:var(--ink);font-size:11px;font-weight:600}.layer-copy small{margin-top:2px;color:var(--muted);font-size:10px}.check-box{width:17px;height:17px;display:grid;place-items:center;color:#fff;border:1px solid var(--line-dark);border-radius:4px}.check-box.on{border-color:var(--ink);background:var(--ink)}.primary-button,.dark-button{justify-content:center;border-radius:7px;font-size:12px;font-weight:600}.primary-button{min-height:42px;padding:0 15px;color:#fff;background:var(--orange)}.primary-button:hover{background:#d85d34}.generate-button{width:100%;margin-top:24px}.dark-button{min-height:36px;padding:0 12px;color:#fff;background:var(--ink)}.dark-button:hover{background:#303b37}.outline-button{min-height:36px;padding:0 11px;color:#59625c;border:1px solid var(--line);border-radius:7px;background:#fbfaf7;font-size:11px}.outline-button:hover{color:var(--ink);border-color:var(--line-dark)}.privacy-note{gap:6px;margin-top:12px;color:#879088;font-size:10px;line-height:1.4}.privacy-note svg{flex:0 0 auto;color:var(--green)}.settings-panel{margin-top:24px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.settings-title{margin-bottom:9px;color:var(--ink);font-size:11px;font-weight:700}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 0;color:#737a73;font-size:10px;border-top:1px solid #e9e8e2}.switch-row input{accent-color:var(--orange)}.workspace{min-width:0}.workspace-header{min-height:53px;margin-bottom:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workspace-eyebrow{gap:8px;color:#7d867d;font-size:9px}.workspace-header h2{max-width:520px;margin:8px 0 0;overflow:hidden;color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.035em;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.workspace-header-actions{gap:7px}.export-menu{position:relative}.export-options{position:absolute;right:0;top:calc(100% + 5px);z-index:9;width:140px;padding:5px;display:none;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow)}.export-menu:hover .export-options{display:grid}.export-options button{padding:8px 9px;color:#5b645d;text-align:left;border-radius:4px;background:transparent;font-size:11px}.export-options button:hover{color:var(--ink);background:var(--paper-deep)}.video-card{overflow:hidden;border:1px solid #2c3935;border-radius:9px;background:#202a27;box-shadow:var(--shadow)}.video-stage{min-height:380px;position:relative;display:grid;place-items:center;overflow:hidden;background:#1e2825}.video-stage video{width:100%;height:100%;min-height:380px;display:block;object-fit:contain;background:#17201e}.demo-scene{width:100%;min-height:380px;position:relative;overflow:hidden;background:#d3d1c6}.demo-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(55,60,55,.08) 1px,transparent 1px),linear-gradient(rgba(55,60,55,.08) 1px,transparent 1px);background-size:48px 48px}.scene-window{position:absolute;width:37%;height:58%;right:18%;top:9%;border:10px solid #716e62;background:#9db6ae;box-shadow:inset 0 0 0 4px #ffffff26}.scene-window:before,.scene-window:after{content:"";position:absolute;background:#716e62}.scene-window:before{width:8px;top:0;bottom:0;left:calc(50% - 4px)}.scene-window:after{height:8px;left:0;right:0;top:calc(50% - 4px)}.scene-window span{position:absolute;width:31%;height:28%;border:1px solid rgba(255,255,255,.28);border-radius:50%}.scene-window span:nth-child(1){left:7%;top:8%}.scene-window span:nth-child(2){right:11%;top:17%}.scene-window span:nth-child(3){left:32%;bottom:8%}.scene-shelf{position:absolute;left:10%;width:29%;height:10px;background:#7e6a52;box-shadow:0 8px #a18a6a}.shelf-one{top:18%}.shelf-two{top:34%}.scene-plant{position:absolute;bottom:20%;left:22%;width:70px;height:120px}.scene-plant b{position:absolute;bottom:0;left:18px;width:39px;height:43px;border-radius:4px 4px 14px 14px;background:#b87355}.scene-plant i{position:absolute;width:40px;height:22px;border-radius:100% 0;background:#738d72;transform-origin:bottom right}.scene-plant i:nth-child(1){bottom:36px;left:11px;transform:rotate(-26deg)}.scene-plant i:nth-child(2){bottom:55px;left:26px;transform:rotate(-4deg)}.scene-plant i:nth-child(3){bottom:43px;left:34px;transform:rotate(42deg)}.scene-table{position:absolute;bottom:0;left:0;right:0;height:22%;background:#8d6c50;border-top:8px solid #b5926e}.scene-laptop{position:absolute;right:24%;bottom:52%;width:130px;height:74px;border:7px solid #343d3a;border-radius:5px 5px 2px 2px;background:#6a9895}.scene-laptop:after{content:"";position:absolute;left:-22px;bottom:-17px;width:165px;height:10px;border-radius:0 0 5px 5px;background:#343d3a}.scene-cup{position:absolute;right:14%;bottom:48%;width:31px;height:38px;border:4px solid #eee7d8;border-top:0;border-radius:0 0 9px 9px;background:#d87655}.demo-scene-label{position:absolute;top:20px;left:23px;display:flex;align-items:center;gap:7px;padding:7px 9px;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:#1f2a26b8;font-size:10px}.video-caption{position:absolute;left:8%;right:8%;bottom:32px;padding:13px 17px;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.5);pointer-events:none}.caption-chinese{color:#fff;font-family:Noto Sans SC,sans-serif;font-size:clamp(20px,2.1vw,30px);font-weight:600;line-height:1.35}.aligned-chinese{max-width:100%;display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;column-gap:.03em;row-gap:0;overflow:hidden;color:#fff;font-family:Noto Sans SC,sans-serif;font-size:clamp(20px,2.1vw,30px);font-weight:600;line-height:1;white-space:nowrap}.ruby-pair{width:1em;min-width:1em;flex:0 0 1em;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;vertical-align:bottom}.ruby-pinyin{min-height:1.35em;color:#eec7ab;font-family:DM Sans,sans-serif;font-size:.36em;font-weight:500;line-height:1.35;white-space:nowrap}.ruby-hanzi{color:#fff;line-height:1.2;white-space:pre}.ruby-punctuation{width:1em;min-width:1em}.ruby-punctuation .ruby-pinyin{visibility:hidden}.caption-pinyin{margin-top:4px;color:#eec7ab;font-family:DM Sans,sans-serif;font-size:clamp(13px,1.3vw,17px);font-weight:500}.caption-english{margin-top:3px;color:#ffffffe0;font-size:clamp(11px,1.1vw,14px)}.fullscreen-button{position:absolute;top:17px;right:18px;width:29px;height:29px;display:grid;place-items:center;color:#ffffffd1;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#1d27248c}.fullscreen-button:hover{color:#fff;background:#1d2724cc}.player-controls{min-height:61px;padding:12px 17px 10px;display:flex;align-items:center;gap:13px;border-top:1px solid rgba(255,255,255,.08);background:#202a27}.player-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:#e9eee7;background:transparent}.player-icon:hover{color:#f0a57d}.timeline-wrap{flex:1}.timeline{width:100%;height:4px;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:4px;background:linear-gradient(to right,var(--orange) var(--progress),#53615b var(--progress))}.timeline::-webkit-slider-thumb{width:11px;height:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #fff;border-radius:50%;background:var(--orange)}.timeline::-moz-range-thumb{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--orange)}.timeline-meta{margin-top:6px;display:flex;justify-content:space-between;color:#89948d;font-family:DM Mono,monospace;font-size:9px}.speed-select{padding:4px 2px;color:#abb5ae;border:0;background:transparent;font-family:DM Mono,monospace;font-size:10px}.speed-select option{color:var(--ink)}.subtitle-toolbar{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.toolbar-label{gap:8px;color:#5e6760;font-size:11px}.toolbar-label svg{color:var(--orange)}.toolbar-separator{width:1px;height:14px;background:var(--line)}.muted{color:var(--muted)}.tool-button{padding:6px 8px;color:#7a817b;border-radius:5px;background:transparent;font-size:10px}.tool-button:hover,.tool-button.active{color:var(--ink);background:var(--paper-deep)}.tool-button.active svg{color:var(--orange)}.subtitle-editor{border:1px solid var(--line);border-radius:8px;background:#fbfaf7;overflow:hidden}.editor-header,.editor-footer{min-height:43px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#636b64;font-size:11px}.editor-header{border-bottom:1px solid var(--line)}.editor-hint{color:var(--muted);font-size:10px}.segment-list{max-height:395px;overflow-y:auto}.segment-row{min-height:82px;padding:12px 13px;display:grid;grid-template-columns:43px minmax(0,1fr) auto 26px;align-items:center;gap:12px;border-bottom:1px solid #e8e7e2;cursor:pointer;transition:background .16s ease}.segment-row:hover,.segment-row.selected{background:#fff}.segment-row.playing{box-shadow:inset 3px 0 0 var(--orange)}.segment-index{align-self:stretch;padding-top:2px;color:#a4aaa3;font-family:DM Mono,monospace;font-size:10px}.segment-index small{display:block;margin-top:7px;color:#8b938c;font-size:9px}.segment-fields{min-width:0;display:grid;gap:2px}.segment-fields input{width:100%;min-width:0;padding:2px 0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent;border-radius:3px;background:transparent}.segment-fields input:hover,.segment-fields input:focus{padding:2px 5px;border-color:var(--line);outline:0;background:#fff}.zh-input{font-family:Noto Sans SC,sans-serif;font-size:13px;font-weight:600}.pinyin-input{color:var(--blue);font-size:10px}.en-input{color:#7b827b;font-size:10px}.segment-tag{max-width:90px;padding:4px 6px;overflow:hidden;color:#9a684e;border-radius:4px;background:var(--orange-light);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.segment-play{width:26px;height:26px;display:grid;place-items:center;color:#919991;border:1px solid var(--line);border-radius:50%;background:transparent}.segment-play:hover{color:#fff;border-color:var(--ink);background:var(--ink)}.editor-footer{min-height:42px;color:#899189;border-top:1px solid var(--line);font-size:10px}.editor-footer span{gap:5px}.editor-footer span svg{color:var(--green)}.delete-button{display:flex;align-items:center;gap:5px;color:#a27668;background:transparent;font-size:10px}.delete-button:hover{color:#9f4f3a}.practice-panel{border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.practice-overline{padding:16px 18px 9px;color:var(--orange)}.practice-card{min-height:274px;margin:0 18px 18px;padding:31px 34px;position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:7px;background:#eae8df}.practice-number{position:absolute;top:20px;right:22px;color:#a9aa9f;font-family:DM Mono,monospace;font-size:11px}.practice-chinese{color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:27px;font-weight:600}.practice-pinyin{margin-top:8px;color:var(--blue);font-size:15px}.practice-english{margin-top:9px;color:#70766f;font-size:13px}.practice-actions{margin-top:28px;display:flex;gap:8px}.practice-progress{padding:0 18px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.right-rail{padding-left:4px}.rail-heading{min-height:53px;margin-bottom:17px;display:flex;align-items:flex-start;justify-content:space-between}.rail-heading h3{margin:10px 0 0;font-size:16px;font-weight:600;letter-spacing:-.03em}.focus-card{padding:17px;border:1px solid #e7ccb9;border-radius:8px;background:#fff7f1}.focus-card-top,.rail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.focus-label{color:#b67759;font-size:9px}.focus-index{color:#bda092;font-family:DM Mono,monospace;font-size:9px}.focus-word{margin-top:19px;color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:25px;font-weight:600}.focus-meta{margin-top:3px;color:#ba856c;font-size:10px}.focus-divider{height:1px;margin:15px 0;background:#eedbce}.focus-definition span,.focus-definition strong{display:block}.focus-definition span{color:#a59287;font-size:9px}.focus-definition strong{margin-top:5px;color:#676b66;font-family:Noto Sans SC,sans-serif;font-size:11px;font-weight:500;line-height:1.5}.focus-definition small{display:block;margin-top:4px;color:#8d827a;font-size:10px;line-height:1.45}.focus-play{gap:6px;margin-top:15px;padding:0;color:#a45f43;background:transparent;font-size:10px;font-weight:600}.focus-play:hover{color:var(--orange)}.rail-section{margin-top:25px}.rail-section-heading{margin-bottom:8px;color:#5f685f;font-size:11px;font-weight:600}.rail-section-heading .muted{font-size:9px;font-weight:400}.mini-status{padding:3px 5px;color:#648270;border-radius:4px;background:var(--green-light);font-family:DM Mono,monospace;font-size:8px}.display-row{width:100%;min-height:34px;padding:0;display:flex;align-items:center;gap:8px;color:#737b73;border-bottom:1px solid #e8e8e3;background:transparent;font-size:11px;text-align:left}.display-row:hover{color:var(--ink)}.display-dot{width:7px;height:7px;border-radius:50%}.display-dot.orange{background:var(--orange)}.display-dot.blue{background:var(--blue)}.display-dot.green{background:var(--green)}.toggle{width:25px;height:14px;margin-left:auto;padding:2px;border-radius:8px;background:#d5d8d1}.toggle span{width:10px;height:10px;display:block;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle.on{background:var(--ink)}.toggle.on span{transform:translate(11px)}.download-row{width:100%;min-height:56px;gap:9px;padding:8px 0;color:#707871;text-align:left;border-bottom:1px solid #e8e8e3;background:transparent}.download-row:hover{color:var(--ink)}.download-row .format-icon{width:31px;height:25px;display:grid;place-items:center;flex:0 0 auto;color:#b56849;border:1px solid #e4c9b8;border-radius:4px;background:#fff6ef;font-family:DM Mono,monospace;font-size:8px}.download-row .format-icon.ass{color:#4e8291;border-color:#c6e1e5;background:#f0f8f8}.download-row span:nth-child(2){flex:1;min-width:0}.download-row strong,.download-row small{display:block}.download-row strong{color:#5c665f;font-size:10px;font-weight:600}.download-row small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tip-card{margin-top:25px;padding:12px;display:flex;gap:9px;border:1px solid #d4dfd4;border-radius:7px;background:#f1f6ef}.tip-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;color:#66826c;border-radius:5px;background:#dfeadf}.tip-card strong{color:#607366;font-size:10px}.tip-card p{margin:4px 0 0;color:#849188;font-size:10px;line-height:1.5}.app-footer{min-height:41px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#929891;border-top:1px solid var(--line);font-family:DM Mono,monospace;font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1b242159}.help-modal{width:min(480px,100%);padding:28px;position:relative;border:1px solid var(--line);border-radius:11px;background:#fbfaf7;box-shadow:0 25px 80px #19211e30}.modal-close{position:absolute;top:17px;right:17px;width:28px;height:28px;display:grid;place-items:center;color:var(--muted);border-radius:50%;background:var(--paper-deep)}.modal-kicker{color:var(--orange)}.help-modal h2{max-width:340px;margin:10px 0 24px;color:var(--ink);font-size:25px;line-height:1.18;letter-spacing:-.04em}.help-steps{display:grid;gap:16px}.help-step{display:grid;grid-template-columns:31px 1fr;gap:11px}.help-step>span{color:var(--orange);font-family:DM Mono,monospace;font-size:10px}.help-step strong{color:var(--ink);font-size:12px}.help-step p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.modal-action{width:100%;margin-top:25px}.spinner{width:14px;height:14px;display:inline-block;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.rotate-270{transform:rotate(-90deg)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1240px){.main-layout{grid-template-columns:250px minmax(460px,1fr)}.right-rail{grid-column:1 / -1;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px;padding-left:0}.rail-heading{margin-bottom:0}.focus-card,.rail-section,.tip-card{margin-top:0}}@media(max-width:860px){.topbar{height:auto;min-height:66px;padding:13px 18px}.brand-subtitle,.quiet-button,.usage-pill{display:none}.main-layout{display:block;padding:24px 18px 35px}.left-rail{margin-bottom:28px}.left-rail h1{max-width:420px;font-size:29px}.intro-copy{max-width:520px}.upload-zone,.form-stack,.generate-button{max-width:530px}.workspace-header{align-items:flex-end}.right-rail{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;gap:20px}.rail-heading,.tip-card{grid-column:1 / -1}}@media(max-width:570px){.topbar{padding:12px 15px}.main-layout{padding:20px 15px 30px}.workspace-header{display:block}.workspace-header h2{max-width:100%;margin-bottom:13px;font-size:17px}.workspace-header-actions{justify-content:space-between}.video-stage,.demo-scene,.video-stage video{min-height:280px}.video-caption{bottom:17px;padding:10px 8px}.caption-chinese,.aligned-chinese{font-size:18px}.caption-pinyin{font-size:11px}.caption-english{font-size:10px}.player-controls{padding:10px;gap:7px}.subtitle-toolbar{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 0}.toolbar-actions{width:100%;justify-content:space-between}.editor-header{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}.segment-row{grid-template-columns:31px minmax(0,1fr) 26px;gap:7px}.segment-tag{display:none}.editor-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;padding:9px 13px}.right-rail{display:block}.rail-heading,.focus-card,.rail-section,.tip-card{margin-top:20px}.rail-heading{margin-top:0}.tip-card{margin-bottom:0}.app-footer{padding:12px 15px;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.practice-card{padding:25px 20px}.practice-chinese{font-size:22px}.practice-actions{flex-wrap:wrap}}.site-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.site-header{min-height:74px;padding:0 32px;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#f7f6f2f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-brand{min-width:230px;padding:0;display:flex;align-items:center;gap:10px;color:var(--ink);text-align:left;background:transparent}.site-brand>span:last-child{display:grid;gap:2px}.site-brand strong{font-size:13px;font-weight:700}.site-brand small{color:var(--muted);font-size:10px}.site-nav{flex:1;display:flex;align-items:center;gap:3px}.site-nav button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;color:#737b74;border-radius:6px;background:transparent;font-size:11px}.site-nav button:hover,.site-nav button.active{color:var(--ink);background:var(--paper-deep)}.site-nav button.active{box-shadow:inset 0 -2px 0 var(--orange)}.site-header-meta{display:flex;align-items:center;gap:14px}.local-badge{display:inline-flex;align-items:center;gap:7px;color:#718276;font-family:DM Mono,monospace;font-size:9px;white-space:nowrap}.local-badge>span,.studio-status>span{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.header-help{width:30px;height:30px;display:grid;place-items:center;color:var(--muted);border-radius:7px;background:transparent}.header-help:hover{color:var(--ink);background:var(--paper-deep)}.studio-page{flex:1}.studio-intro{width:100%;max-width:1660px;margin:0 auto;padding:31px 32px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.studio-intro h1{max-width:580px;margin:10px 0 8px;color:var(--ink);font-size:26px;line-height:1.14;letter-spacing:-.045em}.studio-intro p{max-width:600px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.studio-status{display:flex;align-items:center;gap:9px;padding-bottom:5px;color:#7b887d;font-family:DM Mono,monospace;font-size:9px;white-space:nowrap}.workspace-settings-link{margin-top:15px;padding:0;display:inline-flex;align-items:center;gap:5px;color:#7a827b;background:transparent;font-size:10px}.workspace-settings-link:hover{color:var(--ink)}.content-page{width:100%;max-width:1180px;flex:1;margin:0 auto;padding:72px 32px 100px}.content-heading{max-width:700px;margin-bottom:43px}.content-heading h1{max-width:680px;margin:12px 0 14px;color:var(--ink);font-size:clamp(32px,4vw,56px);line-height:1.04;letter-spacing:-.06em}.content-heading p{max-width:640px;margin:0;color:#727a73;font-size:14px;line-height:1.75}.seo-page{max-width:1180px}.seo-breadcrumb{margin-bottom:28px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#8a938b;font-family:DM Mono,monospace;font-size:9px}.seo-breadcrumb button{padding:0;color:#68736a;background:transparent;font:inherit}.seo-breadcrumb button:hover{color:var(--ink)}.seo-breadcrumb strong{color:var(--ink);font-weight:500}.seo-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:50px;padding-bottom:54px;border-bottom:1px solid var(--line)}.seo-hero h1{max-width:680px;margin:12px 0 15px;color:var(--ink);font-size:clamp(36px,5vw,62px);line-height:1.02;letter-spacing:-.06em}.seo-hero p{max-width:650px;margin:0;color:#727a73;font-size:14px;line-height:1.7}.seo-actions{margin-top:25px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.seo-keyword{color:#8b958d;font-family:DM Mono,monospace;font-size:9px}.seo-result-preview{min-height:230px;padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #2c3935;border-radius:8px;background:#202a27;box-shadow:var(--shadow)}.seo-result-label{margin-bottom:27px;color:#eaa27d;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em}.seo-result-pinyin{color:#efc4a7;font-size:14px}.seo-result-hanzi{margin-top:7px;color:#fff;font-family:Noto Sans SC,sans-serif;font-size:30px;font-weight:600}.seo-result-translation{margin-top:7px;color:#a9b5ad;font-size:10px}.seo-result-meta{margin-top:28px;padding-top:12px;display:flex;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.1)}.seo-result-meta span{padding:5px 7px;color:#b9d3d8;border:1px solid rgba(61,145,167,.45);border-radius:4px;font-family:DM Mono,monospace;font-size:8px}.seo-section{margin-top:55px}.seo-section-heading{max-width:680px;margin-bottom:19px}.seo-section-heading h2{margin:10px 0 0;color:var(--ink);font-size:26px;line-height:1.15;letter-spacing:-.045em}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.seo-feature-card{min-height:145px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.seo-feature-card>span{color:var(--orange);font-family:DM Mono,monospace;font-size:10px}.seo-feature-card p{margin:31px 0 0;color:#68726a;font-size:12px;line-height:1.6}.seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.seo-link-card{min-height:58px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5f6961;border:1px solid var(--line);border-radius:7px;background:#fbfaf7;font-size:11px;text-align:left}.seo-link-card:hover{color:var(--ink);border-color:var(--line-dark);background:#fff}.seo-link-card svg{flex:0 0 auto;color:var(--orange)}.seo-tool-band{margin-top:55px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d6e3e4;border-radius:8px;background:#f1f8f8}.seo-tool-band h2{margin:9px 0 7px;color:var(--ink);font-size:21px;line-height:1.2;letter-spacing:-.04em}.seo-tool-band p{max-width:680px;margin:0;color:#73827e;font-size:11px;line-height:1.65}.seo-related{margin-bottom:20px}.dictionary-page,.dictionary-entry-page{max-width:1180px}.dictionary-breadcrumb{margin-bottom:28px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#8a938b;font-family:DM Mono,monospace;font-size:11px}.dictionary-breadcrumb button{padding:0;color:#68736a;background:transparent;font:inherit}.dictionary-breadcrumb button:hover{color:var(--ink)}.dictionary-breadcrumb strong{color:var(--ink);font-weight:500}.dictionary-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:end;gap:70px;padding-bottom:55px;border-bottom:1px solid var(--line)}.dictionary-hero h1{max-width:680px;margin:12px 0 16px;color:var(--ink);font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.06em}.dictionary-hero-copy p{max-width:650px;margin:0;color:#68736b;font-size:17px;line-height:1.7}.dictionary-search-panel{padding:23px;border:1px solid #d9e1dc;border-radius:8px;background:#edf5f0}.dictionary-search-panel label{display:block;margin-bottom:10px;color:var(--ink);font-size:15px;font-weight:600}.dictionary-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.dictionary-search input{min-width:0;height:46px;padding:0 13px;color:var(--ink);border:1px solid #cbd8d0;border-radius:6px;background:#fff;font-size:15px}.dictionary-search input::placeholder{color:#9aa69e}.dictionary-search button{min-height:46px;padding:0 15px;display:flex;align-items:center;gap:7px;color:#fff;border-radius:6px;background:var(--ink);font-size:14px;font-weight:600}.dictionary-search-panel>span{display:block;margin-top:11px;color:#738178;font-size:13px;line-height:1.5}.dictionary-section{margin-top:57px}.dictionary-section-heading{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.dictionary-section-heading h2,.dictionary-entry-section-heading h2{margin:10px 0 0;color:var(--ink);font-size:29px;line-height:1.12;letter-spacing:-.045em}.dictionary-count{color:#78847c;font-family:DM Mono,monospace;font-size:12px}.dictionary-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dictionary-word-card{min-height:198px;padding:21px;position:relative;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#fbfaf7;text-align:left;transition:.18s ease}.dictionary-word-card:hover{border-color:#b9c8be;background:#fff;transform:translateY(-2px)}.dictionary-word-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.dictionary-word-card-top strong{font-family:Noto Sans SC,sans-serif;font-size:31px;line-height:1.1}.dictionary-word-card-top span,.dictionary-entry-tags span{padding:5px 7px;color:#6b8b76;border:1px solid #c8dccd;border-radius:4px;background:#eef7ef;font-family:DM Mono,monospace;font-size:11px}.dictionary-word-pinyin{margin-top:10px;color:#b15d38;font-size:16px}.dictionary-word-english{margin-top:8px;color:#4e5b53;font-size:16px;font-weight:600}.dictionary-word-meta{margin-top:20px;color:#87928a;font-size:13px}.dictionary-word-card>svg{position:absolute;right:20px;bottom:19px;color:var(--orange)}.dictionary-empty{padding:28px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.dictionary-empty strong{color:var(--ink);font-size:18px}.dictionary-empty p{margin:10px 0 0;color:#68736b;font-size:15px;line-height:1.6}.dictionary-exact-match{width:100%;margin-bottom:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;color:var(--ink);border:1px solid #c8dccd;border-radius:8px;background:#eef7ef;text-align:left;transition:.16s ease}.dictionary-exact-match:hover{border-color:#8fb79c;background:#e6f3e9}.dictionary-exact-match>span:first-child{color:#6b8b76;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em}.dictionary-exact-match strong{font-family:Noto Sans SC,sans-serif;font-size:26px}.dictionary-exact-match em{color:#b15d38;font-style:normal;font-size:15px}.dictionary-exact-meaning{flex:1;color:#5f6b63;font-size:14px}.dictionary-refine{margin:16px 0 0;color:#78847c;font-family:DM Mono,monospace;font-size:12px;line-height:1.7}.dictionary-attribution{margin:22px 0 0;padding-top:16px;color:#78847c;border-top:1px solid var(--line);font-size:13px;line-height:1.75}.dictionary-attribution a{color:#6b8b76;text-decoration:underline;text-underline-offset:2px}.dictionary-attribution a:hover{color:#2c4a38}.dictionary-pronunciation-tools{margin-top:66px;padding:30px;border:1px solid #d6e2dc;border-radius:8px;background:#eef6f1}.dictionary-pronunciation-heading{margin-bottom:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);align-items:end;gap:30px}.dictionary-pronunciation-heading h2{max-width:720px;margin:10px 0 0;color:var(--ink);font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.055em}.dictionary-pronunciation-heading p{margin:0;color:#63726b;font-size:16px;line-height:1.65}.pinyin-tool-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px}.pinyin-chart-panel,.tone-pair-panel{min-width:0;padding:22px;border:1px solid #dbe3de;border-radius:8px;background:#fffdfa}.pinyin-panel-heading h3{margin:9px 0 18px;color:var(--ink);font-size:23px;line-height:1.18;letter-spacing:-.04em}.pinyin-chart-groups{display:grid;gap:12px}.pinyin-chart-group{padding:17px;border:1px solid #eadfd7;border-radius:7px;background:#fff8f2}.pinyin-chart-group-title{margin-bottom:14px;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.pinyin-chart-group-title h4{margin:0;color:var(--ink);font-size:17px;line-height:1.2}.pinyin-chart-group-title span{color:#7e8a82;font-size:13px}.pinyin-chart-rows{display:grid;gap:8px}.pinyin-chart-row{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px}.pinyin-chart-row strong{color:#6d786f;font-size:13px}.pinyin-chart-row div,.pinyin-syllable-strip{display:flex;flex-wrap:wrap;gap:6px}.pinyin-chart-row span{min-width:34px;padding:6px 8px;color:#25312d;border:1px solid #dfd3ca;border-radius:5px;background:#fff;font-family:DM Mono,monospace;font-size:13px;text-align:center}.pinyin-syllable-strip{margin-top:16px}.pinyin-syllable-card{min-width:82px;padding:11px 10px;border:1px solid #d6e2dc;border-radius:7px;background:#f4faf6;text-align:center}.pinyin-syllable-card strong,.pinyin-syllable-card span,.pinyin-syllable-card small{display:block}.pinyin-syllable-card strong{color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:25px;line-height:1}.pinyin-syllable-card span{margin-top:7px;color:#b15d38;font-size:15px;font-weight:600}.pinyin-syllable-card small{margin-top:4px;color:#7d8a82;font-family:DM Mono,monospace;font-size:11px}.tone-pair-grid{display:grid;gap:10px}.tone-pair-row{padding:14px;border:1px solid #e4ded8;border-radius:7px;background:#fbfaf7}.tone-pair-row h4{margin:0 0 10px;color:#6c766e;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.tone-pair-row>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tone-pair-card{min-height:94px;padding:11px;border:1px solid #e4d4ca;border-radius:6px;background:#fff}.tone-pair-card span,.tone-pair-card strong,.tone-pair-card em,.tone-pair-card small{display:block}.tone-pair-card span{color:var(--orange);font-family:DM Mono,monospace;font-size:10px}.tone-pair-card strong{margin-top:7px;color:var(--ink);font-size:17px;line-height:1.12}.tone-pair-card em{margin-top:4px;color:#33423b;font-family:Noto Sans SC,sans-serif;font-style:normal;font-size:17px}.tone-pair-card small{margin-top:4px;color:#7b867e;font-size:12px}.tone-pair-note{margin:14px 0 0;color:#68766d;font-size:13px;line-height:1.6}.dictionary-capability-grid{margin-top:65px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dictionary-capability-grid article{min-height:205px;padding:25px;border-radius:8px;background:#1f2a26}.dictionary-capability-grid article:last-child{background:#eaf2f3}.dictionary-capability-grid article:first-child .section-kicker,.dictionary-capability-grid article:first-child h2,.dictionary-capability-grid article:first-child p{color:#f7f5ed}.dictionary-capability-grid article:last-child .section-kicker{color:var(--orange)}.dictionary-capability-grid h2{margin:15px 0 10px;color:var(--ink);font-size:25px;line-height:1.15;letter-spacing:-.04em}.dictionary-capability-grid p{max-width:470px;margin:0;color:#bfd0c5;font-size:15px;line-height:1.65}.dictionary-capability-grid article:last-child p{color:#61716e}.dictionary-tool-band{margin-top:60px;padding:27px 29px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #e5d2c7;border-radius:8px;background:#fff7f1}.dictionary-tool-band h2{margin:10px 0 8px;color:var(--ink);font-size:24px;line-height:1.18;letter-spacing:-.04em}.dictionary-tool-band p{max-width:690px;margin:0;color:#758078;font-size:15px;line-height:1.6}.dictionary-entry-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:60px;padding-bottom:52px;border-bottom:1px solid var(--line)}.dictionary-entry-hero h1{margin:13px 0 0;color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:clamp(64px,9vw,118px);font-weight:600;line-height:.98;letter-spacing:0}.dictionary-entry-pinyin{margin-top:18px;color:#b15d38;font-size:27px;font-weight:500}.dictionary-entry-meaning{margin:8px 0 0;color:#4f5e55;font-size:22px}.dictionary-entry-tags{margin-top:21px;display:flex;flex-wrap:wrap;gap:8px}.dictionary-entry-callout{padding:23px;border:1px solid #d4e1e3;border-radius:8px;background:#eef7f7}.dictionary-entry-callout strong{display:block;margin-top:16px;color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:37px;font-weight:600}.dictionary-entry-callout p{margin:10px 0 20px;color:#64746f;font-size:15px;line-height:1.6}.dictionary-entry-layout{margin-top:57px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:52px}.dictionary-entry-section+.dictionary-entry-section{margin-top:58px}.dictionary-definition-list{margin-top:24px;display:grid;gap:11px}.dictionary-definition{padding:17px 19px;display:grid;grid-template-columns:35px 1fr;gap:12px;border:1px solid var(--line);border-radius:7px;background:#fbfaf7}.dictionary-definition>span{color:var(--orange);font-family:DM Mono,monospace;font-size:12px}.dictionary-definition p{margin:0;color:#3f4d45;font-size:17px;line-height:1.5}.dictionary-usage{margin:18px 0 0;padding-left:19px;color:#68746c;border-left:3px solid #d99a77;font-size:16px;line-height:1.75}.dictionary-example-list{margin-top:24px;display:grid;gap:12px}.dictionary-example{padding:20px;border:1px solid var(--line);border-radius:7px;background:#fff}.dictionary-example strong,.dictionary-example span,.dictionary-example p{display:block}.dictionary-example strong{color:var(--ink);font-family:Noto Sans SC,sans-serif;font-size:22px;font-weight:600}.dictionary-example span{margin-top:7px;color:#b15d38;font-size:16px}.dictionary-example p{margin:8px 0 0;color:#657169;font-size:15px;line-height:1.5}.dictionary-entry-sidebar{display:grid;align-content:start;gap:14px}.dictionary-info-card,.dictionary-related-card{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.dictionary-info-card>div{padding:14px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e8e7e2}.dictionary-info-card>div:first-of-type{margin-top:12px}.dictionary-info-card>div:last-child{border-bottom:0}.dictionary-info-card span:not(.section-kicker){color:#77827a;font-size:14px}.dictionary-info-card strong{color:var(--ink);font-size:15px;text-align:right}.dictionary-related-list{margin-top:13px;display:grid}.dictionary-related-list button{padding:12px 0;display:flex;align-items:center;justify-content:space-between;color:#5e6c63;border-bottom:1px solid #e8e7e2;background:transparent;font-size:16px;text-align:left}.dictionary-related-list button:last-child{border-bottom:0}.dictionary-related-list button:hover{color:var(--ink)}.dictionary-related-list svg{color:var(--orange)}.dictionary-faq{margin-top:67px;padding-top:50px;border-top:1px solid var(--line)}.dictionary-faq-grid{margin-top:23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dictionary-faq-grid article{padding:21px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.dictionary-faq-grid h3{margin:0;color:var(--ink);font-size:18px;line-height:1.3}.dictionary-faq-grid p{margin:10px 0 0;color:#68736b;font-size:15px;line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-step,.format-card,.pricing-card,.architecture-panel{border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.process-step{min-height:260px;padding:19px}.process-step-top{display:flex;align-items:center;justify-content:space-between;color:var(--orange)}.process-step-top span{font-family:DM Mono,monospace;font-size:10px}.process-step h2,.format-card h2,.architecture-panel h2{margin:42px 0 10px;color:var(--ink);font-size:17px;line-height:1.2;letter-spacing:-.03em}.process-step p,.format-card li,.architecture-panel li{margin:0;color:#788078;font-size:11px;line-height:1.65}.workflow-band{margin-top:18px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #e5d2c7;border-radius:8px;background:#fff7f1}.workflow-band h2{max-width:650px;margin:9px 0 7px;color:var(--ink);font-size:20px;line-height:1.2;letter-spacing:-.04em}.workflow-band p{max-width:700px;margin:0;color:#85776e;font-size:11px;line-height:1.65}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.format-card{min-height:286px;padding:22px;border-top:3px solid var(--orange)}.format-card.blue{border-top-color:var(--blue)}.format-card.green{border-top-color:var(--green)}.format-card-type{color:var(--orange);font-family:DM Mono,monospace;font-size:11px;font-weight:500}.format-card.blue .format-card-type{color:var(--blue)}.format-card.green .format-card-type{color:var(--green)}.format-card h2{margin-top:44px}.format-card ul,.architecture-panel ul,.pricing-card ul{margin:0;padding:0;display:grid;gap:9px;list-style:none}.format-card li{padding-left:15px;position:relative}.format-card li:before{content:"";width:5px;height:5px;position:absolute;left:0;top:7px;border-radius:50%;background:var(--orange)}.format-card.blue li:before{background:var(--blue)}.format-card.green li:before{background:var(--green)}.format-preview{min-height:255px;margin-top:18px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:8px;background:#202a27}.format-preview h2{max-width:510px;margin:10px 0 9px;color:#f4f2eb;font-size:23px;line-height:1.18;letter-spacing:-.04em}.format-preview p{max-width:530px;margin:0 0 20px;color:#aab4ad;font-size:11px;line-height:1.65}.format-preview .section-kicker{color:#e5a17e}.format-preview .outline-button{color:#e0e7e1;border-color:#53615b;background:transparent}.format-preview .outline-button:hover{border-color:#8b9a91}.format-preview-caption{min-width:260px;padding:24px 26px;text-align:center;border:1px solid #53615b;border-radius:6px;background:#293631}.preview-pinyin{color:#eec7ab;font-size:14px}.preview-hanzi{margin-top:7px;color:#fff;font-family:Noto Sans SC,sans-serif;font-size:28px;font-weight:600}.format-preview-caption small{display:block;margin-top:9px;color:#9eaaa2;font-size:10px}.architecture-map{display:flex;align-items:center;gap:10px}.architecture-node{min-width:0;flex:1;min-height:116px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:8px;background:#fbfaf7}.architecture-node.orange{border-top-color:var(--orange)}.architecture-node.blue{border-top-color:var(--blue)}.architecture-node.green{border-top-color:var(--green)}.architecture-node strong{color:var(--ink);font-size:12px}.architecture-node span{color:var(--muted);font-size:10px;line-height:1.45}.architecture-arrow{flex:0 0 auto;color:#a3aaa3;font-size:20px}.architecture-columns{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.architecture-panel{padding:22px}.architecture-panel h2{margin-top:12px}.architecture-panel li{padding-left:15px;position:relative}.architecture-panel li:before{content:"·";position:absolute;left:2px;color:var(--orange);font-size:18px;line-height:12px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pricing-card{min-height:355px;padding:23px;display:flex;flex-direction:column}.pricing-card.featured{border-color:#e2b397;background:#fff7f1;box-shadow:0 14px 30px #a55f4314}.pricing-card-name{color:#6b736c;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.pricing-price{margin-top:18px;color:var(--ink);font-size:34px;font-weight:600;letter-spacing:-.06em}.pricing-price small{margin-left:5px;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0}.pricing-card>p{min-height:33px;margin:8px 0 20px;color:var(--muted);font-size:11px}.pricing-card ul{flex:1;margin-bottom:20px}.pricing-card li{display:flex;align-items:center;gap:7px;color:#6f786f;font-size:11px}.pricing-card li svg{color:var(--green);flex:0 0 auto}.pricing-card button{width:100%}.pricing-note{margin-top:18px;padding:14px 16px;display:flex;align-items:flex-start;gap:9px;color:#78827a;border:1px solid #d7e3d7;border-radius:7px;background:#f1f6ef;font-size:11px;line-height:1.55}.pricing-note svg{flex:0 0 auto;color:#6d967a}.pricing-cta{margin-top:18px}.signin-button,.header-cta{min-height:32px;padding:0 11px;border-radius:7px;font-size:11px;font-weight:600}.signin-button{color:#68716a;background:transparent}.signin-button:hover{color:var(--ink);background:var(--paper-deep)}.header-cta{color:#fff;background:var(--ink)}.header-cta:hover{background:#303b37}.home-page{width:100%;max-width:1180px;flex:1;margin:0 auto;padding:56px 32px 92px}.home-hero{min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 540px;align-items:center;gap:56px}.home-hero h1{max-width:650px;margin:12px 0 16px;color:var(--ink);font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.065em}.home-hero p{max-width:610px;margin:0;color:#6f7870;font-size:15px;line-height:1.7}.home-actions{margin-top:28px;display:flex;align-items:center;gap:10px}.home-trust-row{margin-top:27px;display:flex;flex-wrap:wrap;gap:8px}.home-trust-row span{padding:7px 9px;color:#66766a;border:1px solid #d9dfd7;border-radius:6px;background:#fbfaf7;font-size:10px}.home-product-preview{min-width:0}.home-preview-window{overflow:hidden;border:1px solid #2c3935;border-radius:8px;background:#202a27;box-shadow:var(--shadow)}.preview-toolbar{height:44px;padding:0 14px;display:flex;align-items:center;gap:9px;color:#dfe6df;border-bottom:1px solid rgba(255,255,255,.08)}.preview-toolbar span{width:8px;height:8px;border-radius:50%;background:var(--orange)}.preview-toolbar strong{flex:1;min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.preview-toolbar small{color:#9ca9a1;font-family:DM Mono,monospace;font-size:9px}.preview-workspace{display:grid;grid-template-columns:126px minmax(0,1fr) 118px;min-height:360px;background:#202a27}.preview-side{padding:12px;display:flex;flex-direction:column;gap:10px;border-right:1px solid rgba(255,255,255,.08);background:#222d29}.preview-side.right{border-right:0;border-left:1px solid rgba(255,255,255,.08)}.preview-upload-mini,.preview-note-mini{padding:11px;display:grid;gap:5px;border:1px dashed rgba(255,255,255,.22);border-radius:6px;background:#ffffff0a}.preview-upload-mini svg{color:#f0a57d}.preview-upload-mini strong,.preview-note-mini strong{color:#f5f4ef;font-size:10px}.preview-upload-mini span,.preview-note-mini span,.preview-note-mini small{color:#9daaa2;font-size:8px;line-height:1.4}.preview-layer-list{display:grid;gap:6px}.preview-layer-list span{padding:7px 8px;color:#9fa9a3;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#ffffff09;font-size:9px}.preview-layer-list span.on{color:#fff;border-color:#f0a57d73;background:#e86e4226}.preview-center{min-width:0;display:flex;flex-direction:column}.preview-screen{min-height:304px;flex:1;display:grid;place-items:end center;padding:0 22px 52px;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),#9aaea6;background-size:44px 44px}.preview-screen:before{content:"";width:34%;height:35%;position:absolute;right:13%;top:17%;border:8px solid rgba(31,42,38,.58);background:#ffffff1a}.preview-caption-stack{width:100%;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.45)}.preview-export-strip{min-height:54px;padding:0 14px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08)}.preview-export-strip span{color:#aeb9b1;font-family:DM Mono,monospace;font-size:9px;text-align:center}.preview-download-mini{margin-top:auto;display:grid;gap:7px}.preview-download-mini span{padding:8px;color:#cfe2e7;border:1px solid rgba(61,145,167,.35);border-radius:5px;background:#3d91a71f;font-family:DM Mono,monospace;font-size:9px;text-align:center}.home-section{margin-top:64px}.home-section-heading{max-width:640px;margin-bottom:20px}.home-section-heading h2,.home-flow h2{margin:10px 0 9px;color:var(--ink);font-size:28px;line-height:1.12;letter-spacing:-.05em}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.value-card,.faq-item{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.value-card h3,.faq-item h2{margin:0 0 10px;color:var(--ink);font-size:15px;line-height:1.2;letter-spacing:-.025em}.value-card p,.faq-item p,.home-flow p{margin:0;color:#778078;font-size:11px;line-height:1.7}.home-flow{display:grid;grid-template-columns:280px 1fr;align-items:start;gap:28px}.flow-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flow-list .process-step{min-height:220px}.home-platform,.home-use-cases{margin-top:64px}.home-section-heading p{max-width:680px;margin:0;color:#778078;font-size:12px;line-height:1.7}.platform-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.platform-feature-card{min-height:214px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:#fbfaf7}.platform-feature-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--orange);border-radius:7px;background:var(--orange-light)}.platform-feature-card h3{margin:40px 0 9px;color:var(--ink);font-size:14px;line-height:1.2;letter-spacing:-.025em}.platform-feature-card p{margin:0;color:#788078;font-size:10px;line-height:1.65}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.use-case-card{min-height:220px;padding:21px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #d7e3d7;border-top:3px solid var(--green);border-radius:8px;background:#f6faf4}.use-case-card h3{margin:0;color:var(--ink);font-size:17px;line-height:1.18;letter-spacing:-.035em}.use-case-card p{margin:12px 0 22px;color:#738078;font-size:11px;line-height:1.65}.use-case-card span{color:#6d967a;font-family:DM Mono,monospace;font-size:8px}.home-roi{margin:80px calc(50% - 50vw) 0;padding:72px max(24px,calc((100vw - 1180px)/2));background:#1f2a26}.roi-heading{max-width:900px}.roi-heading .section-kicker{color:#f1aa7c}.roi-heading h2{margin:12px 0 16px;color:#fffaf2;font-size:clamp(34px,4.8vw,58px);line-height:1.02;letter-spacing:-.055em}.roi-heading p{max-width:820px;margin:0;color:#d4ddd6;font-size:18px;line-height:1.65}.roi-comparison{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roi-card{min-width:0;padding:28px;display:grid;grid-template-columns:1fr;gap:20px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#f7f1e8;box-shadow:0 18px 50px #00000029}.roi-card-eyebrow{color:#9f5a33;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.roi-card h3{min-height:76px;margin:14px 0 0;color:#1f2a26;font-size:25px;line-height:1.14;letter-spacing:-.035em}.roi-metric-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px}.roi-metric{min-height:214px;padding:16px;display:flex;flex-direction:column;border-radius:7px}.roi-metric span{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.roi-metric strong{margin-top:16px;display:block;font-size:clamp(22px,1.85vw,28px);line-height:1;letter-spacing:-.045em;overflow-wrap:normal}.roi-metric p{margin:16px 0 0;color:#52615a;font-size:13px;line-height:1.55}.roi-metric.before{color:#65716a;border:1px solid #dacdc2;background:#fffaf4}.roi-metric.after{color:#70401f;border:1px solid #df9a72;background:#ffe0ca}.roi-metric.after strong,.roi-metric.before strong{color:#1f2a26}.roi-arrow{position:absolute;left:50%;top:50%;display:grid;place-items:center;z-index:2;width:34px;height:34px;color:#c06634;border:1px solid #e7b18e;border-radius:50%;background:#fff6ef;font-size:18px;transform:translate(-50%,-50%)}.roi-feature-strip{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.roi-feature-strip span{padding:15px 14px;color:#edf4ef;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:#ffffff0f;font-size:15px;line-height:1.35;text-align:center}.home-learning-system{max-width:1110px;margin:72px auto 0;padding:34px;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:center;gap:34px;border:1px solid #d6e2dc;border-radius:8px;background:#eef6f1}.learning-system-copy h2{margin:12px 0 13px;color:var(--ink);font-size:clamp(30px,3.4vw,44px);line-height:1.04;letter-spacing:-.055em}.learning-system-copy p{max-width:480px;margin:0;color:#62716a;font-size:16px;line-height:1.68}.learning-system-actions{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.learning-feature-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-feature-card{min-height:132px;padding:17px;display:grid;grid-template-columns:34px 1fr;gap:13px;border:1px solid #dbe3de;border-radius:8px;background:#fffdfa}.learning-feature-icon{width:34px;height:34px;display:grid;place-items:center;color:#bd6641;border-radius:7px;background:#f7d9c8}.learning-feature-card h3{margin:0;color:var(--ink);font-size:17px;line-height:1.2;letter-spacing:-.025em}.learning-feature-card p{margin:8px 0 0;color:#6d7a72;font-size:14px;line-height:1.55}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:18px}.faq-layout{display:grid;grid-template-columns:300px 1fr;align-items:start;gap:18px}.faq-sidebar{padding:23px;position:sticky;top:94px;border:1px solid #e5d2c7;border-radius:8px;background:#fff7f1}.faq-sidebar h2{margin:11px 0 18px;color:var(--ink);font-size:22px;line-height:1.15;letter-spacing:-.045em}.faq-topic-list{display:grid;gap:7px}.faq-topic-list span{padding:8px 9px;color:#805e50;border:1px solid #efd7c8;border-radius:5px;background:#fffaf6;font-size:10px}.faq-item{position:relative;min-height:170px}.faq-number{margin-bottom:28px;color:var(--orange);font-family:DM Mono,monospace;font-size:10px}.site-footer{min-height:47px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8d958e;border-top:1px solid var(--line);font-family:DM Mono,monospace;font-size:9px}.site-footer.full{min-height:auto;padding:30px 32px 20px;display:grid;grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:40px}.footer-brand strong{display:block;color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.footer-brand p{max-width:280px;margin:8px 0 0;color:#808980;font-family:DM Sans,sans-serif;font-size:11px;line-height:1.55}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-column{display:grid;gap:7px}.footer-column h3{margin:0 0 4px;color:var(--ink);font-family:DM Sans,sans-serif;font-size:11px}.footer-column button{padding:0;color:#7f8880;text-align:left;background:transparent;font-family:DM Sans,sans-serif;font-size:10px}.footer-column button:hover{color:var(--ink)}.footer-bottom{grid-column:1 / -1;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.site-footer>div{display:flex;align-items:center;gap:15px}.site-footer.full>div{display:block}.site-footer.full .footer-links{display:grid}.site-footer.full .footer-bottom{display:flex}.site-footer button{padding:0;color:#7d877f;background:transparent;font:inherit}.site-footer button:hover{color:var(--ink)}@media(max-width:1000px){.site-header{gap:14px;padding:0 20px}.site-brand{min-width:auto}.site-brand small,.local-badge{display:none}.site-nav{justify-content:flex-end}.site-nav button{padding:0 7px}.site-nav button svg{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:1fr;gap:34px}.seo-hero,.dictionary-hero,.dictionary-entry-hero{grid-template-columns:1fr;gap:30px}.dictionary-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dictionary-pronunciation-heading,.pinyin-tool-layout{grid-template-columns:1fr}.seo-result-preview{max-width:430px}.home-product-preview{max-width:560px}.value-grid,.flow-list,.roi-comparison,.roi-feature-strip,.platform-feature-grid,.use-case-grid{grid-template-columns:1fr 1fr}.home-flow{grid-template-columns:1fr}.site-footer.full{grid-template-columns:1fr;gap:28px}.format-grid,.pricing-grid{grid-template-columns:1fr 1fr}.format-card:last-child,.pricing-card:last-child{grid-column:1 / -1}}@media(max-width:860px){.site-header{min-height:64px;flex-wrap:wrap;padding:11px 18px}.site-nav{order:3;width:100%;flex:0 0 100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.site-nav button{flex:0 0 auto}.site-header-meta{margin-left:auto}.signin-button{display:none}.studio-intro{display:block;padding:26px 18px 0}.home-page{padding:40px 18px 70px}.home-hero{min-height:auto}.home-actions,.home-learning-system{align-items:flex-start;flex-direction:column}.home-learning-system{grid-template-columns:1fr;padding:26px}.home-roi{margin-top:56px;padding:46px 18px}.preview-workspace{grid-template-columns:1fr}.preview-side{display:none}.preview-screen{min-height:245px}.faq-layout,.faq-grid,.dictionary-entry-layout{grid-template-columns:1fr}.faq-sidebar{position:static}.home-learning-system .primary-button{width:100%}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{align-items:flex-start;flex-direction:column}.studio-status{margin-top:14px}.content-page{padding:48px 18px 70px}.content-heading{margin-bottom:30px}.architecture-map{align-items:stretch;flex-direction:column}.architecture-arrow{text-align:center;transform:rotate(90deg)}.format-preview{align-items:flex-start;flex-direction:column}.format-preview-caption{width:100%}.site-footer{min-height:auto;padding:13px 18px;align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:570px){.site-header{gap:9px}.site-brand strong{font-size:12px}.site-nav button{font-size:10px}.studio-intro h1{font-size:24px}.process-grid,.format-grid,.pricing-grid,.value-grid,.flow-list,.roi-comparison,.roi-feature-strip,.learning-feature-board,.platform-feature-grid,.use-case-grid,.faq-grid,.seo-feature-grid,.seo-link-grid,.architecture-columns,.dictionary-word-grid,.dictionary-capability-grid,.dictionary-faq-grid,.tone-pair-row>div{grid-template-columns:1fr}.format-card:last-child,.pricing-card:last-child{grid-column:auto}.workflow-band{align-items:flex-start;flex-direction:column}.workflow-band .primary-button{width:100%}.site-footer>div{align-items:flex-start;flex-direction:column;gap:5px}.footer-links{grid-template-columns:1fr}.home-actions .primary-button,.home-actions .outline-button,.learning-system-actions .primary-button,.learning-system-actions .outline-button,.header-cta{width:100%}.home-learning-system{margin-top:54px;padding:24px 18px}.learning-system-copy h2{font-size:34px}.learning-feature-card{min-height:auto}.seo-tool-band{align-items:flex-start;flex-direction:column}.seo-tool-band .primary-button{width:100%}.dictionary-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.dictionary-search{grid-template-columns:1fr}.dictionary-search button{justify-content:center}.dictionary-pronunciation-tools{padding:22px 16px}.dictionary-pronunciation-heading h2{font-size:29px}.pinyin-chart-panel,.tone-pair-panel{padding:16px}.pinyin-chart-group-title{align-items:flex-start;flex-direction:column;gap:4px}.pinyin-chart-row{grid-template-columns:1fr;align-items:start}.pinyin-chart-row span{min-width:40px}.dictionary-tool-band{align-items:flex-start;flex-direction:column}.dictionary-tool-band .primary-button{width:100%}.dictionary-hero-copy p,.dictionary-tool-band p{font-size:16px}.roi-card{padding:24px}.roi-card h3{min-height:auto;font-size:24px}.roi-metric-row{grid-template-columns:1fr}.roi-arrow{position:static;justify-self:center;min-height:28px;transform:rotate(90deg)}.roi-heading h2{font-size:34px}.roi-heading p,.roi-metric p{font-size:16px}.roi-metric{min-height:104px}.roi-feature-strip span{font-size:14px;text-align:left}}