:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8f4ea;--paper-strong:#efe6d5;--ink:#16120d;--ink-soft:#534a40;--line:#16120d1f;--accent:#c6522b;--accent-soft:#c6522b1f;--panel:#ffffffb8}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #c6522b2e, transparent 34%), linear-gradient(180deg, var(--paper) 0%, #f4efe3 100%);min-height:100%;color:var(--ink);margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif}body{min-height:100vh}a{color:inherit}.shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:40px 0 64px}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffd6,#efe6d5e0);border-radius:28px;gap:18px;padding:28px;display:grid;box-shadow:0 20px 60px #16120d14}.eyebrow,.pill{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);width:fit-content;color:var(--accent);border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;display:inline-flex}.hero h1{max-width:11ch;margin:0;font-size:clamp(3rem,8vw,5.5rem);line-height:.96}.hero p{max-width:56rem;color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.6}.grid{gap:18px;margin-top:18px;display:grid}@media (min-width:900px){.grid{grid-template-columns:1.2fr .8fr}}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:24px}.panel h2,.panel h3{margin:0 0 10px}.panel p,.panel li{color:var(--ink-soft);line-height:1.55}.panel ul{margin:0;padding-left:20px}.protocolList{gap:12px;margin-top:16px;display:grid}.protocolItem{border:1px solid var(--line);background:#ffffffa8;border-radius:18px;padding:14px 16px}.protocolItem strong{margin-bottom:4px;display:block}.json{color:#f5ead4;background:#191510;border-radius:18px;margin:14px 0 0;padding:16px;font-size:.88rem;line-height:1.55;overflow:auto}.split{gap:18px;margin-top:18px;display:grid}@media (min-width:900px){.split{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1240px){.split{grid-template-columns:repeat(3,minmax(0,1fr))}}.workspaceGrid{gap:18px;margin-top:18px;display:grid}@media (min-width:1024px){.workspaceGrid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ghostButton{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#ffffffb8;border-radius:999px;padding:10px 14px}.ghostButton:hover{background:#ffffffeb;border-color:#c6522b52}.bridgeMeta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:14px;font-size:.95rem;display:flex}.draftControls{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.connectedProjectMeta{margin:18px 0 0}.routeSwitchGrid,.previewSourceGrid{gap:10px;margin-top:18px;display:grid}@media (min-width:900px){.previewSourceGrid,.routeSwitchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.previewExternalConfig{margin-top:14px}.routeSwitchButton{border:1px solid var(--line);text-align:left;width:100%;font:inherit;cursor:pointer;background:#ffffffb8;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.routeSwitchButton span,.routeSwitchButton code{color:var(--ink-soft)}.routeSwitchButtonActive{border-color:var(--accent);background:#c6522b1a;box-shadow:0 0 0 1px #c6522b24}.draftControls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.inspectorGrid{gap:12px;margin-top:16px;display:grid}.recipeGrid{gap:10px;margin-top:18px;display:grid}@media (min-width:700px){.inspectorGrid,.recipeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.inspectorField{gap:8px;display:grid}.inspectorField span{color:var(--ink-soft);font-size:.88rem}.inspectorField strong{align-items:center;min-height:44px;display:flex}.inspectorField input,.inspectorSelect{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;background:#ffffffd1;border-radius:14px;padding:0 14px}.toggleField{color:var(--ink-soft);align-items:center;gap:10px;display:inline-flex}.toggleField input{block-size:18px;inline-size:18px}.ghostButton:disabled{cursor:not-allowed;opacity:.55}.previewFrame{border:1px solid var(--line);background:linear-gradient(#16120d14,#16120d05),#ffffffad;border-radius:28px;margin-top:18px;padding:14px;box-shadow:inset 0 1px #fffc}.previewIframe{background:#fff;border:0;border-radius:20px;width:100%;min-height:620px}.targetList{gap:10px;margin-top:18px;display:grid}.targetRow{border:1px solid var(--line);text-align:left;width:100%;font:inherit;cursor:pointer;background:#ffffffb3;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.targetRow span,.targetRow code{color:var(--ink-soft)}.targetRowHovered{background:#c6522b14;border-color:#c6522b61}.targetRowSelected{border-color:var(--accent);background:#c6522b24;box-shadow:0 0 0 1px #c6522b24}.previewCanvas{background:radial-gradient(circle at 100% 0,#c6522b29,#0000 30%),linear-gradient(#fbf8f1 0%,#f3ecdf 100%);min-height:100vh;padding:32px}.previewStatusBar{gap:14px;max-width:920px;margin:0 auto 18px;display:grid}@media (min-width:900px){.previewStatusBar{grid-template-columns:repeat(3,minmax(0,1fr))}}.previewStatusCell{background:#ffffffc7;border:1px solid #16120d14;border-radius:22px;gap:6px;padding:18px 20px;display:grid}.previewStatusCell span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.fixtureHero{background:#ffffffd6;border:1px solid #16120d14;border-radius:32px;gap:18px;max-width:920px;margin:0 auto;padding:36px;display:grid;box-shadow:0 24px 80px #16120d14}.fixtureHeroCopyGroup{gap:14px;display:grid}.fixtureEyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem}.fixtureTitle{max-width:13ch;margin:0;font-size:clamp(2.8rem,8vw,5rem);line-height:.95}.fixtureTitle span{color:var(--accent)}.fixtureCopy{max-width:56rem;color:var(--ink-soft);margin:0;font-size:1.02rem;line-height:1.65}.fixtureActions{flex-wrap:wrap;gap:12px;display:flex}.fixturePrimaryAction,.fixtureSecondaryAction{min-height:46px;font:inherit;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.fixturePrimaryAction{background:var(--accent);color:#fff}.fixtureSecondaryAction{color:var(--ink);background:#ffffffd1;border-color:#16120d1f}.fixtureProofGrid{gap:16px;max-width:920px;margin:18px auto 0;display:grid}@media (min-width:900px){.fixtureProofGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.fixtureProofCard{background:#ffffffd6;border:1px solid #16120d14;border-radius:24px;gap:10px;padding:22px;display:grid}.fixtureProofIndex{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.fixtureProofTitle,.fixtureProofValue{margin:0}.fixtureProofValue{color:var(--ink-soft);line-height:1.6}.fixtureMetricGrid{gap:16px;max-width:920px;margin:18px auto 0;display:grid}@media (min-width:900px){.fixtureMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.fixtureMetricCard{color:#f7eddb;background:#16120deb;border:1px solid #16120d14;border-radius:24px;gap:8px;padding:22px;display:grid}.fixtureMetricCard span{color:#f7eddbb8;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.fixtureMetricCard strong{font-size:1.15rem;line-height:1.35}[data-preview-highlight=hover]{outline-offset:4px;outline:2px dashed #c6522bb8}[data-preview-highlight=select]{outline-offset:4px;outline:3px solid #c6522beb;box-shadow:0 0 0 8px #c6522b1f}[data-preview-draft=applied]{will-change:transform, opacity, filter;box-shadow:0 0 0 12px #16120d0d}