:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#243d35;background:#e7e7dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c6cdbf;border-radius:5px;background:#f4f3e9;color:#294b3e;padding:10px 12px;font-size:12px;font-weight:600}button:hover{background:#e1e5d7}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c3653d;outline-offset:3px}.primary{background:#254f42;color:#fff9e8;border-color:#254f42}.primary:hover{background:#173e32}header{min-height:96px;padding:18px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f5f4ea;border-bottom:1px solid #c6cdbf}.brand{display:flex;align-items:center;gap:13px}.seal{font-size:47px;color:#bf603e}.brand h1{font:28px Georgia,serif;margin:0;white-space:nowrap}.brand p{font-size:9px;letter-spacing:2px;margin:7px 0 0}nav{display:flex;gap:7px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:240px minmax(380px,1fr) 280px;min-height:calc(100vh - 150px)}aside{padding:28px 20px;background:#eff0e5}.family{border-right:1px solid #ccd0c1}.inspector{border-left:1px solid #ccd0c1}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#6d7e6c;font-weight:700}h2{font:29px/1.12 Georgia,serif;margin:13px 0}.muted{font-size:12px;line-height:1.65;color:#6e7c6c}.tree{margin:22px 0 16px;display:grid;gap:5px}.relative{display:flex;align-items:center;gap:9px;text-align:left;padding:5px;border-color:transparent;background:transparent;min-height:54px}.relative svg{width:41px;height:41px;stroke:#49674d;fill:none;stroke-width:4}.relative span{flex:1;font-size:12px}.relative small{display:block;font-size:8px;letter-spacing:.9px;font-weight:500;margin-top:5px;color:#778571}.relative.selected{background:#254f42;color:#fff9e8}.relative.selected svg{stroke:#f8e2b4}.relative.selected small{color:#b9c9ac}.relative.descendant:not(.selected){background:#e3e8d9}.wide{width:100%;margin:5px 0}.quiet{border:0;background:transparent;font-size:10px;width:100%}.archive-note{margin-top:25px;border-top:1px solid #ccd0c1;padding-top:18px}.archive-note span{font-size:9px;letter-spacing:1px}.archive-note p{font:italic 14px/1.6 Georgia,serif;color:#6a7b65}main{padding:30px clamp(16px,3vw,48px)}.canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.canvas-heading h2{font-size:25px}.badge{border:1px solid #bbc6b4;border-radius:20px;padding:7px 10px;font-size:10px;white-space:nowrap}.paper{background:#f4efdf;box-shadow:0 12px 30px #31452c14;border:1px solid #d2ceba;margin-top:20px}.paper svg{display:block;width:100%;height:auto;touch-action:manipulation;cursor:crosshair}.caption{display:flex;justify-content:space-between;gap:8px;margin:13px 0 24px;font-size:8px;letter-spacing:1px;color:#7a806d}.placement{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.placement label{width:65px}.placement input{width:100%}label{display:block;font-size:11px;color:#66765f;margin:13px 0 7px}input:not([type=checkbox]):not([type=range]),select{display:block;width:100%;border:1px solid #bec9b5;background:#f8f7ee;border-radius:4px;color:#294b3e;padding:9px;margin-top:6px;min-height:37px}input[type=color]{padding:3px!important}.sheet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.sheet-actions button{font-size:10px;background:transparent}.status{min-height:38px;font-size:12px;line-height:1.6;color:#50664a;border-left:2px solid #bc633e;padding-left:12px;margin-top:22px}.preview{background:#e2e7d7;border-radius:50% 50% 4px 4px;margin:23px 0;position:relative}.preview svg{width:100%;display:block;fill:none;stroke:#285344;stroke-width:2.8}.preview .before{stroke:#c6835b;opacity:.4;stroke-dasharray:4 3}.preview span{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#7d8b70}.tabs{display:flex;border-bottom:1px solid #c6cebb}.tabs button{flex:1;border:0;background:transparent;border-radius:0}.tabs button[aria-pressed=true]{border-bottom:2px solid #bf603e}.hint{font-size:11px;line-height:1.6;color:#79856e}.parameter label{display:flex;align-items:center;gap:7px}.parameter output{margin-left:auto;color:#314e3a;font-variant-numeric:tabular-nums}.parameter input[type=range]{width:100%;accent-color:#49704a}.parameter input[type=checkbox]{accent-color:#426949}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;border-top:1px solid #c6cdbf;font-size:10px;color:#78836e}footer details{max-width:650px;line-height:1.7}footer summary{cursor:pointer}footer span{font-size:8px;letter-spacing:1.5px}footer button{margin-right:8px}@media(max-width:1150px){.workspace{grid-template-columns:205px minmax(320px,1fr) 235px}aside{padding:24px 13px}header{align-items:flex-start}header nav{max-width:470px}.caption{flex-direction:column}.badge{display:none}}@media(max-width:850px){header{flex-direction:column}.workspace{grid-template-columns:180px 1fr}.inspector{grid-column:1/-1;border-top:1px solid #ccd0c1;display:block;padding:24px}.preview{max-width:180px;float:right;margin:0 0 20px 20px}.parameter{display:inline-block;width:46%;margin-right:4%}.inspector>label{max-width:350px}.family h2{font-size:24px}main{padding:25px 15px}}@media(max-width:560px){header{padding:18px}.workspace{display:flex;flex-direction:column}.family{padding:20px}.family h2 br,.family .muted,.archive-note{display:none}.tree{display:flex;overflow:auto;margin:12px 0}.relative{min-width:130px;margin-left:0!important}.family .wide,.family .quiet{width:auto}.canvas-heading h2{font-size:21px}main{padding-top:20px}footer{flex-direction:column}.parameter{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}