@font-face{font-family:Odd;src:url('/assets/grotesk.ttf')}*{box-sizing:border-box}[hidden]{display:none!important}:root{--ink:#121f40;--blue:#2343eb;--line:#ccd8e9;--paper:#f5f9ff;--lime:#ecff3f}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Odd,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:white;color:var(--ink);cursor:pointer}button:hover{border-color:var(--blue)}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}input,select,textarea{width:100%;background:#fff;border:1px solid #bacbe1;border-radius:7px;padding:12px;color:var(--ink)}label{display:block;font-size:14px;margin:12px 0}label>input,label>select,label>textarea{display:block;margin-top:6px}p{margin:10px 0 20px}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{font-size:42px;margin:12px 0}h2{font-size:28px;margin:10px 0}h3{font-size:20px}.primary{display:inline-block;background:var(--blue);color:white;border-color:transparent;text-decoration:none;padding:14px 22px;border-radius:8px}.ps-header{height:84px;display:flex;align-items:center;gap:25px;padding:0 32px;background:white;border-bottom:1px solid var(--line)}.logo{font-size:30px;letter-spacing:-2px;text-decoration:none;font-weight:800}.logo span{color:var(--blue)}.logo sup{font-size:9px;vertical-align:top;letter-spacing:0}.header-label{margin-right:auto;font:11px Consolas,monospace;letter-spacing:2px;color:#67799a}.ps-header>a:not(.logo){font-size:14px}.ps-nav{position:fixed;top:84px;bottom:0;left:0;width:235px;background:#eaf1fc;padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.ps-nav button{border:0;background:none;text-align:left;margin:6px 0}.ps-nav .nav-active{background:var(--ink);color:white}.nav-bottom{margin-top:auto;padding:20px 14px}.nav-bottom b{font-size:24px;line-height:1.2;display:block;margin-bottom:30px}.nav-bottom a{font-size:14px}.ps-main{margin-left:235px;padding:35px;min-width:0;max-width:2000px}.eyebrow{font:11px/1.5 Consolas,monospace;letter-spacing:1.8px}.library-hero{background:var(--ink);border-radius:20px;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;color:white;min-height:380px}.library-hero>div:first-child{padding:38px}.library-hero h1{font-size:clamp(40px,4vw,62px)}.library-hero em{font-family:Georgia,serif;font-weight:400;color:#64d7e8}.library-hero p{color:#d0dcf0}.library-hero .primary{background:var(--lime);color:var(--ink)}.hero-art{position:relative;max-height:420px}.hero-art img{height:100%;width:100%;object-fit:cover}.hero-art span{position:absolute;bottom:15px;left:15px;background:#121f40d9;padding:8px 12px;font:11px Consolas}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 20px}.library-filters{display:grid;grid-template-columns:1fr 240px;gap:18px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}.style-tile{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.style-tile img{width:100%;height:290px;object-fit:cover;display:block}.style-tile>div{padding:20px}.style-tile p{font-size:14px;color:#52637e;min-height:44px}.style-tile .eyebrow{color:#385cc5;min-height:0;margin:0}.style-tile button{width:100%;margin-top:10px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.editor-heading h1{font-size:32px}.text-button{background:none;border:0;padding:0;color:#47628a}#save-status{font-size:13px;color:#506586}.editor-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.editor-toolbar button{font-size:13px;padding:8px 13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.code-panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.code-heading{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;background:var(--ink);color:white;font:12px Consolas,monospace}#validation-status{color:var(--lime)}#code-editor{height:570px;max-height:65vh}#diagnostics{border-top:1px solid var(--line);padding:10px 15px;font:12px/1.5 Consolas,monospace;max-height:120px;overflow:auto}#diagnostics button{display:block;border:0;background:none;padding:3px 0;text-align:left;color:#ad302c;font:inherit}.field-panel{background:#e9eff9;border-radius:12px;padding:24px;font-size:14px;min-width:0}.field-panel h2{font-size:22px;overflow-wrap:anywhere}.field-panel button{font-size:13px}.field-panel ul{padding-left:18px}.reference-summary{margin-top:30px;border-top:1px solid #c4d0e3;padding-top:20px}.reference-summary img{width:100%;height:150px;object-fit:cover;border-radius:8px}.reference-summary p{font-size:12px}.output-bar{margin-top:24px;background:var(--ink);color:white;border-left:5px solid var(--lime);border-radius:12px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.output-bar h2{font-size:25px}.output-bar p{margin-bottom:0;color:#c1d1eb}.output-bar .primary{background:var(--lime);color:var(--ink);white-space:nowrap}.saved-row{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:space-between;margin:15px 0;gap:20px}.saved-row small{color:#5c7294}.empty-state{border-left:4px solid var(--blue);background:white;padding:35px;margin-top:25px;max-width:750px}dialog{border:1px solid var(--line);border-radius:18px;color:var(--ink);background:#f9fbff;padding:28px;width:min(640px,calc(100vw - 28px));max-height:90dvh;box-shadow:0 20px 90px #07163155;overflow:auto}dialog::backdrop{background:#0b1933bb;backdrop-filter:blur(5px)}.wide-dialog{width:min(1080px,calc(100vw - 28px))}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{margin-top:0}.dialog-head button{flex:none}.dialog-actions{position:sticky;bottom:-28px;background:#f9fbfff5;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 0;margin-top:20px}.guide-entry{border-bottom:1px solid var(--line);padding:16px 0}.guide-entry summary{font-size:20px;cursor:pointer;font-weight:700}.guide-entry p{max-width:850px}.guide-entry .hint{margin-bottom:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 Consolas,monospace;background:var(--ink);color:#e7f0ff;padding:20px;border-radius:8px;max-height:360px;overflow:auto}.hint{font-size:13px;color:#536783}.error{color:#a62525}.array-item{border-left:3px solid #beceea;background:#edf2fa;padding:10px 15px;margin:12px 0}.array-item button{font-size:12px}.guided-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.output-controls{display:grid;grid-template-columns:220px 1fr;gap:18px}details{padding:12px 0}summary{cursor:pointer}#auth-state{max-width:700px;margin:80px auto;padding:30px}#ps-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;max-width:90vw;background:var(--ink);color:white;border:1px solid #708cb9;border-radius:9px;padding:15px 24px;box-shadow:0 10px 35px #0003}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.ps-main{padding:45px 60px}.catalog-grid{gap:32px}.style-tile img{height:350px}}@media(max-width:1150px){.ps-nav{width:200px}.ps-main{margin-left:200px;padding:25px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 220px}.field-panel{padding:16px}.output-bar{align-items:flex-start;flex-direction:column}}@media(max-width:780px){.ps-header{height:70px;padding:0 18px;gap:16px}.header-label{display:none}.logo{margin-right:auto;font-size:26px}.ps-header>a:not(.logo){font-size:12px}.ps-nav{position:static;width:auto;flex-direction:row;overflow:auto;padding:8px 14px;white-space:nowrap}.ps-nav .eyebrow,.nav-bottom{display:none}.ps-nav button{font-size:13px}.ps-main{margin:0;padding:20px}.library-hero{grid-template-columns:1.2fr .8fr;min-height:320px}.library-hero>div:first-child{padding:25px 20px}.library-hero h1{font-size:37px}.library-hero p{font-size:14px}.hero-art{max-height:360px}.editor-layout{display:block}.field-panel{margin-top:15px}.reference-summary{display:grid;grid-template-columns:100px 1fr;gap:10px;margin-top:20px}.reference-summary img{height:100px;grid-row:span 2}.library-filters{grid-template-columns:1fr}.library-filters label{margin:0}.section-heading{align-items:flex-start;flex-direction:column}.catalog-grid{gap:14px}.style-tile img{height:240px}.style-tile>div{padding:14px}.style-tile h3{font-size:20px}.style-tile p{min-height:66px}.editor-heading h1{font-size:25px}.editor-heading .primary{font-size:14px;padding:12px}.output-controls{grid-template-columns:1fr;gap:0}#code-editor{height:480px;max-height:65vh}.guided-grid{grid-template-columns:1fr}dialog{padding:20px}.dialog-actions{bottom:-20px}h1{font-size:32px}}@media(max-width:440px){.catalog-grid{grid-template-columns:1fr}.style-tile img{height:320px}.style-tile p{min-height:0}.library-hero{grid-template-columns:1fr}.hero-art{display:none}.output-bar{padding:20px}.ps-header>a[href='/account']{display:none}.editor-toolbar{gap:6px}}

body{font-family:Arial,sans-serif}h1,h2,h3,.logo{font-family:Odd,Arial,sans-serif}.code-outline{margin:0;padding:8px 14px;background:#eef3fa;display:flex;align-items:center;gap:12px;font-size:12px}.code-outline select{width:auto;max-width:70%;margin:0;padding:5px 10px;font-size:12px}.output-actions{display:flex;flex-direction:column;gap:10px}.output-actions>button:not(.primary){background:transparent;color:white;border-color:#7890b2}.lab-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lab-context{display:flex;align-items:center;gap:20px;margin:20px 0;padding:18px;background:#e9eff9;border-radius:12px}.lab-context>img{width:100px;height:135px;object-fit:contain}.lab-context h3{font-size:21px}.lab-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-case{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.case-image{height:300px;background:#e9eef5}.case-image img{width:100%;height:100%;object-fit:contain}.case-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7585a1}.case-placeholder b{font-size:64px;font-weight:400}.case-body{padding:16px}.case-body h3{font-size:18px;min-height:42px;line-height:1.3}.case-body button{font-size:13px;width:100%;margin:4px 0}.case-body input{font-size:12px;padding:7px}.lab-review-bar{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:25px;padding:20px 0}.lab-review-bar p{margin:0}.lab-report-head{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;border-left:5px solid var(--lime);padding:22px;gap:20px;border-radius:10px}.lab-report-head strong{font-size:32px;white-space:nowrap;color:var(--lime)}.table-scroll{overflow:auto}#lab-score-table{width:100%;border-collapse:collapse;font-size:14px}#lab-score-table th,#lab-score-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}#lab-history button{display:block;width:100%;text-align:left;margin:10px 0}#lab-report{margin-bottom:20px}@media(max-width:780px){.lab-subjects,.lab-cases{grid-template-columns:1fr}.lab-context{align-items:flex-start}.lab-context>img{width:75px;height:100px}.lab-review-bar,.lab-report-head{align-items:flex-start;flex-direction:column}.case-image{height:360px}.case-body h3{min-height:0}.lab-context h3{font-size:18px}}

/* Keep the field guide's exit and context outside its scrolling content. */
#guide-dialog{padding:0;overflow:hidden}#guide-dialog[open]{display:flex;flex-direction:column}#guide-dialog .dialog-head{flex:none;padding:24px 28px 18px;margin:0;background:#f9fbff;border-bottom:1px solid var(--line)}#guide-dialog .dialog-head>div{min-width:0}#guide-dialog .dialog-head button{min-height:44px}#guide-dialog .eyebrow{margin:0 0 10px}#guide-dialog h2{margin-bottom:10px}#guide-context{font-size:14px;color:#536783;margin:0}#guide-error{font-size:14px;margin:10px 0 0}#guide-error:empty{display:none}#guide-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 28px 28px}.blend-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:20px;border-left:4px solid var(--lime);border-radius:10px;background:var(--ink);color:white}.blend-context p{font-size:14px;margin:6px 0 0}.blend-context button{flex:none}@media(max-width:780px){#guide-dialog .dialog-head{padding:20px 18px 14px;gap:10px}#guide-dialog h2{font-size:22px}#guide-dialog .dialog-head button{padding:8px 12px}#guide-body{padding:18px}#guide-context,#guide-error{font-size:13px}.blend-context{align-items:flex-start;flex-direction:column}}