:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:calc(100% * var(--ui-font-scale,1));--ui-line-height:1.5;--appearance-text:var(--lightningcss-light,#13211d)var(--lightningcss-dark,#f5faf7);--appearance-secondary:var(--lightningcss-light,#4a5c56)var(--lightningcss-dark,#d1ddd7);--appearance-muted:var(--lightningcss-light,#5f6f68)var(--lightningcss-dark,#becdc7);--appearance-accent:var(--brand-600,Highlight)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.appearance-trigger,.appearance-dialog,.appearance-dialog *,.appearance-controls,.appearance-controls *{box-sizing:border-box}.appearance-trigger,.appearance-controls button{font:inherit;line-height:var(--ui-line-height);color:inherit;border:1px solid var(--line-strong,ButtonBorder);background:var(--surface,Canvas);cursor:pointer;overflow-wrap:anywhere;border-radius:.5rem;min-height:44px;padding:.5em .8em}.appearance-trigger{color:var(--ink-900,var(--appearance-text,CanvasText));justify-content:center;align-items:center;gap:.5em;min-width:0;max-width:100%;font-size:.875rem;display:inline-flex}.appearance-trigger>svg{flex:none;width:1.25rem;height:1.25rem}.appearance-dialog{color:var(--ink-900,var(--appearance-text,CanvasText));background:var(--surface,Canvas);border:1px solid var(--line-strong,ButtonBorder);border-radius:1rem;width:min(42rem,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:clamp(12px,3vw,24px);overflow:hidden}.appearance-dialog[open]{flex-direction:column;display:flex}.appearance-dialog__body{overscroll-behavior:contain;min-height:0;overflow:auto}.appearance-dialog::backdrop{background:#00000073}.appearance-dialog>header{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.appearance-dialog h2{font-size:1.25rem;line-height:var(--ui-line-height);overflow-wrap:anywhere;margin:0}.appearance-controls{text-align:start;gap:1.5rem;font-size:.9375rem;display:grid}.appearance-controls fieldset{border:0;min-width:0;margin:0;padding:0}.appearance-controls legend{margin-bottom:.75rem;padding:0;font-size:1rem;font-weight:650}.appearance-controls p{color:var(--ink-600,var(--appearance-secondary,CanvasText));overflow-wrap:anywhere;margin:.75rem 0;line-height:1.6}.appearance-theme{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appearance-controls button[aria-checked=true],.appearance-controls button[aria-pressed=true]{background:var(--brand-050,Highlight);color:var(--brand-600,HighlightText);border-color:var(--brand-600,Highlight)}.appearance-size{border:1px solid var(--line,ButtonBorder);background:var(--surface-sunken,Canvas);border-radius:.875rem;padding:clamp(12px,2.5vw,20px)}.appearance-size__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.appearance-size__value{font-variant-numeric:tabular-nums;color:var(--ink-900,var(--appearance-text,CanvasText));align-items:baseline;gap:.08em;font-size:1.75rem;font-weight:650;line-height:1.5;display:inline-flex}.appearance-size__value>span{color:var(--ink-600,var(--appearance-secondary,CanvasText));font-size:.5em;font-weight:500}.appearance-controls .appearance-reset{color:var(--ink-600,var(--appearance-secondary,CanvasText));background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:.4em;padding:.375em .5em;font-size:.8125rem;display:inline-flex}.appearance-reset svg{flex:none;width:1em;height:1em}.appearance-controls .appearance-reset:disabled{opacity:1;cursor:default;color:var(--ink-400,var(--appearance-muted,CanvasText))}.appearance-reset:not(:disabled):hover{color:var(--ink-900,var(--appearance-text,CanvasText));background:var(--surface,Canvas);border-color:var(--line-strong,ButtonBorder)}.appearance-slider{grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;margin-top:.5rem;display:grid}.appearance-controls input[type=range]{--appearance-track-height:6px;--appearance-thumb-size:clamp(22px, 1.375rem, 32px);appearance:none;cursor:ew-resize;width:100%;min-width:0;height:max(44px,2.75rem);accent-color:var(--appearance-accent);background:0 0;margin:0;padding:0;display:block}.appearance-controls input[type=range]::-webkit-slider-runnable-track{height:var(--appearance-track-height);background:linear-gradient(to right, var(--appearance-accent) 0 var(--appearance-range-progress), var(--line-strong,ButtonBorder) var(--appearance-range-progress) 100%);border-radius:999px}.appearance-controls input[type=range]::-moz-range-track{height:var(--appearance-track-height);background:var(--line-strong,ButtonBorder);border-radius:999px}.appearance-controls input[type=range]::-moz-range-progress{height:var(--appearance-track-height);background:var(--appearance-accent);border-radius:999px}.appearance-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--appearance-thumb-size);height:var(--appearance-thumb-size);margin-top:calc((var(--appearance-track-height) - var(--appearance-thumb-size)) / 2);border:3px solid var(--surface,Canvas);background:var(--appearance-accent);box-shadow:0 0 0 1px var(--appearance-accent), 0 2px 5px #0003;border-radius:50%}.appearance-controls input[type=range]::-moz-range-thumb{width:var(--appearance-thumb-size);height:var(--appearance-thumb-size);border:3px solid var(--surface,Canvas);background:var(--appearance-accent);box-shadow:0 0 0 1px var(--appearance-accent), 0 2px 5px #0003;box-sizing:border-box;border-radius:50%}.appearance-controls input[type=range]:focus-visible,.appearance-controls button:focus-visible{outline:2px solid var(--appearance-accent);outline-offset:4px;border-radius:.5rem}.appearance-controls .appearance-preview{border-inline-start:3px solid var(--appearance-accent);background:var(--brand-050,Canvas);color:var(--ink-900,var(--appearance-text,CanvasText));border-radius:0 .5rem .5rem 0;margin:1rem 0 0;padding:1rem 1.125rem}.appearance-preview figcaption{letter-spacing:.06em;color:var(--ink-600,var(--appearance-secondary,CanvasText));margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.appearance-controls .appearance-preview p{color:inherit;margin:0;font-size:1rem;line-height:1.6}@media print{:root{font-size:100%}.appearance-trigger,.appearance-dialog{display:none!important}}.appearance-ruler__ticks{height:2.25rem;margin-inline:calc(clamp(22px,1.375rem,32px)/2);position:relative}.appearance-ruler__ticks>span{left:var(--tick-position);justify-items:center;gap:4px;display:grid;position:absolute;top:0;transform:translate(-50%)}.appearance-ruler__ticks i{background:var(--ink-600,var(--appearance-secondary,CanvasText));width:1px;height:8px;display:block}.appearance-ruler__ticks small{font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.appearance-controls .appearance-ruler__hint{margin-block:.5rem;font-size:.75rem}.appearance-ruler__samples{grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));gap:8px;display:grid}.appearance-controls .appearance-ruler__sample{text-align:start;border-radius:.625rem;align-content:center;justify-items:start;gap:4px;min-width:0;min-height:80px;padding:10px;display:grid}.appearance-ruler__sample>small{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.5}.appearance-ruler__sample>span{white-space:nowrap;line-height:1.5}.studio-markdown{color:var(--ink-900,var(--appearance-text,CanvasText));overflow-wrap:anywhere;font-size:.9375rem;line-height:1.85}.studio-markdown :first-child{margin-top:0}.studio-markdown h1,.studio-markdown h2,.studio-markdown h3{margin:1.5em 0 .65em;line-height:1.35}.studio-markdown p,.studio-markdown ul,.studio-markdown ol{margin:0 0 1em}.studio-markdown pre{background:var(--surface-sunken,Canvas);border-radius:10px;padding:16px;overflow:auto}.studio-markdown code{background:var(--surface-sunken,Canvas);border-radius:4px;padding:.12em .3em;font-family:ui-monospace,monospace;font-size:.9em}.studio-markdown blockquote{border-inline-start:3px solid var(--brand-500,Highlight);color:var(--ink-600,var(--appearance-secondary,CanvasText));margin-inline:0;padding-inline-start:16px}.studio-markdown table{border-collapse:collapse;width:100%;display:block;overflow:auto}.studio-markdown td,.studio-markdown th{border:1px solid var(--line,GrayText);padding:8px 12px}.studio-markdown img{max-width:100%;height:auto}.studio-record-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.studio-record-card{border:1px solid var(--line,GrayText);background:var(--surface,Canvas);border-radius:12px;padding:20px}.studio-record-card p{color:var(--ink-600,var(--appearance-secondary,CanvasText));line-height:1.65}.studio-callout{border-inline-start:3px solid var(--brand-500,Highlight);background:var(--brand-050,Canvas);border-radius:8px;padding:20px}.studio-blueprint{gap:28px;display:grid}.content-studio{min-width:0;color:var(--ink-900,var(--appearance-text,CanvasText))}.studio-heading,.studio-actions,.studio-import-bar,.studio-library__head,.studio-pagination,.studio-document-head,.studio-metadata,.studio-batch{align-items:center;gap:12px;display:flex}.studio-heading{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.studio-eyebrow{color:var(--brand-600,Highlight);letter-spacing:.16em;font-size:.6875rem;font-weight:700}.studio-heading h1{font-size:clamp(1.5rem, calc(3vw * var(--ui-font-scale,1)), 2rem);line-height:var(--ui-line-height);margin:8px 0}.studio-heading p{color:var(--ink-600,var(--appearance-secondary,CanvasText));margin:0}.studio-actions{flex-wrap:wrap}.studio-import-bar{border:1px dashed var(--line-strong,GrayText);background:var(--surface,Canvas);border-radius:12px;flex-wrap:wrap;margin-bottom:20px;padding:12px 16px}.studio-message{margin-bottom:16px}.studio-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;display:grid}.studio-library,.studio-workspace{border:1px solid var(--line,GrayText);background:var(--surface,Canvas);border-radius:14px;min-width:0;overflow:hidden}.studio-library{padding:16px}.studio-library__head{justify-content:space-between;margin-bottom:12px}.studio-library h2{margin:0;font-size:.9375rem}.studio-library input{width:100%}.studio-document-list{gap:6px;max-height:680px;margin:16px -6px;display:grid;overflow-y:auto}.studio-document{text-align:start;min-height:64px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:10px;padding:12px 10px;display:flex}.studio-document:hover{background:var(--surface-sunken,Canvas)}.studio-document.is-active{background:var(--brand-050,Canvas);border-color:var(--brand-100,GrayText)}.studio-document>span:last-child{min-width:0}.studio-document strong{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.5;display:block}.studio-document small{color:var(--ink-600,var(--appearance-secondary,CanvasText));margin-top:5px;font-size:.6875rem;display:block}.studio-document__type{color:var(--brand-600,Highlight);font-size:1.375rem;line-height:1.2}.studio-pagination{justify-content:space-between}.studio-pagination .btn{padding-inline:8px}.studio-empty{text-align:center;align-content:center;justify-items:center;min-height:520px;padding:36px;display:grid}.studio-empty>span{color:var(--brand-600,Highlight);font-size:2.75rem}.studio-empty h2{margin:18px 0 0;font-size:1.375rem}.studio-empty p{color:var(--ink-600,var(--appearance-secondary,CanvasText));max-width:400px;line-height:1.8}.studio-document-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:20px}.studio-title-input{flex:240px;min-width:0;font-size:1.25rem;font-weight:650}.studio-document-head .studio-actions{font-size:.75rem}.studio-metadata{flex-wrap:wrap;align-items:end;padding:0 20px 16px}.studio-metadata label{color:var(--ink-600,var(--appearance-secondary,CanvasText));gap:6px;font-size:.75rem;display:grid}.studio-metadata .select{min-width:125px}.studio-tags{flex:180px}.studio-source{color:var(--ink-600,var(--appearance-secondary,CanvasText));overflow-wrap:anywhere;margin:0 20px 16px;font-size:.75rem}.studio-source small{margin-top:4px;display:block}.studio-tabs{border-block:1px solid var(--line,GrayText);background:var(--surface-sunken,Canvas);gap:4px;padding:0 16px;display:flex;overflow-x:auto}.studio-tabs button{color:var(--ink-600,var(--appearance-secondary,CanvasText));cursor:pointer;min-height:48px;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:10px 12px;font-size:.75rem}.studio-tabs button.is-active{border-bottom-color:var(--brand-600,Highlight);color:var(--brand-600,Highlight);font-weight:650}.studio-content{min-height:400px}.studio-source-editor{min-width:0;overflow:hidden}.studio-editor .cm-editor{background:var(--surface,Canvas);min-height:400px;color:var(--ink-900,var(--appearance-text,CanvasText));line-height:1.75}.studio-editor .cm-scroller{font-family:var(--font-mono,ui-monospace, monospace);line-height:inherit;overflow:auto}.studio-editor .cm-content{caret-color:var(--ink-900,var(--appearance-text,CanvasText));padding-block:16px}.studio-editor .cm-line{line-height:inherit;padding-inline:12px}.studio-editor .cm-gutters{background:var(--surface-sunken,Canvas);color:var(--ink-600,var(--appearance-secondary,CanvasText));line-height:inherit;border:0}.studio-editor .cm-gutterElement{box-sizing:border-box;line-height:inherit;padding-block:0}.studio-editor .cm-lineNumbers{cursor:cell;touch-action:none;-webkit-user-select:none;user-select:none;min-width:44px}.studio-editor .cm-lineNumbers .cm-gutterElement{padding-inline:8px}.cm-preview-source-number{display:inline-block;position:relative}.studio-editor .cm-foldGutter .cm-gutterElement{padding:0}.studio-editor .cm-fold-icon{place-items:center;width:24px;height:1lh;display:grid}.studio-editor .cm-activeLine,.studio-editor .cm-activeLineGutter{background:var(--brand-050,Canvas)}.studio-editor .cm-selectionBackground{background:var(--brand-100,Highlight)}.studio-editor .cm-cursor{border-inline-start-color:var(--ink-900,var(--appearance-text,CanvasText))}.cm-live-block{cursor:text;font-family:var(--font-sans,system-ui);padding:8px 16px}.cm-live-block .studio-markdown{font-size:inherit;line-height:inherit}.cm-live-block .studio-markdown p:last-child{margin-bottom:0}.cm-live-heading{font-weight:700;font-family:var(--font-mono,ui-monospace, monospace)}.editor-surface{background:var(--surface,Canvas);min-width:0}.editor-toolbar{border-bottom:1px solid var(--line,GrayText);background:var(--surface-sunken,Canvas);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;display:flex}.editor-toolbar .btn{min-height:max(40px,2.5rem);padding-inline:10px;font-size:.75rem}.editor-font-controls{border:1px solid var(--line,GrayText);border-radius:7px;align-items:center;display:flex}.editor-font-controls .btn{padding-inline:8px}.editor-font-size{font-variant-numeric:tabular-nums;min-width:36px}.editor-sync-status{color:var(--ink-600,var(--appearance-secondary,CanvasText));border-bottom:1px solid var(--line,GrayText);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 16px;font-size:.75rem;display:flex}.editor-sync-status [data-sync-phase=offline],.editor-sync-status [data-sync-phase=error]{color:var(--danger-600,Mark)}.editor-copy-status,.editor-waiting{color:var(--ink-600,var(--appearance-secondary,CanvasText));padding:12px 16px}.editor-canvas{min-height:400px}.editor-surface--fullscreen{z-index:1000;height:var(--editor-viewport-height,100dvh);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.editor-surface--fullscreen .editor-canvas{flex:1;min-height:0;overflow:auto}.editor-surface--fullscreen .editor-toolbar{flex-shrink:0;max-height:40%;overflow:auto}.editor-surface--fullscreen .studio-editor,.editor-surface--fullscreen .cm-editor{height:100%}.editor-surface--fullscreen.editor-surface--modal .editor-toolbar{z-index:1;padding-inline-end:calc(max(48px,3rem) + 20px);position:relative}.editor-surface--fullscreen.editor-surface--modal .editor-canvas{z-index:0;position:relative}.editor-modal-close{z-index:2;position:absolute;inset-block-start:8px;inset-inline-end:8px}.studio-history{padding-inline:12px}.studio-history>input{width:20px;height:20px;margin:0}.studio-reading{min-width:0;max-height:760px;padding:28px;overflow:auto}.studio-reading>.studio-actions{margin-bottom:24px}.studio-template-tools{border-top:1px solid var(--line,GrayText);padding:20px}.studio-template-tools summary{cursor:pointer;padding-block:10px;font-size:.8125rem;font-weight:600}.studio-template-tools label{gap:8px;font-size:.75rem;display:grid}.studio-blueprint-input{resize:vertical;width:100%;min-height:230px;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.6}.studio-batch{flex-wrap:wrap;padding-top:16px}.studio-batch>div{flex:240px;font-size:.8125rem}.studio-batch p{margin:6px 0 0;font-size:.75rem;line-height:1.7}.studio-history{border-bottom:1px solid var(--line,GrayText);flex-wrap:wrap;align-items:center;gap:12px;padding-block:16px;font-size:.8125rem;display:flex}.studio-history time{color:var(--ink-600,var(--appearance-secondary,CanvasText));flex:1}.studio-history p{overflow-wrap:anywhere;white-space:pre-wrap;width:100%;margin:0}.content-studio button:focus-visible,.content-studio summary:focus-visible{outline:2px solid var(--brand-600,Highlight);outline-offset:3px}@media (width<=1100px){.studio-layout{grid-template-columns:220px minmax(0,1fr);gap:12px}}@media (width<=700px){.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-document-list{max-height:240px}.studio-heading .studio-actions,.studio-import-bar .btn{flex:1}.studio-document-head,.studio-metadata,.studio-template-tools{padding-inline:16px}.studio-reading{padding:20px}.studio-empty{min-height:350px;padding:24px}.studio-metadata input,.studio-title-input,.studio-blueprint-input,.studio-metadata select{font-size:max(16px,1rem)}.editor-toolbar .btn{min-height:max(44px,2.75rem)}.editor-toolbar{gap:4px;padding-inline:8px}}.editor-surface--compact:not(.editor-surface--fullscreen) .editor-canvas,.editor-surface--compact:not(.editor-surface--fullscreen) .cm-editor{min-height:4.5rem}.editor-surface--compact:not(.editor-surface--fullscreen) .cm-scroller{min-height:4.5rem;max-height:30dvh}.editor-tools>summary{color:var(--text-muted,GrayText);cursor:pointer;align-items:center;min-height:2.25rem;padding:.45rem .8rem;font-size:.75rem;display:flex}.editor-surface--fullscreen>.editor-tools{flex-shrink:0;max-height:40%;overflow:auto}.studio-publish-dialog{border:1px solid var(--line);background:var(--surface);max-width:min(38rem,100vw - 2rem);color:var(--ink-900);border-radius:1rem;padding:1.5rem}.studio-publish-dialog>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.studio-share-link{overflow-wrap:anywhere;margin-block:1rem;display:block}.studio-share-index{align-items:center;gap:.5rem;margin-block:1rem;display:flex}