:root{color:#17201a;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}#app{min-height:100vh;padding:28px}.workspace{max-width:1080px;margin:0 auto}.topbar{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.topbar-title{flex:0 320px;min-width:220px}.topbar-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.topbar-links a{color:#263d2c;background:#fff;border:1px solid #bdc8bb;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.topbar-links a:hover{color:#20384a;border-color:#516f88}.eyebrow{color:#5f6f64;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:700}h1{letter-spacing:0;margin:0;font-size:2rem;line-height:1}h2{letter-spacing:0;margin:0;font-size:1rem;line-height:1}.status{color:#4c5d52;text-align:center;background:#fff;border:0;border-radius:0;justify-content:center;align-items:center;min-width:104px;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.status[data-ready=true]{color:#255b32;background:#edf6ec}.status[data-ready=false]{color:#7c2820;background:#fff0ee}.runtime-summary{background:#d9ded2;border:1px solid #d9ded2;grid-template-columns:repeat(4,minmax(82px,auto));gap:1px;min-width:0;max-width:760px;display:grid}.runtime-summary div{background:#fff;min-width:0;min-height:36px;padding:6px 9px}.runtime-summary span,.runtime-summary strong{overflow-wrap:anywhere;min-width:0;display:block}.runtime-summary span{color:#5f6f64;text-transform:uppercase;font-size:.62rem;font-weight:800;line-height:1.1}.runtime-summary strong{color:#17201a;margin-top:3px;font-size:.72rem;line-height:1.15}.package-panel{margin-top:18px}.section-link{color:#263d2c;background:#fff;border:1px solid #bdc8bb;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.section-link:hover{color:#20384a;border-color:#516f88}.package-list{background:#d9ded2;border:1px solid #d9ded2;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.package-item{color:#17201a;background:#fff;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:58px;padding:12px 14px;text-decoration:none;display:flex}.package-item:hover{color:#20384a}.package-item strong,.package-item span{overflow-wrap:anywhere;min-width:0}.package-item strong{color:#20384a;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:800}.package-item span{text-align:right;color:#5f6f64;font-size:.8rem;font-weight:800}.pet-demo{background:#d9ded2;border:1px solid #d9ded2;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:1px;margin-top:20px;display:grid}.pet-state-card,.pet-action-card{background:#fff;min-width:0;padding:18px}.pet-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pet-heading-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.pet-name-field{color:#33415c;text-transform:uppercase;gap:5px;min-width:132px;font-size:.76rem;font-weight:800;display:grid}.pet-name-field input{color:#17201a;text-transform:none;background:#fff;border:1px solid #bdc8bb;width:100%;min-height:32px;padding:5px 8px;font-size:.86rem;font-weight:700}.pet-name-field input:focus-visible{outline-offset:2px;outline:2px solid #516f88}.art-switch{color:#33415c;text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;min-height:30px;font-size:.76rem;font-weight:800;display:inline-flex}.art-switch input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.art-switch-track{background:#f6f7f2;border:1px solid #bdc8bb;border-radius:999px;width:44px;height:24px;transition:background .12s,border-color .12s;position:relative}.art-switch-thumb{background:#263d2c;border-radius:50%;width:16px;height:16px;transition:transform .12s,background .12s;position:absolute;top:3px;left:3px}.art-switch input:checked+.art-switch-track{background:#e8eff4;border-color:#516f88}.art-switch input:checked+.art-switch-track .art-switch-thumb{background:#516f88;transform:translate(20px)}.art-switch input:focus-visible+.art-switch-track{outline-offset:2px;outline:2px solid #516f88}.pet-state{background:linear-gradient(135deg,#f9faf5 0%,#edf6ec 100%);border:1px solid #d9ded2;justify-content:space-between;align-items:center;gap:18px;min-height:168px;margin-top:18px;padding:18px;display:flex}.pet-mood-readout{text-align:right;min-width:0}.pet-mood-readout span{color:#5f6f64;text-transform:uppercase;font-size:.76rem;font-weight:700}.pet-mood-readout strong{color:#20384a;overflow-wrap:anywhere;margin-top:8px;font-size:2.55rem;line-height:.95;display:block}.pet-device{--pet-shell:#d8505d;--pet-shell-dark:#9f303b;--pet-screen:#d9edc7;--pet-ink:#1e3328;aspect-ratio:.82;background:radial-gradient(circle at 32% 18%, #ffffff75 0 12%, transparent 13%), linear-gradient(145deg, #f06b73 0%, var(--pet-shell) 58%, var(--pet-shell-dark) 100%);border:3px solid #6d2b34;border-radius:52% 52% 44% 44%/58% 58% 42% 42%;flex:none;width:126px;position:relative;box-shadow:inset 0 -10px #00000014,0 12px 18px #34403624}.pet-device:before{content:"";border:3px solid #6d2b34;border-bottom:0;border-radius:50% 50% 0 0;width:18px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pet-screen{background:linear-gradient(#263d2c12 1px, transparent 1px), linear-gradient(90deg, #263d2c12 1px, transparent 1px), var(--pet-screen);background-size:10px 10px;border:3px solid #263d2c;border-radius:10px;place-items:center;height:72px;display:grid;position:absolute;top:32px;left:21px;right:21px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff57}.pet-pixel-pet{width:60px;height:54px;position:relative}.pet-ear,.pet-body,.pet-eye,.pet-mouth,.pet-tentacle,.pet-signal{position:absolute}.pet-tentacle{display:none}.pet-ear{background:var(--pet-ink);width:12px;height:12px;top:7px;transform:rotate(45deg)}.pet-ear-left{left:14px}.pet-ear-right{right:14px}.pet-body{background:var(--pet-ink);border-radius:9px 9px 12px 12px;width:38px;height:31px;top:15px;left:11px}.pet-body:before,.pet-body:after{content:"";background:var(--pet-ink);border-radius:0 0 5px 5px;width:10px;height:7px;position:absolute;bottom:-5px}.pet-body:before{left:6px}.pet-body:after{right:6px}.pet-eye{background:var(--pet-screen);border-radius:1px;width:5px;height:5px;top:25px}.pet-eye-left{left:22px}.pet-eye-right{right:22px}.pet-eye:after{content:""}.pet-mouth{border-bottom:2px solid var(--pet-screen);border-radius:0 0 8px 8px;width:11px;height:6px;top:34px;left:25px}.pet-signal{color:var(--pet-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:900;line-height:1;top:0;right:2px}.pet-device-button{background:#ffe6c9;border:2px solid #6d2b34;border-radius:50%;width:16px;height:16px;position:absolute;bottom:18px;box-shadow:inset 0 -3px #6d2b3429}.pet-device-button-left{left:30px}.pet-device-button-center{left:55px}.pet-device-button-right{right:30px}.pet-device[data-mood=hungry]{--pet-shell:#d68f3b;--pet-shell-dark:#946026;--pet-screen:#f1e2b6}.pet-device[data-mood=hungry] .pet-signal:before{content:"!"}.pet-device[data-mood=sleepy],.pet-device[data-mood=asleep]{--pet-shell:#6083b8;--pet-shell-dark:#354f79;--pet-screen:#d8e4f4}.pet-device[data-mood=sleepy] .pet-mouth,.pet-device[data-mood=asleep] .pet-mouth{border:2px solid var(--pet-screen);border-radius:50%;width:7px;height:7px;left:27px}.pet-device[data-mood=sleepy] .pet-signal:before,.pet-device[data-mood=asleep] .pet-signal:before{content:"zz"}.pet-device[data-mood=angry]{--pet-shell:#bd3c38;--pet-shell-dark:#782523;--pet-screen:#f1d3bf}.pet-device[data-mood=angry] .pet-eye{width:8px;height:3px;transform:rotate(18deg)}.pet-device[data-mood=angry] .pet-eye-right{transform:rotate(-18deg)}.pet-device[data-mood=angry] .pet-mouth{border-bottom-width:2px;border-radius:0;height:0;top:36px}.pet-device[data-mood=angry] .pet-signal:before{content:"!!"}.pet-device[data-mood=dead]{--pet-shell:#70736f;--pet-shell-dark:#444946;--pet-screen:#d8ded2;filter:saturate(.35)}.pet-device[data-mood=dead] .pet-eye{width:9px;height:2px;transform:rotate(45deg)}.pet-device[data-mood=dead] .pet-eye:after{background:var(--pet-screen);display:block;position:absolute;inset:0;transform:rotate(90deg)}.pet-device[data-mood=dead] .pet-mouth{border-bottom-width:2px;border-radius:0;height:0;top:38px}.pet-device[data-art=octopus]{--pet-ink:#314f78}.pet-device[data-art=octopus] .pet-ear{display:none}.pet-device[data-art=octopus] .pet-body{border-radius:48% 48% 42% 42%;width:32px;height:30px;top:9px;left:14px}.pet-device[data-art=octopus] .pet-body:before,.pet-device[data-art=octopus] .pet-body:after{display:none}.pet-device[data-art=octopus] .pet-tentacle{background:var(--pet-ink);border-radius:0 0 7px 7px;width:7px;height:14px;display:block;top:34px}.pet-device[data-art=octopus] .pet-tentacle-1{left:13px;transform:rotate(12deg)}.pet-device[data-art=octopus] .pet-tentacle-2{left:21px}.pet-device[data-art=octopus] .pet-tentacle-3{left:29px}.pet-device[data-art=octopus] .pet-tentacle-4{left:37px}.pet-device[data-art=octopus] .pet-tentacle-5{left:45px;transform:rotate(-12deg)}.pet-device[data-art=octopus] .pet-eye{top:20px}.pet-device[data-art=octopus] .pet-eye-left{left:23px}.pet-device[data-art=octopus] .pet-eye-right{right:23px}.pet-device[data-art=octopus] .pet-mouth{top:29px;left:26px}.pet-device[data-art=octopus][data-mood=sleepy] .pet-mouth,.pet-device[data-art=octopus][data-mood=asleep] .pet-mouth{left:27px}.pet-device[data-art=octopus][data-mood=angry] .pet-mouth{top:31px}.pet-device[data-art=octopus][data-mood=dead] .pet-mouth{top:32px}.pet-stats-band{background:#d9ded2;border-top:1px solid #d9ded2;border-bottom:1px solid #d9ded2;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:12px;display:grid}.pet-stats-band div{background:#f8faf6;min-width:0;min-height:58px;padding:11px 12px}.pet-stats-band span{color:#5f6f64;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.pet-stats-band strong{color:#20384a;overflow-wrap:anywhere;margin-top:7px;font-size:1rem;line-height:1.1;display:block}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.action-grid button{color:#263d2c;cursor:pointer;background:#fff;border:1px solid #bdc8bb;min-height:42px;font-weight:800}.action-grid button:hover{color:#255b32;border-color:#7fa37f}.pet-trace-band{background:#d9ded2;border-top:1px solid #d9ded2;border-bottom:1px solid #d9ded2;grid-template-columns:minmax(96px,.24fr) minmax(150px,.34fr) minmax(0,.42fr);gap:1px;margin-top:12px;display:grid}.pet-trace-band div{background:#f8faf6;min-height:76px;padding:14px}.pet-trace-band span{color:#5f6f64;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.pet-trace-band strong{color:#17201a;margin-top:10px;font-size:1.2rem;line-height:1;display:block}#pet-action-display{font-size:1.45rem}#pet-trace-display{word-break:break-word;font-size:.92rem;line-height:1.35}#pet-summary-display{word-break:break-word;font-size:.88rem;line-height:1.35}.fixture-workbench{margin-top:44px}.section-heading{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:16px;display:flex}.section-heading h2{font-size:1.35rem}.fixture-stats{background:#fff;border:1px solid #d9ded2;align-items:stretch;display:flex}.fixture-stats div{min-height:44px;padding:10px 14px}.fixture-toolbar button{color:#17201a;cursor:pointer;background:#fff;border:1px solid #bdc8bb;min-height:40px;padding:0 12px;font-weight:800}.fixture-toolbar button:hover,.fixture-item:hover{border-color:#516f88}.fixture-toolbar button[aria-pressed=true]{color:#fff;background:#20384a;border-color:#20384a}.fixture-stats{background:#d9ded2;gap:1px}.fixture-stats div{background:#fff;min-width:112px}.fixture-stats span,.fixture-stats strong{display:block}.fixture-stats span{color:#5f6f64;text-transform:uppercase;font-size:.76rem;font-weight:800}.fixture-stats strong{margin-top:4px}.fixture-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.fixture-toolbar{flex-wrap:wrap;gap:10px;display:flex}.fixture-run-visible{color:#fff;cursor:pointer;background:#263d2c;border:0;min-height:40px;padding:0 16px;font-weight:800}.fixture-run-visible:disabled{color:#415146;cursor:default;background:#bdc8bb}.fixture-run-status{color:#5f6f64;min-height:20px;margin:10px 0 0;font-size:.86rem;font-weight:800}.fixture-runner-layout{grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr);align-items:start;gap:16px;margin-top:16px;display:grid}.fixture-list{gap:6px;display:grid}.fixture-item{color:#17201a;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9ded2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:54px;padding:10px 12px;display:grid}.fixture-item[data-selected=true]{border-color:#20384a;box-shadow:inset 0 0 0 1px #20384a}.fixture-item:hover strong,.fixture-item:focus-visible strong{color:#20384a}.fixture-item strong,.fixture-item span,.fixture-item small{overflow-wrap:anywhere;min-width:0}.fixture-item strong{font-size:.95rem}.fixture-item span{color:#33415c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1.35}.fixture-item small{color:#5f6f64;font-size:.78rem;font-weight:800}.fixture-source-panel{background:#fff;border:1px solid #d9ded2;min-width:0;position:sticky;top:20px}.fixture-source-header{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.fixture-source-header span,.fixture-source-header strong,.fixture-source-header small{overflow-wrap:anywhere;min-width:0;display:block}.fixture-source-header span,.fixture-source-header small{color:#5f6f64;font-size:.78rem}.fixture-source-header strong{margin-top:4px}.fixture-source-controls{border-bottom:1px solid #d9ded2;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(112px,auto);align-items:end;gap:12px;padding:14px;display:grid}.fixture-source-controls[data-has-input=false]{grid-template-columns:minmax(0,1fr) minmax(112px,auto)}.fixture-input-panel[hidden]{display:none}.fixture-input-panel label,.fixture-source-controls span{color:#5f6f64;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.fixture-input-panel input{background:#fff;border:1px solid #d9ded2;width:100%;min-height:42px;margin-top:6px;padding:8px 10px}.fixture-input-panel small{color:#5f6f64;margin-top:6px;font-size:.76rem;font-weight:700;display:block}.fixture-source-controls output{overflow-wrap:anywhere;background:#f6f7f2;border:1px solid #d9ded2;min-height:42px;margin-top:6px;padding:10px 12px;font-size:1.2rem;font-weight:900;display:block}.fixture-source-controls output[data-failed=true]{color:#7c2820;border-color:#be6b62}.fixture-source-controls button{color:#fff;cursor:pointer;background:#263d2c;border:0;align-self:end;min-height:42px;padding:0 20px;font-weight:800}.fixture-source-controls button:disabled{color:#415146;cursor:default;background:#bdc8bb}.fixture-source-viewer{color:#e8f0ef;tab-size:2;background:#111820;max-height:520px;margin:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.5;overflow:auto}.empty-state{background:#fff;border:1px solid #d9ded2;margin:0;padding:16px}.dev-runner{margin-top:28px}.dev-help{margin-top:22px}.dev-runner-grid,.dev-eval-row{background:#fff;border:1px solid #d9ded2;gap:12px;margin-top:16px;padding:16px;display:grid}.dev-runner-grid{grid-template-columns:minmax(180px,.85fr) minmax(220px,1fr) minmax(112px,auto) minmax(180px,.85fr);align-items:end}.dev-help details{border-top:1px solid #d9ded2;padding-top:14px}.dev-help summary{color:#263d2c;cursor:pointer;align-items:baseline;gap:8px;list-style-position:inside;display:inline-flex}.dev-help summary .eyebrow{margin:0}.dev-help summary strong{font-size:.9rem}.dev-command-grid{gap:8px;margin-top:12px;display:grid}.dev-command-grid pre{background:#fff;border:1px solid #d9ded2;min-width:0;margin:0;padding:11px 12px;overflow:auto}.dev-command-grid code{color:#17201a;white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;font-weight:800;line-height:1.5}.dev-eval-row{grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) minmax(112px,auto) minmax(160px,.45fr);align-items:start}.dev-field{min-width:0;display:block}.dev-field span{color:#5f6f64;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.dev-field input{background:#fff;border:1px solid #d9ded2;width:100%;min-height:42px;margin-top:6px;padding:8px 10px}.dev-field input[type=checkbox]{accent-color:#263d2c;width:22px;height:22px;min-height:22px;margin-top:12px}.dev-field select,.dev-field textarea{background:#fff;border:1px solid #d9ded2;width:100%;margin-top:6px;padding:8px 10px}.dev-field select{min-height:42px}.dev-field textarea{resize:vertical;min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.45}.dev-input-fields{min-width:0}.dev-input-empty{color:#5f6f64;background:#f6f7f2;border:1px solid #d9ded2;min-height:42px;margin:0;padding:11px 12px;font-weight:800}.dev-runner button{color:#fff;cursor:pointer;background:#263d2c;border:0;min-height:42px;padding:0 18px;font-weight:800}.dev-runner button:disabled{color:#415146;cursor:default;background:#bdc8bb}.dev-eval-row output{overflow-wrap:anywhere;background:#f6f7f2;border:1px solid #d9ded2;min-height:42px;padding:10px 12px;font-size:1.2rem;font-weight:900;display:block}.dev-eval-row output[data-multiline=true]{white-space:pre;min-height:220px;max-height:420px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:700;line-height:1.45;overflow:auto}.react-tamagotchi-toolbar{margin-top:28px}.react-tamagotchi-toolbar button{color:#fff;cursor:pointer;background:#263d2c;border:0;min-height:40px;padding:0 18px;font-weight:800}.react-tamagotchi-toolbar button:disabled{color:#415146;cursor:default;background:#bdc8bb}.react-tamagotchi-toolbar .section-heading>div>p:last-child{color:#5f6f64;max-width:46rem;margin:8px 0 0;font-size:.88rem;line-height:1.5}.react-tamagotchi-panel{background:#fff;border:1px solid #d9ded2;min-width:0;max-width:920px;margin-top:16px}.react-tamagotchi-panel #react-pet-widget{width:100%;gap:18px!important;max-width:none!important;padding:clamp(14px,3vw,24px)!important}.react-tamagotchi-panel #react-pet-widget .react-pet-body{grid-template-columns:1fr}.react-tamagotchi-panel #react-pet-widget .pet-state{justify-content:center}.react-tamagotchi-panel header{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;padding:14px;display:flex}.react-tamagotchi-panel .eyebrow{overflow-wrap:anywhere;margin-bottom:0}.react-pet-mount{background:#f8faf6;min-height:0;padding:clamp(16px,4vw,34px)}.react-pet-mount label,.react-pet-mount span{margin-right:8px}.react-pet-mount input,.react-pet-mount textarea,.react-pet-mount select{color:#17201a;background:#fff;border:1px solid #bdc8bb;min-height:34px;padding:5px 8px}.react-pet-mount textarea,.react-pet-mount select{vertical-align:middle;margin-right:8px}.react-pet-mount textarea{resize:vertical}.react-pet-mount input[type=checkbox]{accent-color:#263d2c;vertical-align:middle;width:22px;height:22px;min-height:22px;margin:0 8px 0 0}.react-pet-mount button{color:#263d2c;cursor:pointer;background:#fff;border:1px solid #bdc8bb;min-height:38px;padding:0 14px;font-weight:800}.react-pet-mount button:hover,.react-pet-mount input:focus-visible,.react-pet-mount textarea:focus-visible,.react-pet-mount select:focus-visible{border-color:#516f88}.react-pet-widget{gap:14px;min-width:0;display:grid}.react-pet-widget span,.react-pet-widget label{margin-right:0}.react-pet-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;display:flex}#react-pet-name-form{flex-wrap:wrap;align-items:flex-end;gap:8px;min-width:0;display:flex}#react-pet-name-form label,.react-pet-toggle{color:#33415c;text-transform:uppercase;font-size:.76rem;font-weight:800}#react-pet-name-form input{width:min(180px,100%);font-weight:700}.react-pet-toggle{cursor:pointer;align-items:center;gap:8px;min-height:34px;display:inline-flex}.react-pet-body{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:12px;min-width:0;display:grid}.react-pet-body .pet-state{min-height:186px;margin-top:0}.react-pet-body .pet-mood-readout span{display:block}#react-pet-mood{color:#20384a;overflow-wrap:anywhere;text-transform:none;margin-top:8px;font-size:2.25rem;font-weight:800;line-height:.95}.react-pet-stats{background:#d9ded2;border:1px solid #d9ded2;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;min-width:0;display:grid}.react-pet-stat{background:#fff;min-width:0;min-height:72px;padding:12px}.react-pet-stat span{overflow-wrap:anywhere;display:block}.react-pet-stat span:first-child{color:#5f6f64;text-transform:uppercase;font-size:.72rem;font-weight:800}.react-pet-stat span:last-child{color:#17201a;margin-top:8px;font-size:1rem;font-weight:800;line-height:1.15}.react-pet-actions,.react-pet-trace,.react-pet-summary,#react-pet-reset{grid-column:1/-1}.react-pet-actions button:disabled{color:#6f786e;cursor:default;background:#eef1ea}.react-pet-trace{background:#fff;border:1px solid #d9ded2;flex-wrap:wrap;align-items:center;gap:7px;min-height:44px;padding:10px;display:flex}.react-pet-trace-token{color:#20384a;background:#f8faf6;align-items:center;min-height:24px;padding:0 8px;font-size:.76rem;font-weight:800;display:inline-flex}.react-pet-summary{color:#33415c;overflow-wrap:anywhere;background:#fff;min-height:42px;padding:11px 12px;font-size:.88rem;font-weight:700;line-height:1.35}#react-pet-reset{width:max-content}.react-tamagotchi-panel output{color:#5f6f64;text-transform:uppercase;border-top:1px solid #d9ded2;min-height:38px;padding:9px 14px;font-size:.8rem;font-weight:800;display:block}.react-tamagotchi-panel output[data-failed=true]{color:#7c2820}.format-app{min-height:100vh;padding:28px}.format-topbar{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1180px;margin:0 auto;padding-bottom:20px;display:flex}.format-runtime-strip{background:#d9ded2;border:1px solid #d9ded2;grid-template-columns:repeat(4,minmax(92px,auto));gap:1px;min-width:0;display:grid}.format-runtime-strip div{background:#fff;min-width:0;min-height:40px;padding:7px 10px}.format-runtime-strip span,.format-runtime-strip strong{overflow-wrap:anywhere;display:block}.format-runtime-strip span{color:#5f6f64;text-transform:uppercase;font-size:.62rem;font-weight:800}.format-runtime-strip strong{color:#17201a;margin-top:3px;font-size:.76rem;line-height:1.15}.format-workbench{grid-template-columns:minmax(260px,.62fr) minmax(360px,1fr);grid-template-areas:"controls output""source output";gap:16px;max-width:1180px;margin:20px auto 0;display:grid}.format-controls,.format-output-panel,.format-source-panel{background:#fff;border:1px solid #d9ded2;min-width:0}.format-controls{grid-area:controls;gap:18px;padding:16px;display:grid}.format-output-panel{grid-area:output}.format-source-panel{grid-area:source}.format-control-group>span,.format-width-control span{color:#5f6f64;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.format-segmented{background:#d9ded2;border:1px solid #d9ded2;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:8px;display:grid}.format-segmented button{color:#263d2c;cursor:pointer;background:#fff;border:0;min-width:0;min-height:42px;font-size:.82rem;font-weight:800}.format-segmented button[aria-pressed=true]{color:#fff;background:#20384a}.format-width-control{grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:10px;display:grid}.format-width-control label{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.format-width-control strong{color:#20384a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.format-width-control input[type=range]{accent-color:#516f88;width:100%}.format-width-control input[type=number]{border:1px solid #d9ded2;width:100%;min-height:38px;padding:7px 8px}.format-panel-heading{border-bottom:1px solid #d9ded2;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 14px;display:flex}.format-panel-heading output{color:#5f6f64;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:800}.format-ruler,.format-output,.format-source{white-space:pre;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5;overflow:auto}.format-ruler{color:#516f88;background:#f8faf6;border-bottom:1px solid #d9ded2;min-height:42px;padding:10px 14px;font-size:.82rem;font-weight:800}.format-output{color:#e8f0ef;background:#111820;min-height:460px;padding:18px;font-size:1rem}.format-source{color:#17201a;background:#f6f7f2;min-height:220px;padding:16px;font-size:.86rem}@media (width<=920px){.topbar{flex-direction:column}.runtime-summary{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}.pet-demo,.package-list,.react-pet-body,.fixture-runner-layout{grid-template-columns:1fr}.fixture-source-panel{position:static}.format-topbar{flex-direction:column}.format-runtime-strip{width:100%}.format-workbench{grid-template-columns:1fr;grid-template-areas:"controls""output""source"}}@media (width<=640px){#app{padding:20px}.topbar,.pet-trace-band{align-items:flex-start}.topbar{flex-direction:column}.section-heading{flex-direction:column;align-items:flex-start}.runtime-summary{width:100%}h1{font-size:1.85rem}.pet-state-card,.pet-action-card{padding:14px}.pet-state{flex-direction:column;align-items:flex-start;min-height:100px}.pet-card-heading{flex-direction:column}.pet-heading-controls{justify-content:flex-start;width:100%}.pet-name-field{min-width:min(100%,180px)}.pet-mood-readout{text-align:left}.pet-mood-readout strong{font-size:2.15rem}.fixture-stats,.fixture-source-panel{width:100%}.fixture-stats{grid-template-columns:1fr;display:grid}.fixture-list,.fixture-runner-layout,.fixture-source-controls{grid-template-columns:1fr}.package-item{flex-direction:column;align-items:flex-start;gap:6px}.package-item span{text-align:left}.dev-runner-grid,.dev-eval-row{grid-template-columns:1fr}.react-pet-heading,#react-pet-name-form{flex-direction:column;align-items:flex-start}#react-pet-name-form input,#react-pet-reset{width:100%}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-trace-band{grid-template-columns:1fr}.format-app{padding:20px}.format-runtime-strip,.format-segmented,.format-width-control{grid-template-columns:1fr}}