@font-face{font-family:SVN-Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/SVN-Poppins-SemiBold.woff2) format("woff2")}:root{--vr-on-surface: #1F242E;--vr-on-surface-variant: #566681;--vr-text-tertiary: #8394AE;--vr-primary: #0060FD;--vr-primary-hover: #004FE5;--vr-primary-press: #0046CA;--vr-on-primary: #FFFFFF;--vr-primary-container: #E0F0FF;--vr-primary-container-hover: #D3EAFF;--vr-secondary-container: #EDF7FF;--vr-surface: #F9FAFB;--vr-surface-container-lowest: #FFFFFF;--vr-surface-container-high: #F2F4F7;--vr-surface-container-highest: #E8ECF3;--vr-outline: #D8DEE9;--vr-outline-variant: #E8ECF3;--vr-scrim: rgba(31, 36, 46, .5);--vr-error: #E6193B;--vr-error-container: #FDECEF;--vr-on-error-container: #8F0F24;--vr-tertiary: #24C159;--vr-tertiary-container: #E9FAED;--vr-on-tertiary-container: #0E6B31;--vr-warning-tint: #FEEBD2;--vr-on-warning-tint: #854B00;--vr-orange-container: #FEF3E5;--vr-highlight: #FAD500;--vr-font-display: "SVN-Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vr-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vr-text-headline-large: 600 30px/38px var(--vr-font-display);--vr-text-headline-medium: 600 24px/32px var(--vr-font-display);--vr-text-headline-small: 600 20px/28px var(--vr-font-display);--vr-text-title-small: 600 18px/26px var(--vr-font-display);--vr-text-title-medium: 600 16px/24px var(--vr-font-display);--vr-text-body-large: 400 16px/24px var(--vr-font-body);--vr-text-body-medium: 400 14px/20px var(--vr-font-body);--vr-text-body-small: 400 12px/16px var(--vr-font-body);--vr-text-overline: 600 12px/16px var(--vr-font-body);--vr-text-headline-large-tracking: -.36px;--vr-text-headline-medium-tracking: -.288px;--vr-text-headline-small-tracking: -.24px;--vr-text-title-small-tracking: -.216px;--vr-text-title-medium-tracking: -.192px;--vr-text-body-large-tracking: -.176px;--vr-text-body-medium-tracking: -.084px;--vr-text-overline-tracking: .72px;--vr-core-4xs: 2px;--vr-core-3xs: 4px;--vr-core-2xs: 8px;--vr-core-xs: 12px;--vr-core-s: 16px;--vr-core-m: 20px;--vr-core-l: 24px;--vr-core-l-plus: 28px;--vr-core-xl: 32px;--vr-core-2xl: 48px;--vr-core-3xl: 56px;--vr-core-4xl: 64px;--vr-radius-xs: 4px;--vr-radius-s: 8px;--vr-radius-m: 12px;--vr-radius-l: 16px;--vr-radius-l-plus: 20px;--vr-radius-xl: 24px;--vr-radius-2xl: 32px;--vr-radius-full: 999px;--vr-shadow-card: 0 0 0 1px rgba(31, 36, 46, .04), 0 1px 2px 0 rgba(31, 36, 46, .05), 0 2px 6px -2px rgba(31, 36, 46, .04);--vr-shadow-raised: 0 0 0 1px rgba(31, 36, 46, .04), 0 2px 4px -2px rgba(31, 36, 46, .06), 0 6px 16px -4px rgba(31, 36, 46, .1);--vr-shadow-floating: 0 0 0 1px rgba(31, 36, 46, .05), 0 4px 8px -4px rgba(31, 36, 46, .06), 0 16px 36px -8px rgba(31, 36, 46, .18);--vr-shadow-overlay: 0 0 0 1px rgba(31, 36, 46, .05), 0 8px 16px -8px rgba(31, 36, 46, .08), 0 28px 64px -16px rgba(31, 36, 46, .3);--vr-material-regular: color-mix(in srgb, var(--vr-surface-container-lowest) 76%, transparent);--vr-material-blur-regular: saturate(180%) blur(20px);--vr-duration-instant: .1s;--vr-duration-fast: .16s;--vr-duration-base: .24s;--vr-ease-standard: cubic-bezier(.2, 0, 0, 1);--vr-ease-enter: cubic-bezier(0, 0, .2, 1);--vr-button-press-scale: .97;--vr-focus-ring: 2px solid var(--vr-primary);--vr-halo-brand: 0 0 0 4px var(--vr-primary-container);--vr-halo-negative: 0 0 0 4px var(--vr-error-tint);--vr-z-sticky: 100;--vr-z-modal: 1000;--vr-z-popover: 1030;--vr-z-dropdown: 1050;--vr-success-tint: #D5F6DD;--vr-error-tint: #FBDFE4;--vr-highlight-container: #FFF8D1;--vr-font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--vr-code-ground: #1F242E;--vr-code-ground-raised: #3D495C;--vr-code-property: #61B0FF;--vr-code-string: #59D97F;--vr-code-literal: #FBAD46;--vr-code-punctuation: #D8DEE9;--vr-code-gutter: #8394AE;--vr-code-selection: rgba(8, 102, 255, .5);font:var(--vr-text-body-medium);letter-spacing:var(--vr-text-body-medium-tracking);color:var(--vr-on-surface);background:var(--vr-surface);font-synthesis:none;-webkit-font-smoothing:antialiased}@media(max-width:767px){:root{--vr-text-headline-large: 600 24px/32px var(--vr-font-display);--vr-text-headline-medium: 600 20px/28px var(--vr-font-display);--vr-text-headline-small: 600 18px/26px var(--vr-font-display);--vr-text-title-small: 600 16px/24px var(--vr-font-display);--vr-text-headline-large-tracking: -.288px;--vr-text-headline-medium-tracking: -.24px;--vr-text-headline-small-tracking: -.216px;--vr-text-title-small-tracking: -.192px}}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;letter-spacing:inherit}h1,h2,h3{font-family:var(--vr-font-display);font-weight:600;letter-spacing:var(--vr-text-title-medium-tracking)}b,strong{font-weight:600}:focus-visible{outline:var(--vr-focus-ring);outline-offset:2px}.icon{flex:none;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vr-core-3xs);min-height:36px;padding:0 var(--vr-core-s);border:0;border-radius:var(--vr-radius-full);background:var(--vr-primary);color:var(--vr-on-primary);font-weight:600;cursor:pointer;transition:background-color var(--vr-duration-fast) var(--vr-ease-standard),color var(--vr-duration-fast) var(--vr-ease-standard),box-shadow var(--vr-duration-fast) var(--vr-ease-standard),transform var(--vr-duration-instant) var(--vr-ease-standard)}button:hover:not(:disabled){background:var(--vr-primary-hover)}button:active:not(:disabled){transform:scale(var(--vr-button-press-scale))}button:disabled{opacity:.4;cursor:not-allowed}.secondary,.add,.remove{background:var(--vr-surface-container-lowest);color:var(--vr-on-surface);box-shadow:inset 0 0 0 1px var(--vr-outline)}.secondary:hover:not(:disabled),.add:hover:not(:disabled),.remove:hover:not(:disabled){background:var(--vr-surface)}.add{color:var(--vr-primary-hover)}.remove{color:var(--vr-on-error-container)}.add,.remove{min-height:28px;padding:0 var(--vr-core-xs);font:600 12px/16px var(--vr-font-body)}.center{min-height:100vh;display:grid;place-items:center;color:var(--vr-on-surface-variant)}.signin{max-width:440px;padding:var(--vr-core-xl);border-radius:var(--vr-radius-l-plus);background:var(--vr-surface-container-lowest);box-shadow:var(--vr-shadow-card);text-align:center}.signin h1{font:var(--vr-text-headline-medium);letter-spacing:var(--vr-text-headline-medium-tracking);margin:0 0 var(--vr-core-3xs)}.signin p{margin:0 0 var(--vr-core-l);color:var(--vr-on-surface-variant)}.google-button{min-height:44px;display:flex;justify-content:center}.error{color:var(--vr-on-error-container)}.spinner{width:40px;height:40px;border:4px solid var(--vr-primary-container);border-top-color:var(--vr-primary);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{position:relative;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.editor{box-shadow:inset -1px 0 0 var(--vr-outline-variant)}.editor-header,.preview>header,.top{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--vr-core-s);padding:0 var(--vr-core-l);background:var(--vr-material-regular);-webkit-backdrop-filter:var(--vr-material-blur-regular);backdrop-filter:var(--vr-material-blur-regular);box-shadow:inset 0 -1px 0 var(--vr-outline-variant)}.editor-header div{display:grid;min-width:0}.editor-header b{font:var(--vr-text-title-medium);letter-spacing:var(--vr-text-title-medium-tracking);color:var(--vr-on-surface)}.editor-header small{font:var(--vr-text-body-small);color:var(--vr-on-surface-variant)}.editor-header nav{display:flex;align-items:center;gap:var(--vr-core-2xs)}.workspace.embedded .editor-header{padding-left:76px}.scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--vr-core-l)}.scroll>h2{font:var(--vr-text-headline-small);letter-spacing:var(--vr-text-headline-small-tracking);margin:var(--vr-core-2xs) 0 var(--vr-core-3xs)}.scroll>p{margin:0 0 var(--vr-core-s);color:var(--vr-on-surface-variant)}.notice{margin:var(--vr-core-s) 0 0;padding:var(--vr-core-xs) var(--vr-core-s);border-radius:var(--vr-radius-l);background:var(--vr-secondary-container);color:var(--vr-primary-hover)}.preview>header{justify-content:flex-start;font:var(--vr-text-title-medium);letter-spacing:var(--vr-text-title-medium-tracking)}.preview iframe{min-height:0;flex:1;width:100%;border:0}.preview-stale:after{content:"";position:absolute;z-index:4;inset:0;box-shadow:inset 0 0 0 2px var(--vr-error-tint);pointer-events:none}.preview-warning{position:absolute;z-index:5;top:80px;right:var(--vr-core-s);max-width:310px;display:grid;gap:var(--vr-core-4xs);padding:var(--vr-core-xs) var(--vr-core-s);border-radius:var(--vr-radius-l);background:var(--vr-surface-container-lowest);box-shadow:var(--vr-shadow-floating);color:var(--vr-on-error-container)}.preview-warning b{font:600 14px/20px var(--vr-font-body)}.preview-warning span{font:var(--vr-text-body-small);color:var(--vr-on-surface-variant)}.tabs{display:inline-flex;gap:var(--vr-core-4xs);margin:var(--vr-core-s) 0;padding:var(--vr-core-4xs);border-radius:var(--vr-radius-full);background:var(--vr-surface-container-high)}.tabs button{min-height:40px;padding:0 var(--vr-core-s);background:transparent;color:var(--vr-on-surface-variant)}.tabs button:hover:not(:disabled){background:transparent;color:var(--vr-on-surface)}.tabs button.active{background:var(--vr-surface-container-lowest);color:var(--vr-on-surface);box-shadow:var(--vr-shadow-card)}.group{margin:0 0 var(--vr-core-s);padding:var(--vr-core-l);border-radius:var(--vr-radius-l-plus);background:var(--vr-surface-container-lowest);box-shadow:var(--vr-shadow-card)}.group h3{font:var(--vr-text-title-medium);letter-spacing:var(--vr-text-title-medium-tracking);margin:0 0 var(--vr-core-3xs)}.group>h3:last-child,.group>h3+.field,.group>h3+.combo,.group>h3+.chinese-field,.group>h3+.persona-select,.group>h3+.sentence-card,.group>h3+.repeat{margin-top:var(--vr-core-s)}.group>p{margin:0 0 var(--vr-core-m);color:var(--vr-on-surface-variant)}.identity{background:var(--vr-surface-container-lowest)}.identity-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--vr-core-xs)}.identity-grid{grid-template-columns:2fr 2fr 1fr;gap:var(--vr-core-xs)}.identity-grid label{display:grid;gap:var(--vr-core-3xs);color:var(--vr-on-surface-variant)}.identity-grid input{width:100%;height:40px;padding:0 var(--vr-core-xs);border:0;border-radius:var(--vr-radius-m);background:var(--vr-surface-container-high);color:var(--vr-on-surface-variant);font:var(--vr-text-body-medium)}.repeat{margin-bottom:var(--vr-core-s);padding-bottom:var(--vr-core-s);box-shadow:inset 0 -1px 0 var(--vr-outline-variant)}.repeat:last-of-type{box-shadow:none}.repeat .remove{margin-top:var(--vr-core-2xs)}.field{display:grid;gap:var(--vr-core-3xs);margin-bottom:var(--vr-core-s)}.field>span,.combo>span,.theme-label,.persona-label{display:block;font:var(--vr-text-body-medium);color:var(--vr-on-surface-variant)}.field input,.field textarea,select,.combo-button,.theme-control{width:100%;border:1px solid transparent;border-radius:var(--vr-radius-m);background:var(--vr-surface-container-high);color:var(--vr-on-surface);font:var(--vr-text-body-large);letter-spacing:var(--vr-text-body-large-tracking);outline:none;transition:background-color var(--vr-duration-fast) var(--vr-ease-standard),border-color var(--vr-duration-fast) var(--vr-ease-standard),box-shadow var(--vr-duration-fast) var(--vr-ease-standard)}.field input,select{height:48px;padding:0 var(--vr-core-s)}.field textarea{min-height:100px;padding:var(--vr-core-xs) var(--vr-core-s);resize:vertical}.field input:hover,.field textarea:hover,select:hover,.combo-button:hover,.theme-control:hover{background:var(--vr-surface-container-highest)}.field input:focus,.field textarea:focus,select:focus,.combo-button[aria-expanded=true],.theme-control.open{background:var(--vr-surface-container-lowest);border-color:var(--vr-primary);box-shadow:var(--vr-halo-brand)}.field input::placeholder,.field textarea::placeholder,.theme-control input::placeholder{color:var(--vr-text-tertiary)}.combo{position:relative;display:grid;gap:var(--vr-core-3xs);margin-bottom:var(--vr-core-s)}.combo-button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--vr-core-2xs);padding:0 var(--vr-core-xs) 0 var(--vr-core-s);font-weight:400;text-align:left}.combo-button .icon{color:var(--vr-text-tertiary)}.menu,.theme-menu,.persona-menu{position:absolute;left:0;right:0;top:calc(100% + var(--vr-core-2xs));z-index:var(--vr-z-dropdown);padding:var(--vr-core-3xs);border-radius:var(--vr-radius-l);background:var(--vr-surface-container-lowest);box-shadow:var(--vr-shadow-floating);animation:menu-in var(--vr-duration-fast) var(--vr-ease-enter)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.menu,.theme-menu{display:grid;max-height:280px;overflow:auto}.menu input,.persona-menu>input{position:sticky;top:0;z-index:1;width:100%;height:36px;margin-bottom:var(--vr-core-3xs);padding:0 var(--vr-core-xs);border:1px solid transparent;border-radius:var(--vr-radius-m);background:var(--vr-surface-container-high);color:var(--vr-on-surface);outline:0}.menu input:focus,.persona-menu>input:focus{background:var(--vr-surface-container-lowest);border-color:var(--vr-primary);box-shadow:var(--vr-halo-brand)}.menu button,.theme-menu>button{min-height:36px;justify-content:space-between;gap:var(--vr-core-xs);padding:var(--vr-core-2xs) var(--vr-core-xs);border-radius:var(--vr-radius-m);background:transparent;color:var(--vr-on-surface);text-align:left;font-weight:500}.menu button:hover:not(:disabled),.theme-menu>button:hover:not(:disabled){background:var(--vr-surface-container-high)}.menu button.chosen{background:var(--vr-primary-container);color:var(--vr-primary-hover);font-weight:600}.menu small,.theme-menu small{padding:var(--vr-core-xs);color:var(--vr-on-surface-variant)}.chinese-field{margin-bottom:var(--vr-core-s)}.chinese-field .field{margin-bottom:0}.reading{margin-top:var(--vr-core-3xs);padding:var(--vr-core-xs) var(--vr-core-s);border-radius:var(--vr-radius-m);background:var(--vr-surface);box-shadow:inset 0 0 0 1px var(--vr-outline-variant)}.hanzi{font-size:18px;line-height:2.4}.hanzi ruby{ruby-align:center}.hanzi rt{font:var(--vr-text-body-small);color:var(--vr-primary-hover)}.translation{margin-top:var(--vr-core-3xs);color:var(--vr-on-surface-variant)}.sentence-card{margin-bottom:var(--vr-core-s);padding:var(--vr-core-s);border-radius:var(--vr-radius-l);box-shadow:inset 0 0 0 1px var(--vr-outline-variant)}.sentence-card.ready{background:var(--vr-tertiary-container);box-shadow:none}.sentence-card.stale{background:var(--vr-error-container);box-shadow:none}.sentence-card .field input,.sentence-card .field textarea{background:var(--vr-surface-container-lowest)}.sentence-head{display:flex;align-items:center;justify-content:space-between;gap:var(--vr-core-xs);margin-bottom:var(--vr-core-xs)}.sentence-head span{display:inline-flex;align-items:center;height:24px;padding:0 var(--vr-core-2xs);border-radius:var(--vr-radius-full);font:500 12px/16px var(--vr-font-body)}.ready .sentence-head span{background:var(--vr-success-tint);color:var(--vr-on-tertiary-container)}.stale .sentence-head span{background:var(--vr-error-tint);color:var(--vr-on-error-container)}.sentence-actions{display:flex;align-items:center;gap:var(--vr-core-2xs);flex-wrap:wrap}.sentence-actions audio{height:40px;min-width:220px;flex:1}.sentence-actions p{flex:1;min-width:220px;margin:0;color:var(--vr-on-surface-variant)}.source-warning{padding:var(--vr-core-s);border-radius:var(--vr-radius-l);background:var(--vr-highlight-container)}.source-warning p{margin:var(--vr-core-3xs) 0 0;color:var(--vr-on-surface-variant)}.persona-select{position:relative;display:grid;gap:var(--vr-core-3xs);margin:var(--vr-core-2xs) 0 var(--vr-core-s)}.persona-current{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--vr-core-s);padding:var(--vr-core-xs);border-radius:var(--vr-radius-l);background:var(--vr-surface-container-high);color:var(--vr-on-surface);text-align:left;font-weight:400}.persona-current:hover:not(:disabled){background:var(--vr-surface-container-highest)}.persona-current[aria-expanded=true]{background:var(--vr-surface-container-lowest);box-shadow:inset 0 0 0 1px var(--vr-primary),var(--vr-halo-brand)}.persona-current img,.persona-fallback{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;background:var(--vr-primary-container)}.persona-fallback{display:grid!important;place-items:center;color:var(--vr-primary-hover);font:600 24px/1 var(--vr-font-display)}.persona-current .persona-copy{display:grid;flex:1;min-width:0}.persona-current>.icon{color:var(--vr-text-tertiary)}.persona-current small,.persona-grid small{margin-top:var(--vr-core-4xs);color:var(--vr-on-surface-variant);font:var(--vr-text-body-small)}.persona-menu>input{position:static;margin-bottom:var(--vr-core-2xs)}.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vr-core-3xs);max-height:360px;overflow:auto}.persona-grid button{justify-content:flex-start;gap:var(--vr-core-xs);padding:var(--vr-core-2xs);border-radius:var(--vr-radius-m);background:transparent;color:var(--vr-on-surface);text-align:left;font-weight:400}.persona-grid button:hover:not(:disabled){background:var(--vr-surface-container-high)}.persona-grid button.chosen{background:var(--vr-primary-container);box-shadow:inset 0 0 0 1px var(--vr-primary)}.persona-grid img{width:48px;height:48px;flex:none;border-radius:50%;object-fit:cover;background:var(--vr-primary-container)}.persona-grid button>span{display:grid;min-width:0}.persona-grid b,.persona-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trait-row{display:flex!important;flex-wrap:wrap;gap:var(--vr-core-3xs);margin-top:var(--vr-core-3xs)}.trait-row em{display:inline-flex;align-items:center;height:20px;padding:0 var(--vr-core-2xs);border-radius:var(--vr-radius-full);background:var(--vr-surface-container-lowest);color:var(--vr-on-surface-variant);font:500 12px/16px var(--vr-font-body);font-style:normal}.persona-grid .trait-row em{background:var(--vr-surface-container-high)}.persona-empty{grid-column:1 / -1;padding:var(--vr-core-m);text-align:center;color:var(--vr-on-surface-variant)}.theme-select{position:relative;display:grid;gap:var(--vr-core-3xs);margin:0 0 var(--vr-core-s)}.theme-control{min-height:48px;display:flex;align-items:center;flex-wrap:wrap;gap:var(--vr-core-3xs);padding:var(--vr-core-2xs) var(--vr-core-xs);cursor:text}.theme-control input{flex:1;min-width:180px;height:28px;padding:0 var(--vr-core-3xs);border:0;outline:0;background:transparent;color:var(--vr-on-surface)}.theme-chip{display:inline-flex;align-items:center;gap:var(--vr-core-4xs);height:28px;padding:0 var(--vr-core-4xs) 0 var(--vr-core-2xs);border-radius:var(--vr-radius-full);background:var(--vr-primary-container);color:var(--vr-primary-hover);font:500 12px/16px var(--vr-font-body)}.theme-chip button{width:24px;min-height:24px;height:24px;padding:0;border-radius:50%;background:transparent;color:var(--vr-primary-hover)}.theme-chip button:hover:not(:disabled){background:var(--vr-primary-container-hover)}.theme-menu .create-theme{margin-top:var(--vr-core-3xs);color:var(--vr-primary-hover);box-shadow:inset 0 1px 0 var(--vr-outline-variant);border-radius:0 0 var(--vr-radius-m) var(--vr-radius-m)}.theme-menu .theme-empty{text-align:center}.json-editor{overflow:hidden;border-radius:var(--vr-radius-l-plus);background:var(--vr-surface-container-lowest);box-shadow:var(--vr-shadow-card)}.json-editor.invalid{box-shadow:inset 0 0 0 1px var(--vr-error),var(--vr-halo-negative)}.json-editor>header{display:flex;align-items:center;justify-content:space-between;gap:var(--vr-core-s);padding:var(--vr-core-xs) var(--vr-core-s);box-shadow:inset 0 -1px 0 var(--vr-outline-variant)}.json-editor>header div{display:grid}.json-editor>header small{color:var(--vr-on-surface-variant);font:var(--vr-text-body-small)}.json-code{height:560px;overflow:auto;background:var(--vr-code-ground)}.json-code .cm-editor{height:100%;color:var(--vr-surface);background:var(--vr-code-ground);font:14px/1.6 var(--vr-font-code)}.json-code .cm-scroller{font-family:inherit}.json-code .cm-gutters{color:var(--vr-code-gutter);background:var(--vr-code-ground);border-right:1px solid var(--vr-code-ground-raised)}.json-code .cm-activeLine,.json-code .cm-activeLineGutter{background:var(--vr-code-ground-raised)}.json-code .cm-content{caret-color:var(--vr-code-property)}.json-code .cm-cursor{border-left-color:var(--vr-code-property)}.json-code .cm-selectionBackground,.json-code .cm-focused .cm-selectionBackground{background:var(--vr-code-selection)!important}.json-code .tok-string{color:var(--vr-code-string)}.json-code .tok-number,.json-code .tok-bool,.json-code .tok-null{color:var(--vr-code-literal)}.json-code .tok-propertyName{color:var(--vr-code-property)}.json-code .tok-punctuation{color:var(--vr-code-punctuation)}.json-editor>footer{display:block;margin:0;padding:var(--vr-core-2xs) var(--vr-core-s);color:var(--vr-on-error-container);background:var(--vr-error-container);font:var(--vr-text-body-small)}.json-editor>footer.valid{color:var(--vr-on-tertiary-container);background:var(--vr-tertiary-container)}footer{display:flex;justify-content:space-between;gap:var(--vr-core-xs);padding:var(--vr-core-m) 0}.top strong{font:var(--vr-text-title-medium);letter-spacing:var(--vr-text-title-medium-tracking)}.top select{width:300px;height:36px;font:var(--vr-text-body-medium)}.catalogue{height:calc(100vh - 64px);display:grid;grid-template-columns:320px 1fr}.catalogue aside{overflow:auto;padding:var(--vr-core-s);background:var(--vr-surface-container-lowest);box-shadow:inset -1px 0 0 var(--vr-outline-variant)}.catalogue aside h1{font:var(--vr-text-headline-small);letter-spacing:var(--vr-text-headline-small-tracking);margin:0 0 var(--vr-core-2xs)}.catalogue aside button{width:100%;display:grid;justify-content:stretch;justify-items:start;padding:var(--vr-core-xs);border-radius:var(--vr-radius-m);background:transparent;color:var(--vr-on-surface);text-align:left}.catalogue aside button+button{box-shadow:inset 0 1px 0 var(--vr-outline-variant);border-radius:0}.catalogue aside button:hover:not(:disabled){background:var(--vr-surface)}.catalogue aside small{margin-top:var(--vr-core-4xs);color:var(--vr-on-surface-variant);font:var(--vr-text-body-small)}.catalogue aside .new-content{justify-items:center;display:flex;margin-bottom:var(--vr-core-m);background:var(--vr-primary);color:var(--vr-on-primary);border-radius:var(--vr-radius-full)}.catalogue aside .new-content:hover:not(:disabled){background:var(--vr-primary-hover)}.create-flow{min-height:100vh;max-width:960px;margin:0 auto;padding:var(--vr-core-3xl) var(--vr-core-l)}.create-flow>header{margin-bottom:var(--vr-core-l)}.create-flow>header small{font:var(--vr-text-overline);letter-spacing:var(--vr-text-overline-tracking);text-transform:uppercase;color:var(--vr-primary-hover)}.create-flow h1{margin:var(--vr-core-2xs) 0 0;font:var(--vr-text-headline-large);letter-spacing:var(--vr-text-headline-large-tracking)}.create-flow>section{padding:var(--vr-core-l);border-radius:var(--vr-radius-l-plus);background:var(--vr-surface-container-lowest);box-shadow:var(--vr-shadow-card)}.choice-grid,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vr-core-xs)}.choice-grid button,.mode-grid button{position:relative;display:grid;justify-content:stretch;justify-items:start;align-content:start;gap:var(--vr-core-2xs);min-height:160px;padding:var(--vr-core-m);border-radius:var(--vr-radius-l);background:var(--vr-surface-container-high);color:var(--vr-on-surface);text-align:left}.choice-grid button:hover:not(:disabled),.mode-grid button:hover:not(:disabled){background:var(--vr-surface-container-highest)}.choice-grid button.selected,.mode-grid button.selected{background:var(--vr-primary-container);box-shadow:inset 0 0 0 1px var(--vr-primary)}.choice-grid b,.mode-grid b{font:var(--vr-text-title-medium);letter-spacing:var(--vr-text-title-medium-tracking)}.choice-grid button>.icon{color:var(--vr-primary)}.choice-grid p,.mode-grid p{margin:0;color:var(--vr-on-surface-variant);font-weight:400}.choice-grid em{position:absolute;right:var(--vr-core-s);top:var(--vr-core-s);display:inline-flex;align-items:center;height:24px;padding:0 var(--vr-core-2xs);border-radius:var(--vr-radius-full);background:var(--vr-primary-container);color:var(--vr-primary-hover);font:500 12px/16px var(--vr-font-body);font-style:normal}.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--vr-core-xs);margin-top:var(--vr-core-m)}.audio-separate{margin-top:var(--vr-core-s);padding:var(--vr-core-xs) var(--vr-core-s);border-radius:var(--vr-radius-l);background:var(--vr-highlight-container)}.audio-separate p{margin:var(--vr-core-3xs) 0 0;color:var(--vr-on-surface-variant)}.create-flow footer{padding:var(--vr-core-m) 0 0}.upload{position:relative;display:grid;place-items:center;gap:var(--vr-core-3xs);min-height:150px;padding:var(--vr-core-m);border:1px dashed var(--vr-primary);border-radius:var(--vr-radius-l);background:var(--vr-secondary-container);color:var(--vr-primary-hover);text-align:center;cursor:pointer;transition:background-color var(--vr-duration-fast) var(--vr-ease-standard)}.upload:hover{background:var(--vr-primary-container)}.upload:focus-within{outline:var(--vr-focus-ring);outline-offset:2px}.upload input{position:absolute;opacity:0;pointer-events:none}.upload span{font:var(--vr-text-body-medium);color:var(--vr-on-surface-variant)}.or,.manual-note{color:var(--vr-on-surface-variant)}.or{text-align:center}.verbatim-note{margin:var(--vr-core-xs) 0 0;color:var(--vr-on-surface-variant)}.verbatim-note code{font:400 12px/16px var(--vr-font-code);padding:var(--vr-core-4xs) var(--vr-core-3xs);border-radius:var(--vr-radius-xs);background:var(--vr-secondary-container)}.create-flow .error{padding:var(--vr-core-xs) var(--vr-core-s);border-radius:var(--vr-radius-l);background:var(--vr-error-container)}@media(max-width:1200px){.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview{display:none}.editor{box-shadow:none}.scroll{padding:var(--vr-core-m) var(--vr-core-s)}.editor-header{height:auto;min-height:64px;padding-top:var(--vr-core-xs);padding-bottom:var(--vr-core-xs);align-items:flex-start}.editor-header nav{flex-wrap:wrap;justify-content:flex-end}.identity-grid,.form-grid,.persona-grid,.catalogue{grid-template-columns:1fr}}@media(max-width:700px){.choice-grid,.mode-grid,.settings{grid-template-columns:1fr}.create-flow{padding:var(--vr-core-l) var(--vr-core-s)}.create-flow>section{padding:var(--vr-core-m)}}