/* Review fixture: source styles above are unchanged. This is not the final library. */
:root{--lab-height:128px;--nav-width:224px;--ui-font:Arial}
.ty-lab{position:sticky;top:0;z-index:120;padding:12px 24px 10px;background:#fff;border-bottom:1px solid #D9E1E6;color:#263442;font:400 13px/20px system-ui,-apple-system,"Segoe UI",sans-serif}
.ty-top,.ty-controls,.ty-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.ty-top>div{display:flex;align-items:center;gap:10px}.ty-top strong{font-size:15px;font-weight:650}.ty-step{padding:3px 7px;border-radius:5px;background:#243440;color:white;font-size:11px;letter-spacing:.02em;font-weight:650}.ty-top-note{color:#6B7882;font-size:12px}.ty-controls{margin-top:10px;flex-wrap:wrap}.ty-views,.ty-toggle{display:flex;align-items:center;gap:3px}.ty-views button,.ty-toggle button,.ty-tool,.ty-dock>button{font:500 13px/20px system-ui,sans-serif;min-height:34px;padding:6px 11px;border:1px solid transparent;border-radius:6px;color:#465661;white-space:nowrap}.ty-views{gap:4px}.ty-views button:hover,.ty-tool:hover{background:#F1F4F5;color:#172932}.ty-views button[aria-pressed=true]{background:#EEF4F3;color:#0F665E}.ty-toggle{padding:3px;border:1px solid #DEE4E8;border-radius:8px;background:#F4F6F7}.ty-toggle button{min-height:28px;padding:3px 10px}.ty-toggle button[aria-pressed=true]{background:#253541;color:#fff}.ty-options{margin-left:auto;display:flex;gap:4px}.ty-tool{border-color:#DDE4E8;background:white}.ty-tool-strong{background:#253541!important;color:#fff!important}.ty-bottom{font-size:12px;color:#6A7883;margin-top:8px}.ty-bottom #measureText{white-space:nowrap;font-variant-numeric:tabular-nums}.ty-font-status{font:400 12px/18px system-ui,sans-serif;display:flex;gap:7px;align-items:center;white-space:nowrap;padding:3px 0;color:#53616B}.ty-font-status i{height:7px;width:7px;background:#AE7B23;border-radius:50%;flex:none}.ty-font-status[data-status=ready] i{background:#16835E}.ty-font-status[data-status=error] i{background:#AD5B30}.ty-font-status[data-status=error]{color:#985124}
.ty-font-banner{background:#FFF6E8;color:#795128;font:13px/20px system-ui,sans-serif;padding:12px 24px;border-bottom:1px solid #E2CCAA}.ty-font-banner button{font:600 13px/20px system-ui,sans-serif;color:inherit;text-decoration:underline;padding:0 4px}
.ty-clean .ty-lab{display:none}.ty-dock{position:fixed;bottom:16px;right:20px;z-index:130;display:flex;align-items:center;gap:4px;padding:5px;background:#fff;box-shadow:0 4px 20px #10213122;border:1px solid #DDE4E8;border-radius:9px;font-family:system-ui,sans-serif}.ty-dock .ty-toggle{border:0}.ty-dock .ty-toggle button{min-height:32px}
/* Prevent unrelated legacy clean-mode/palette controls from entering this study. */
#app{min-height:calc(100dvh - var(--lab-height))}.sidebar{top:var(--lab-height)}.topbar{top:var(--lab-height)}.topbar .avatar{border:0;color:white}.main{padding-bottom:72px}.ty-form-screen{width:100%;max-width:900px;margin:0 auto}.ty-form-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 18px;color:#667786;font:13px/20px system-ui,sans-serif}.ty-form-tools .ty-tool{flex:none}#formHome{width:100%;display:flex;justify-content:center}#createDialog{position:static;display:flex;flex-direction:column;max-height:none;margin:0;width:600px;max-width:100%;box-shadow:0 1px 2px #0714210A,0 7px 22px #0714210B;border:1px solid var(--line);color:var(--text);background:white}#createForm{width:100%}#createDialog .dialog-body{max-height:none}#previewDialog{padding:0;border:0;background:transparent;border-radius:14px;width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);overflow:auto}#previewDialog::backdrop{background:#10213166}#previewDialog #createDialog{width:100%;margin:0;max-height:none;border:0}#previewDialog .dialog-body{max-height:62dvh;overflow:auto}
/* Fixed geometry in A and B. Long text reflows, rather than being shrunk or hidden. */
html[data-type-mode] .ps-metrics .ps-price-wide{white-space:normal;overflow-wrap:normal}html[data-type-mode] .ps-card-heading h2{min-width:0}html[data-type-mode] .ps-title-link{overflow-wrap:anywhere}html[data-type-mode] .ps-meta span{overflow-wrap:anywhere}html[data-type-mode] .ps-link-action{height:40px;min-height:40px}html[data-type-mode] #createDialog .field{height:42px}
/* Candidate B — ONLY text properties. No colors, widths, padding, borders or shadows. */
html[data-type-mode=b] [data-type-role=page]{font-size:32px!important;line-height:38px!important;font-weight:700!important;letter-spacing:-.025em!important}
html[data-type-mode=b] [data-type-role=section]{font-size:18px!important;line-height:25px!important;font-weight:600!important;letter-spacing:-.012em!important}
html[data-type-mode=b] [data-type-role=object]{font-size:18px!important;line-height:25px!important;font-weight:600!important;letter-spacing:-.012em!important}
html[data-type-mode=b] [data-type-role=price]{font-size:20px!important;line-height:28px!important;font-weight:700!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important}
html[data-type-mode=b] [data-type-role=metric]{font-size:14px!important;line-height:20px!important;font-weight:600!important;letter-spacing:normal!important;font-variant-numeric:tabular-nums!important}
html[data-type-mode=b] [data-type-role=body]{font-size:14px!important;line-height:21px!important;font-weight:400!important;letter-spacing:normal!important}
html[data-type-mode=b] [data-type-role=meta]{font-size:13px!important;line-height:20px!important;font-weight:400!important;letter-spacing:normal!important}
html[data-type-mode=b] button[data-type-role=meta]{font-weight:500!important}
html[data-type-mode=b] [data-type-role=caption]{font-size:12px!important;line-height:16px!important;font-weight:400!important;letter-spacing:normal!important}
html[data-type-mode=b] th[data-type-role=caption]{font-weight:500!important}
html[data-type-mode=b] [data-type-role=badge]{font-size:12px!important;line-height:16px!important;font-weight:500!important;letter-spacing:normal!important}
html[data-type-mode=b] [data-type-role=button]{font-size:13px!important;line-height:20px!important;font-weight:500!important;letter-spacing:normal!important}
html[data-type-mode=b] .primary[data-type-role=button],html[data-type-mode=b] [data-type-role=button][aria-selected=true]{font-weight:600!important}
html[data-type-mode=b] [data-type-role=label]{font-size:13px!important;line-height:20px!important;font-weight:600!important;letter-spacing:normal!important}
html[data-type-mode=b] [data-type-role=input]{font-size:14px!important;line-height:20px!important;font-weight:400!important;letter-spacing:normal!important}
html[data-type-mode=b] [data-type-role=row]{font-size:14px!important;line-height:20px!important;font-weight:400!important;letter-spacing:normal!important}
html[data-type-mode=b] [data-type-role=rowtitle],html[data-type-mode=b] [data-type-role=rowprice]{font-size:14px!important;line-height:20px!important;font-weight:600!important;letter-spacing:normal!important}
html[data-type-mode=b] [data-type-role=rowprice]{font-variant-numeric:tabular-nums!important}
html[data-type-mode=b] [data-type-role=dialog]{font-size:22px!important;line-height:30px!important;font-weight:600!important;letter-spacing:-.015em!important}
/* Text inspection adds no layout dimensions. */
html[data-type-inspect=true] [data-type-role]{outline:1px dashed #9BAFA7!important;outline-offset:2px!important}.ty-role-tip{position:fixed;z-index:300;max-width:280px;padding:9px 12px;border-radius:8px;background:#253541;color:white;font:12px/18px system-ui,sans-serif;pointer-events:none;box-shadow:0 5px 20px #0002}.ty-role-tip b{display:block}
.ty-dialog{font:400 14px/21px system-ui,sans-serif;width:620px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #DDE4E8;border-radius:14px;background:#fff;color:#243440;box-shadow:0 18px 60px #10213133;overflow:auto}.ty-dialog::backdrop{background:#10213166}.ty-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px 14px}.ty-dialog>header p{font:12px/18px system-ui,sans-serif;color:#687986;margin:0 0 4px}.ty-dialog>header h2{font:650 22px/30px system-ui,sans-serif;margin:0;color:#213442}.ty-dialog>header>button{width:32px;height:32px;min-width:32px;border:0;border-radius:6px;background:#F3F6F7;font:400 24px/28px Arial;color:#526777}.ty-dialog-body{padding:0 24px 20px}.ty-dialog-body>p{font:13px/20px system-ui,sans-serif;margin:0 0 14px;color:#516473}.ty-dialog>footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 24px 20px}.ty-spec-scroll{overflow:auto;border:1px solid #E0E6EA;border-radius:8px;margin-bottom:18px}.ty-dialog table{width:100%;min-width:420px;border-collapse:collapse;table-layout:auto}.ty-dialog th,.ty-dialog td{font:13px/20px system-ui,sans-serif!important;white-space:normal;padding:10px 12px!important;border:0!important;border-bottom:1px solid #E8ECEF!important;text-align:left;color:#304453;background:white}.ty-dialog th{font-weight:600!important}.ty-dialog thead th{background:#F3F6F8;font-size:12px!important}.ty-dialog .ty-aside{background:#F4F7F6;border-radius:8px;padding:12px;color:#4E665B}.ty-checks,.ty-review-choices{display:grid;gap:12px;margin:16px 0}.ty-checks label,.ty-review-choices label{display:flex;align-items:center;gap:8px;font:13px/20px system-ui,sans-serif}.ty-checks input,.ty-review-choices input{accent-color:#0F766E;flex:none}.ty-dialog label[for=notesArea]{display:block;margin:0 0 8px;font-weight:600}.ty-dialog textarea{display:block;width:100%;min-height:160px;resize:vertical;padding:12px;border:1px solid #C8D4DC;border-radius:8px;font:14px/22px system-ui,sans-serif;background:#fff;color:#243440}.ty-dialog .ty-font-details{padding:12px;background:#F3F6F8;border-radius:8px;white-space:pre-line;font:12px/19px system-ui,sans-serif;color:#4A606E}.ty-toast{position:fixed;z-index:999;left:50%;bottom:22px;transform:translateX(-50%);padding:12px 16px;max-width:calc(100vw - 32px);border-radius:9px;background:#203641;color:white;font:13px/20px system-ui,sans-serif;box-shadow:0 6px 24px #10213122}
@media(max-width:1000px){.ty-controls{gap:8px}.ty-options{margin-left:0}.ty-bottom #measureText{display:none}.ty-top-note{display:none}}
@media(max-width:800px){.ty-lab{padding:10px 16px}.ty-top{flex-wrap:wrap;gap:4px}.ty-top strong{font-size:14px}.ty-controls{justify-content:flex-start}.ty-options{gap:4px}.ty-tool,.ty-views button,.ty-toggle button{min-height:36px;font-size:12px}.ty-bottom{font-size:11px;line-height:17px}.ty-form-tools{flex-wrap:wrap}.ty-dock{bottom:12px;right:12px}.ty-font-banner{padding:10px 16px}.ty-dialog>header{padding:18px}.ty-dialog-body{padding:0 18px 18px}.ty-dialog>footer{padding:12px 18px 18px;flex-wrap:wrap}.ty-top .ty-font-status{font-size:11px}.ty-form-screen #createDialog{width:100%}html[data-type-mode] #createDialog .field{height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ty-font-banner{position:sticky;top:var(--ty-toolbar-height,128px);z-index:121}
