.para-layout{width:100vw;height:100vh;overflow:hidden;position:relative;background:var(--para-bg,#0f0c0e);font-family:var(--font-primary,"Berkeley Mono",monospace);font-size:var(--para-font-size,12px);color:var(--para-text,#ffffff)}.para-layout-header{position:fixed;top:16px;left:16px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;z-index:1000}.para-layout-actions{display:flex;align-items:center;gap:8px;width:292px}.para-button.para-layout-back{width:32px;padding:4px 0;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:Material Symbols Sharp,sans-serif;font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" -25,"opsz" 24;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";line-height:1;letter-spacing:0;direction:ltr}.para-button.para-layout-back,.para-layout-toggle{flex:0 0 auto;white-space:nowrap}.para-layout-actions>.para-layout-toggle:last-child{flex:1 1 auto}.para-layout-header--hidden{display:none}.para-kbd{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#212121;border-radius:2px;font-family:inherit;font-size:10px;color:var(--para-text,#ffffff);margin-left:6px;vertical-align:middle}.para-layout-canvas{width:100%;height:100%}.para-didactic{width:292px;min-height:194px;background:#0E0E0E;outline:1px solid #222222;box-shadow:0 6px 22px rgba(0,0,0,.16);padding:16px}.para-didactic-title{font-family:var(--font-display,"Fold Grotesque",sans-serif);font-weight:700;font-size:22px;margin:0 0 8px;color:var(--para-text,#ffffff)}.para-didactic-year{font-weight:400;font-size:16px}.para-didactic-medium{font-family:var(--font-display,"Fold Grotesque",sans-serif);font-weight:400;font-size:18px;color:var(--para-text-muted,#aaaaaa);margin:0}.para-didactic-separator{border:none;border-top:1px solid var(--para-dark-line-separator,#313131);margin:20px 0 16px}.para-didactic-description{font-family:var(--font-display,"Fold Grotesque",sans-serif);font-size:14px;color:var(--para-text-muted,#aaaaaa);line-height:1.4}.para-panel-stack{position:fixed;top:16px;right:16px;bottom:16px;width:340px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:none}.para-panel-stack>*{pointer-events:auto}.para-bottom-left-stack{position:fixed;bottom:16px;left:16px;width:292px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:none}.para-bottom-left-stack>*{pointer-events:auto}.para-control-panel,.para-export-panel,.para-frame-panel{background:#0E0E0E;outline:1px solid #222222;box-shadow:0 6px 22px rgba(0,0,0,.16);padding:16px;font-family:var(--font-primary,"Berkeley Mono",monospace);font-size:var(--para-font-size,12px);color:var(--para-text,#ffffff);width:100%;box-sizing:border-box}.para-control-panel{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--para-input-border,#555) transparent}.para-export-panel,.para-frame-panel{flex:0 0 auto}.para-control-panel::-webkit-scrollbar{display:block;width:6px}.para-control-panel::-webkit-scrollbar-track{background:transparent}.para-control-panel::-webkit-scrollbar-thumb{background:var(--para-input-border,#555)}.para-control-panel::-webkit-scrollbar-thumb:hover{background:var(--para-text-muted,#aaa)}.para-control-separator{border:none;border-top:1px solid var(--para-dark-line-separator,#313131);margin:4px 0}.para-control-section{padding-top:var(--para-space-section-y);padding-bottom:var(--para-space-section-y)}.para-control-section:first-child{padding-top:0}.para-control-section:last-child{padding-bottom:0}.para-control-sub-section{padding-top:var(--para-space-sub-section-y);padding-bottom:var(--para-space-sub-section-y)}.para-control-section>.para-control-sub-section:last-child{padding-bottom:0}.para-control-item{padding-top:var(--para-space-item-y);padding-bottom:var(--para-space-item-y)}.para-control-sub-section>.para-control-item:last-child{padding-bottom:0}.para-control-label{display:block;margin-bottom:6px;font-size:var(--para-text-subtitle-size);font-weight:var(--para-text-subtitle-weight);color:var(--para-text-muted,#aaa)}.para-control-label-bold{font-family:var(--para-font);font-size:var(--para-text-title-size);font-weight:var(--para-text-title-weight);color:var(--para-text,#fff);margin-bottom:8px}.para-control-seed-row{display:flex;align-items:stretch;gap:8px;width:100%}.para-control-seed-row>.para-control-input{flex:1 1 auto;min-width:0}.para-control-seed-row>.para-button{flex:0 0 auto;height:38px}.para-control-input{align-items:center;padding:0 8px;font-family:inherit;font-size:var(--para-text-input-size);font-weight:var(--para-text-input-weight);letter-spacing:var(--para-tracking)}.para-control-input,.para-control-number-field{display:flex;background:var(--para-input-bg,#212121);color:var(--para-text,#fff);border:1px solid var(--para-input-border,#555);border-radius:0;width:100%;height:38px;box-sizing:border-box}.para-control-number-field{align-items:stretch;overflow:hidden}.para-control-number-input{flex:1 1 auto;min-width:0;background:transparent;color:inherit;border:none;outline:none;padding:0 8px;font-family:inherit;font-size:var(--para-text-input-size);font-weight:var(--para-text-input-weight);letter-spacing:var(--para-tracking);-moz-appearance:textfield}.para-control-number-input::-webkit-inner-spin-button,.para-control-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.para-control-number-stepper{flex:0 0 auto;width:32px;display:flex;flex-direction:column;border-left:1px solid var(--para-input-border,#555)}.para-control-number-step{flex:1 1;min-height:0;background:transparent;color:var(--para-text-muted,#aaaaaa);border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:Material Symbols Sharp,sans-serif;font-size:14px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" -25,"opsz" 24;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";line-height:1;letter-spacing:0;white-space:nowrap}.para-control-number-step-up{border-bottom:1px solid var(--para-input-border,#555)}.para-control-number-step:hover{background:var(--para-button-hover,#212121);color:var(--para-text,#ffffff)}.para-dropdown,.para-dropdown-trigger{position:relative;width:100%}.para-dropdown-trigger{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--para-input-bg,#212121);color:var(--para-text,#fff);border:1px solid var(--para-input-border,#555);padding:0 36px 0 8px;border-radius:0;height:38px;font-family:inherit;font-size:var(--para-text-input-size);font-weight:var(--para-text-input-weight);letter-spacing:var(--para-tracking);box-sizing:border-box;text-align:left;cursor:pointer}.para-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.para-dropdown-trigger-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.para-dropdown-trigger-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-family:Material Symbols Sharp,sans-serif;font-size:20px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" -25,"opsz" 24;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";color:var(--para-text-muted,#aaaaaa);line-height:1;letter-spacing:0;white-space:nowrap}.para-dropdown-menu{position:fixed;margin:0;padding:4px;list-style:none;background:#1A1A1A;border:1px solid var(--para-input-border,#555);box-sizing:border-box;box-shadow:0 6px 22px rgba(0,0,0,.16);font-family:var(--para-font);font-size:var(--para-text-input-size);font-weight:var(--para-text-input-weight);letter-spacing:var(--para-tracking);color:var(--para-text,#ffffff);max-height:280px;overflow-y:auto;z-index:2000}.para-dropdown-option{padding:8px;cursor:pointer;border-radius:0}.para-dropdown-option:hover{background:var(--para-button-hover,#212121)}.para-dropdown-option-selected{color:var(--para-accent,#4a9eff)}.para-control-toggle-row{display:flex;flex-wrap:wrap;gap:16px}.para-control-explicit-row{display:flex;gap:12px}.para-control-explicit-row-cell{flex:1 1;min-width:0}.para-control-color-row{display:flex;gap:12px}.para-control-color-row-cell{flex:1 1;min-width:0}.para-color-trigger-fill{width:100%!important}.para-control-slider-row{display:flex;align-items:center;gap:10px;width:100%}.para-control-slider-unit{flex-shrink:0;margin-left:-4px;color:var(--para-text-muted,#aaa);font-size:var(--para-text-subtitle-size,12px);letter-spacing:var(--para-tracking,.04em)}.para-control-slider-value{flex-shrink:0;width:48px;height:30px;background:var(--para-input-bg,#212121);color:var(--para-text,#fff);border:1px solid var(--para-input-border,#555);border-radius:0;padding:0 8px;font-family:inherit;font-size:14px;letter-spacing:.04em;text-align:center;box-sizing:border-box;-moz-appearance:textfield}.para-control-slider-value:focus{outline:none;border-color:var(--para-accent,#4a9eff)}.para-control-slider-value::-webkit-inner-spin-button,.para-control-slider-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.para-control-slider{position:relative;flex:1 1 auto;min-width:0;height:24px;cursor:pointer;touch-action:none}.para-control-slider:focus-visible{outline:1px solid var(--para-accent,#4a9eff);outline-offset:2px}.para-control-slider-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:linear-gradient(to right,var(--para-accent,#4a9eff) 0,var(--para-accent,#4a9eff) var(--para-slider-fill,0),var(--para-input-bg,#212121) var(--para-slider-fill,0),var(--para-input-bg,#212121) 100%);pointer-events:none}.para-control-slider-thumb{position:absolute;top:50%;left:var(--para-slider-fill,0);transform:translate(-50%,-50%);width:4px;height:100%;background:var(--para-text,#fff);pointer-events:none}.para-control-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--para-text-option-size);font-weight:var(--para-text-option-weight);color:var(--para-text,#fff)}.para-control-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.para-control-checkbox-icon{font-family:Material Symbols Sharp,sans-serif;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" -25,"opsz" 24;font-size:24px;line-height:1;color:#444444;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.para-control-toggle:has(input:checked) .para-control-checkbox-icon{color:var(--para-accent,#4a9eff)}.para-control-color{width:100%;height:32px;border:1px solid var(--para-input-border,#555);border-radius:0;cursor:pointer}.para-control-row{display:flex;gap:8px;margin-bottom:8px}.para-control-segmented{display:flex;gap:2px;width:100%}.para-control-segmented .para-button{border-radius:0;font-size:var(--para-text-toggle-size);font-weight:var(--para-text-toggle-inactive-weight)}.para-control-segmented .para-button.para-button-accent{background:var(--para-toggle-active,#7858D3);color:#fff;font-weight:600}.para-control-segmented .para-button:hover{background:var(--para-button-bg,#171717)}.para-control-segmented .para-button.para-button-accent:active:not(:disabled),.para-control-segmented .para-button.para-button-accent:hover,.para-control-segmented .para-button:active:not(:disabled){background:var(--para-toggle-active,#7858D3);color:#fff;font-weight:600}.para-control-panel .para-button{padding-top:8px;padding-bottom:8px}.para-button{background:var(--para-button-bg,#171717);color:var(--para-text,#fff);border:none;padding:6px 12px;border-radius:0;cursor:pointer;font-family:inherit;font-size:var(--para-text-button-size);font-weight:var(--para-text-button-weight);flex:1 1}.para-button:hover{background:var(--para-button-hover,#212121)}.para-button.para-button-accent:active:not(:disabled),.para-button:active:not(:disabled){background:var(--para-accent,#4a9eff);color:#0E0E0E;font-weight:600}.para-button:disabled{opacity:.5;cursor:not-allowed}.para-button-wide{width:100%}.para-button-accent{background:var(--para-accent,#4a9eff);color:#0E0E0E;font-weight:600}.para-export-progress{margin-bottom:8px}.para-export-status{font-size:12px;color:var(--para-text-muted,#aaa);margin-bottom:4px}.para-export-bar{background:var(--para-input-bg,#212121);border-radius:0;overflow:hidden;height:8px}.para-export-bar-fill{background:var(--para-accent,#4a9eff);height:100%;transition:width .2s}.para-admin-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.para-admin-dialog{background:#0e0e0e;outline:1px solid #222222;box-shadow:0 6px 22px rgba(0,0,0,.4);padding:16px;min-width:280px;font-family:var(--font-primary,"Berkeley Mono",monospace);color:var(--para-text,#ffffff)}.para-admin-body{display:flex;flex-direction:column;gap:10px}.para-admin-status{color:var(--para-text,#ffffff)}.para-admin-error,.para-admin-status{font-size:var(--para-text-subtitle-size,12px)}.para-admin-error{color:#ff6b6b}.para-admin-hint{display:block;margin-top:6px;font-size:var(--para-text-subtitle-size,12px);color:var(--para-text-muted,#aaaaaa)}:root{--para-grey-50:#f5f5f5;--para-grey-100:#e0e0e0;--para-grey-200:#c0c0c0;--para-grey-300:#a0a0a0;--para-grey-400:#888888;--para-grey-500:#666666;--para-grey-600:#4a4a4a;--para-grey-700:#333333;--para-grey-800:#222222;--para-grey-900:#181518;--para-grey-950:#0f0c0e;--para-dark-line-separator:#313131;--para-input-border:#333333;--para-blue-50:#e6f2ff;--para-blue-100:#b3d9ff;--para-blue-200:#80bfff;--para-blue-300:#66b0ff;--para-blue-400:#4a9eff;--para-blue-500:#3388ee;--para-blue-600:#2266bb;--para-blue-700:#1a4d8f;--para-blue-800:#113366;--para-blue-900:#0a1a33;--para-space-section-y:12px;--para-space-sub-section-y:8px;--para-space-item-y:4px;--para-font:var(--font-primary,"Berkeley Mono",monospace);--para-tracking:0.04em;--para-text-title-size:14px;--para-text-title-weight:600;--para-text-subtitle-size:12px;--para-text-subtitle-weight:400;--para-text-option-size:14px;--para-text-option-weight:400;--para-text-input-size:14px;--para-text-input-weight:400;--para-text-button-size:13px;--para-text-button-weight:500;--para-text-toggle-size:14px;--para-text-toggle-inactive-weight:400;--para-text-toggle-active-weight:600;--font-primary:"Berkeley Mono",monospace;--font-display:"Fold Grotesque",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px;--font-size-xxl:48px;--color-bg:var(--para-grey-950);--color-surface:var(--para-grey-900);--color-panel:rgba(0,0,0,0.8);--color-text:var(--para-grey-50);--color-text-muted:var(--para-grey-400);--color-border:var(--para-grey-700);--color-accent:var(--para-blue-400);--color-accent-hover:var(--para-blue-300);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.15s ease;--transition-medium:0.3s ease}@font-face{font-family:Berkeley Mono;src:url("/fonts/Berkeley Mono Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fold Grotesque;src:url(/fonts/fold-grotesque-light-pro.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fold Grotesque;src:url(/fonts/fold-grotesque-regular-pro.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fold Grotesque;src:url(/fonts/fold-grotesque-medium-pro.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fold Grotesque;src:url(/fonts/fold-grotesque-bold-pro.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fold Grotesque;src:url(/fonts/fold-grotesque-bold-italic-pro.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}*{box-sizing:border-box;padding:0;margin:0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}::selection{background:var(--color-accent);color:var(--color-text)}body,html{max-width:100vw;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}