: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}}.persona-current img,.persona-fallback{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;background:#edf7ff}.persona-fallback{display:grid!important;place-items:center;color:#0060fd;font:600 24px Poppins,Inter,sans-serif}.persona-current .persona-copy{display:grid;flex:1}.trait-row{display:flex!important;flex-wrap:wrap;gap:4px;margin-top:7px}.trait-row em{font:600 10px/16px Inter,sans-serif;font-style:normal;color:#566681;background:#f2f4f7;border:1px solid #e8ecf3;border-radius:999px;padding:1px 7px}.persona-grid img{flex:none;background:#edf7ff}.persona-grid button>span{display:grid;min-width:0}.persona-empty{grid-column:1/-1;padding:20px;text-align:center;color:#566681}.json-editor{overflow:hidden;background:#fff;border:1px solid #d8dee9;border-radius:16px;box-shadow:0 3px 8px #d1dcf0cc}.json-editor.invalid{border-color:#e6193b}.json-editor>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #e8ecf3}.json-editor>header div{display:grid}.json-editor>header small{color:#566681;margin-top:2px}.json-editor>header button{padding:8px 14px}.json-code{height:560px;overflow:auto;background:#1f242e}.json-code .cm-editor{height:100%;color:#f9fafb;background:#1f242e;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.json-code .cm-scroller{font-family:inherit}.json-code .cm-gutters{color:#8394ae;background:#1f242e;border-right:1px solid #3d495c}.json-code .cm-activeLine,.json-code .cm-activeLineGutter{background:#2b3442}.json-code .cm-content{caret-color:#61b0ff}.json-code .cm-cursor{border-left-color:#61b0ff}.json-code .cm-selectionBackground,.json-code .cm-focused .cm-selectionBackground{background:#004fe566!important}.json-code .tok-string{color:#9de2ad}.json-code .tok-number,.json-code .tok-bool,.json-code .tok-null{color:#ffcf73}.json-code .tok-propertyName{color:#8fc8ff}.json-code .tok-punctuation{color:#d8dee9}.json-editor>footer{display:block;padding:8px 16px;margin:0;color:#e6193b;background:#fdecf0;font-size:12px}.json-editor>footer.valid{color:#17853f;background:#e9faed}.workspace.embedded .editor-header{padding-left:76px}.theme-select{position:relative;margin:4px 0 18px}.theme-label{display:block;color:#566681;font-size:12px;margin:0 0 6px}.theme-control{min-height:52px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid #d8dee9;border-radius:12px;background:#fff;padding:8px 12px;cursor:text}.theme-control.open{border-color:#0060fd;box-shadow:0 0 0 3px #e0f0ff}.theme-control input{flex:1;min-width:180px;border:0;outline:0;padding:5px 2px;color:#1f242e}.theme-chip{display:inline-flex;align-items:center;gap:5px;background:#edf7ff;color:#004fe5;border:1px solid #e0f0ff;border-radius:999px;padding:5px 8px 5px 10px;font:600 12px Inter,sans-serif}.theme-chip button{display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%;background:transparent;color:#566681}.theme-chip button:hover{background:#e0f0ff;color:#0060fd}.theme-menu{position:absolute;z-index:25;left:0;right:0;top:100%;margin-top:6px;display:grid;max-height:280px;overflow:auto;background:#fff;border:1px solid #d8dee9;border-radius:14px;padding:8px;box-shadow:0 12px 32px #d1dcf066}.theme-menu>button{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:9px;background:#fff;color:#1f242e;text-align:left;padding:10px 12px}.theme-menu>button:hover{background:#edf7ff;color:#0060fd}.theme-menu small{color:#566681}.theme-menu .create-theme{border-top:1px solid #e8ecf3;border-radius:0;margin-top:4px;color:#0060fd}.theme-menu .theme-empty{padding:14px;text-align:center}