:root{font-family:Inter,system-ui,sans-serif;color:#1f242e;background:#f4f7fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{font-family:Poppins,Inter,sans-serif;font-weight:600;cursor:pointer;border:0;border-radius:999px;background:#0060fd;color:#fff;padding:12px 22px}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,b,strong{font-family:Poppins,Inter,sans-serif}.center{min-height:100vh;display:grid;place-items:center}.signin{background:#fff;border:1px solid #e8ecf3;border-radius:24px;padding:36px;text-align:center;max-width:440px}.error{color:#e6193b}.spinner{width:40px;height:40px;border:4px solid #e0f0ff;border-top-color:#0060fd;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace{height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.editor,.preview{min-width:0;display:flex;flex-direction:column}.editor{border-right:1px solid #d8dee9}.editor-header,.preview>header,.top{height:72px;flex:none;background:#fff;border-bottom:1px solid #e8ecf3;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.editor-header div{display:grid}.editor-header b{color:#0060fd}.editor-header small{color:#566681;margin-top:2px}.scroll{overflow:auto;padding:24px}.scroll>h2{font-size:20px;margin:24px 0 4px}.scroll>p{margin:0 0 16px;color:#566681}.field{display:grid;position:relative;margin-bottom:14px}.field>span{position:absolute;z-index:1;top:-8px;left:12px;background:#fff;padding:0 5px;font-size:12px;color:#566681}.field input,.field textarea,select{width:100%;border:1px solid #d8dee9;border-radius:12px;background:#fff;color:#1f242e;padding:14px 16px;outline:none}.field input:focus,.field textarea:focus{border-color:#0060fd;box-shadow:0 0 0 3px #e0f0ff}.field textarea{min-height:100px;resize:vertical}.field textarea.json{min-height:520px;font-family:ui-monospace,monospace}.tabs{display:flex;margin:16px 0}.tabs button{background:#fff;color:#566681;border:1px solid #d8dee9;border-radius:0;padding:9px 18px}.tabs button:first-child{border-radius:999px 0 0 999px}.tabs button:last-child{border-radius:0 999px 999px 0}.tabs button.active{background:#edf7ff;color:#0060fd}.group{background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:16px;margin:0 0 16px}.group h3{font-size:16px;margin:0 0 16px}.group .group{background:#f9fafb}.toggle{display:flex;justify-content:space-between;padding:12px 0}.audio{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fdecf0;border:1px solid #fbdfE4;border-radius:16px;padding:20px;margin-top:20px}.audio.ready{background:#e9faed;border-color:#d5f6dd}.audio h3,.audio p{margin:0}.audio p{margin-top:4px;color:#566681}.notice{color:#0060fd!important;margin-top:14px!important}footer{display:flex;justify-content:space-between;gap:12px;padding:20px 0}.secondary{background:#fff;color:#1f242e;border:1px solid #d8dee9}.preview>header{font-family:Poppins;font-weight:600;justify-content:flex-start}.preview iframe{border:0;width:100%;height:100%}.top select{width:300px}.catalogue{height:calc(100vh - 72px);display:grid;grid-template-columns:320px 1fr}.catalogue aside{background:#fff;border-right:1px solid #e8ecf3;padding:16px;overflow:auto}.catalogue aside h1{font-size:22px}.catalogue aside button{width:100%;background:#fff;color:#1f242e;border:1px solid #e8ecf3;border-radius:16px;text-align:left;margin-bottom:8px}.catalogue aside small{display:block;color:#566681;margin-top:4px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview{display:none}.editor{border:0}.scroll{padding:20px 16px}.audio{align-items:flex-start;flex-direction:column}.audio button{width:100%}}.editor,.preview{height:100vh;overflow:hidden}.preview{position:relative}.scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}.preview iframe{min-height:0;flex:1;overflow:auto}.preview-stale:after{content:"";position:absolute;z-index:4;inset:0;border:2px solid #fbdfE4;pointer-events:none}.preview-warning{position:absolute;z-index:5;top:86px;right:16px;max-width:310px;display:grid;gap:2px;background:#fdecf0;border:1px solid #fbdfE4;border-radius:14px;padding:10px 14px;box-shadow:0 4px 16px #1f242e14;color:#a5122a}.preview-warning b{font-size:13px}.preview-warning span{font-size:12px;color:#6a0b1b}.group{padding:20px}.group h3{margin:0 0 6px}.group>p{color:#566681;margin:0 0 18px}.identity{background:#f9fafb}.identity-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.identity-grid{grid-template-columns:2fr 2fr 1fr}.identity-grid label{display:grid;gap:6px;color:#566681;font-size:12px}.identity-grid input{width:100%;border:1px solid #e8ecf3;border-radius:12px;background:#f4f7fd;color:#566681;padding:13px}.repeat{border-bottom:1px solid #e8ecf3;margin-bottom:18px;padding-bottom:16px}.repeat:last-of-type{border-bottom:0}.remove,.add{background:#fff;color:#566681;border:1px solid #d8dee9;padding:8px 14px}.remove{color:#e6193b}.source-warning{border:1px solid #fbc000;background:#fff9df;border-radius:14px;padding:16px}.source-warning p{color:#566681;margin:6px 0 0}.combo{position:relative;margin-bottom:14px}.combo>span{position:absolute;z-index:3;top:-8px;left:12px;background:#fff;padding:0 5px;font-size:12px;color:#566681}.combo-button{width:100%;display:flex;justify-content:space-between;background:#fff;color:#1f242e;border:1px solid #d8dee9;border-radius:12px;padding:14px 16px;text-align:left}.combo-button i{font-style:normal;color:#566681}.menu{position:absolute;z-index:20;top:54px;left:0;right:0;display:grid;max-height:260px;overflow:auto;background:#fff;border:1px solid #d8dee9;border-radius:14px;padding:8px;box-shadow:0 12px 32px #d1dcf066}.menu input{position:sticky;top:0;width:100%;border:1px solid #d8dee9;border-radius:10px;padding:10px;margin-bottom:6px}.menu button{border-radius:9px;background:#fff;color:#1f242e;text-align:left;padding:10px 12px}.menu button:hover,.menu button.chosen{background:#edf7ff;color:#0060fd}.menu small{padding:12px;color:#566681}.chinese-field{margin-bottom:14px}.chinese-field .field{margin-bottom:0}.reading{background:#f4f7fd;border:1px solid #e8ecf3;border-top:0;border-radius:0 0 12px 12px;padding:18px 16px 12px}.chinese-field .field input,.chinese-field .field textarea{border-radius:12px 12px 0 0}.hanzi{font-size:18px;line-height:2.4}.hanzi ruby{ruby-align:center}.hanzi rt{font-size:10px;color:#0060fd;font-family:Inter,sans-serif}.translation{color:#566681;font-size:14px;line-height:1.45;margin-top:4px}@media(max-width:900px){.identity-grid,.form-grid{grid-template-columns:1fr}}.editor-header nav{display:flex;align-items:center;gap:10px}.editor-header nav button{padding:10px 18px}.sentence-card{border:1px solid #d8dee9;border-radius:16px;padding:16px;margin-bottom:16px}.sentence-card.ready{background:#e9faed;border-color:#d5f6dd}.sentence-card.stale{background:#fdecf0;border-color:#fbdfe4}.sentence-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sentence-head span{font-size:12px;color:#566681}.sentence-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sentence-actions audio{height:38px;min-width:220px;flex:1}.sentence-actions p{color:#566681;flex:1;margin:0;min-width:220px}.sentence-actions button{padding:9px 14px}.persona-select{position:relative;margin:8px 0 16px}.persona-label{display:block;color:#566681;font-size:12px;margin-bottom:6px}.persona-current{width:100%;display:flex;align-items:center;gap:14px;background:#fff;color:#1f242e;border:1px solid #d8dee9;border-radius:16px;padding:12px;text-align:left}.persona-current img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#edf7ff}.persona-current span{display:grid;flex:1}.persona-current small,.persona-grid small{color:#566681;margin-top:3px}.persona-current i{font-style:normal;color:#566681}.persona-menu{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:8px;background:#fff;border:1px solid #d8dee9;border-radius:16px;padding:12px;box-shadow:0 12px 32px #d1dcf066}.persona-menu>input{width:100%;border:1px solid #d8dee9;border-radius:12px;padding:12px;margin-bottom:10px}.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto}.persona-grid button{display:flex;align-items:center;gap:10px;background:#fff;color:#1f242e;border:1px solid #e8ecf3;border-radius:12px;padding:8px;text-align:left}.persona-grid button:hover,.persona-grid button.chosen{background:#edf7ff;border-color:#0060fd}.persona-grid img{width:48px;height:48px;border-radius:50%;object-fit:cover}.persona-grid span{display:grid;min-width:0}.persona-grid b,.persona-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.editor-header{height:auto;min-height:72px;align-items:flex-start}.editor-header nav{flex-wrap:wrap;justify-content:flex-end}.persona-grid{grid-template-columns:1fr}}.workspace.embedded .editor-header{padding-left:76px}