:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#173438;background:#eee9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1640px;margin:auto;padding:40px;background:#eee9df}main:fullscreen{overflow:auto;max-width:none}header{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #173438;padding-bottom:28px}.eyebrow,.header-note,.section-head span{font-size:11px;letter-spacing:.16em;line-height:1.8}.eyebrow{color:#946421}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.8vw,72px);line-height:1.02;letter-spacing:-.045em;margin:16px 0}h1 em{font-weight:400;color:#946421}header p{font-size:17px}.header-note{text-align:right;align-self:flex-end}.header-note b{display:block;margin-top:24px}button,input,textarea{font:inherit}button{cursor:pointer;background:#f8f5ef;border:1px solid #a7b1aa;color:#173438;border-radius:4px;padding:9px 12px;line-height:1.2}button:hover{background:#dfdbc8}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd7429;outline-offset:3px}input,textarea{width:100%;background:#fffdf8;color:#173438;border:1px solid #b8beb4;border-radius:3px;padding:9px}label{display:block;font-size:12px;line-height:1.8}input{margin-top:4px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.status{padding:12px 16px;background:#dfe7dc;min-height:44px;border-left:3px solid #4c6a50;font-size:14px}.warning{background:#f2debb;border-color:#946421}.title-field{max-width:550px;margin-bottom:22px}.title-field input{font-family:Georgia,serif;font-size:22px}.workspace{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.8fr) minmax(230px,1fr);gap:18px;align-items:start}.panel{background:#f8f5ee;border:1px solid #cecfc1;padding:20px;border-radius:6px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}h2{font-size:15px;font-weight:600;margin:0 0 10px}.section-head span{font-size:9px}.muted{font-size:12px;line-height:1.65;color:#60706a}.groups{padding:0;list-style:none}.groups li{padding:10px;margin:10px 0;border:1px solid #dbdcd2;border-radius:4px}.groups li.selected{border-color:#9f762e;background:#eae4d4}.groups button{width:100%;text-align:left;margin-bottom:7px;overflow-wrap:anywhere}.groups small{font-size:11px}.group-edit{margin-top:20px;display:grid;gap:10px}.grid-scroll{overflow:auto;padding:5px;margin:0 -5px}.pixel-grid{display:grid;grid-template-columns:repeat(32,1fr);min-width:416px;aspect-ratio:1;gap:1px;background:#657575;padding:1px}.pixel-grid button{padding:0;border:0;border-radius:0;min-width:0;min-height:0;background:#173438}.pixel-grid button.open{background:#fffdf4}.pixel-grid button:hover{background:#c79c4a}.pixel-grid button:focus-visible{position:relative;z-index:1;outline-offset:0;outline:2px solid #e7a23a}.rect-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.light-preview{width:100%;margin-top:16px;border:10px solid #e1d4b3;image-rendering:pixelated;shape-rendering:crispEdges}.count{font-size:34px;display:block;margin-top:16px;font-family:Georgia,serif}.count small{font-family:system-ui;font-size:11px;font-weight:400}.sequence,.outputs{margin-top:20px}.frames{display:flex;gap:18px;overflow:auto;padding-bottom:10px}.frames figure{flex:0 0 130px;margin:8px 0}.frames svg{width:130px;border:5px solid #e1d4b3;shape-rendering:crispEdges}figcaption{font-size:11px;line-height:1.7;margin-top:6px}.outputs p,footer p{max-width:850px;font-size:13px;line-height:1.7}summary{cursor:pointer;font-size:13px;padding:10px 0}textarea{height:210px;font:12px ui-monospace,monospace}footer{border-top:1px solid #aeb8ab;margin-top:26px;padding-top:14px}footer small{display:block;margin-top:24px;color:#60706a;font-size:11px}@media(max-width:1100px){main{padding:24px}.workspace{grid-template-columns:250px minmax(420px,1fr)}.transmission{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px;gap:14px}.transmission .light-preview{grid-column:2;grid-row:1/4;margin:0}}@media(max-width:760px){main{padding:16px}.workspace{display:flex;flex-direction:column}.panel{width:100%;padding:16px}.transmission{display:block}.light-preview{max-width:320px}.header-note{display:none}.pixel-grid{min-width:416px}.toolbar button{flex-grow:1}h1{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{main{padding:0;max-width:none}header{padding:0}.toolbar,.group-edit,.rect-fields,details,footer,.status,.title-field{display:none}.workspace{display:block}.panel{break-inside:avoid;margin-bottom:12px}.groups button{border:0}.editor{display:none}.transmission{display:block}.light-preview{width:220px}.frames{flex-wrap:wrap}.outputs{display:none}body,main{background:#fff}}