:root{font-family:Arial,Helvetica,sans-serif;color:#243a32;background:#eae7dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,svg:focus-visible{outline:3px solid #b5603d}button{border:1px solid #c9cdbe;background:transparent;color:inherit;border-radius:5px;cursor:pointer;padding:10px 13px;min-height:44px}button:hover{background:#dfe2d4}button:disabled{opacity:.4;cursor:not-allowed}.dark{background:#234c46;color:#fff;border-color:#234c46}.dark:hover{background:#35645b}header{display:flex;align-items:center;gap:55px;padding:23px 36px;border-bottom:1px solid #c9cdbe;background:#f6f3e9}.brand{color:inherit;text-decoration:none;display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:2px;font-weight:700;line-height:1.45}.logo{font-size:38px;font-weight:400}.head-note{font-size:12px;line-height:1.5;color:#667367}.head-note em{font-family:Georgia,serif;font-size:17px;color:#234c46}.head-actions{margin-left:auto;display:flex;gap:12px}.head-actions span{padding-left:24px}.studio{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 110px)}.tools{padding:30px 26px;background:#eeefe4;border-right:1px solid #c9cdbe}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#667367;margin:0 0 14px}h1{font:58px/.96 Georgia,serif;letter-spacing:-2.5px;margin:22px 0}h1 i{color:#b5603d;font-weight:400}.intro{font-size:13px;line-height:1.7;color:#697267;max-width:215px}.mode{display:grid;margin:28px 0;gap:5px}.mode button{text-align:left;border:0}.mode button[aria-pressed=true]{background:#234c46;color:#fff}h2{font-size:14px;font-weight:600;margin:24px 0 13px}.tools h2{display:flex;justify-content:space-between}.tools h2 span{font-weight:400;font-size:11px;color:#6b786c}.threads{display:grid;gap:4px;margin-bottom:24px}.threads button{display:flex;gap:9px;align-items:center;font-size:12px;border-color:transparent;padding:8px}.threads button.active{background:#f9f8ef;border:1px solid #c9cdbe}.threads button>span{width:22px;height:6px;border-radius:4px}.threads small{margin-left:auto;color:#768072;font-size:10px}.check{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.5;cursor:pointer}.check input{accent-color:#234c46;width:16px;height:16px}.etiquette{border-left:2px solid #bc633e;padding:3px 0 3px 13px;margin:16px 0;font-size:12px}.etiquette strong{font:19px Georgia,serif}.etiquette p{line-height:1.65}.etiquette small{display:block;margin:6px 0}.bottom-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #c9cdbe;margin-top:28px;padding-top:20px}.bottom-tools button{font-size:11px;padding:8px 4px}.art{padding:30px 36px;min-width:0}.art-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.art-heading .eyebrow{margin-bottom:7px}.art-heading h2{font:30px Georgia,serif;letter-spacing:-.7px;margin:0 0 24px}.art-heading label{margin-bottom:18px}.canvas-wrap{position:relative;box-shadow:0 5px 14px #2633210b;border:1px solid #d6d2c5;background:#f6f1e5}.artboard{display:block;width:100%;height:auto;max-height:75vh;min-height:280px}.geometry .artboard{touch-action:none;cursor:crosshair}.crossing{cursor:pointer}.crossing circle{fill:#f6f1e5;stroke:#234c46;stroke-width:1.5}.crossing circle.hit{fill:transparent;stroke:none}.crossing .undecided{fill:#f0cf85;stroke:#815c25}.crossing text{font:11px Arial,sans-serif;fill:#234c46;text-anchor:middle;pointer-events:none}.crossing:hover circle:not(.hit){fill:#c6d7c1}.preview-badge{position:absolute;bottom:15px;left:15px;background:#234c46;color:#fff;font-size:11px;padding:8px 12px;border-radius:4px;pointer-events:none}.art-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6c7669;padding:14px 0;letter-spacing:.4px}.status{font-size:12px;line-height:1.6;min-height:42px;padding:10px 12px;border-left:2px solid #7d957b;background:#f1f0e7;margin:0 0 25px}.ledger{border-top:1px solid #c9cdbe;padding-top:8px}.ledger-title{display:flex;justify-content:space-between;align-items:center}.ledger-title h2{font:22px Georgia,serif;margin:15px 0 5px}.ledger-title>span{font-size:9px;letter-spacing:1px;color:#71806f}.hint{font-size:11px!important;line-height:1.65;color:#6c776c}.crossing-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:6px;margin-top:16px;max-height:350px;overflow:auto;padding:4px}.crossing-list button{display:flex;text-align:left;align-items:center;gap:12px;background:#f6f3e9;padding:11px}.crossing-list b{font:20px Georgia,serif;color:#b5603d}.crossing-list button>span:nth-child(2){flex:1}.crossing-list span span{display:block;font-size:11px;line-height:1.8}.crossing-list small{font-size:9px;color:#7d8476}.diagnostics{margin:24px 0;background:#efdfc5;padding:3px 18px 12px;color:#75442a}.diagnostics ul{padding-left:17px;font-size:12px;line-height:1.8;max-height:220px;overflow:auto}.exports{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid #c9cdbe;padding-top:24px;margin-top:28px;font-size:12px}.exports strong{margin-right:auto}.exports button{font-size:11px}.editor label{display:grid;gap:5px;font-size:11px;margin:10px 0}.editor .check{display:flex}.editor input:not([type=checkbox]),textarea{width:100%;min-width:0;background:#f9f7ef;border:1px solid #c9cdbe;border-radius:4px;padding:8px;color:#243a32}.editor textarea{resize:vertical;font:11px/1.7 monospace;max-height:280px}.editor input[type=color]{height:38px;padding:3px}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.text-button{font-size:11px;color:#9b4933;border:0;padding-left:0}footer{padding:28px 36px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #c9cdbe;background:#f6f3e9;font-size:11px;line-height:1.7}footer strong{font:17px Georgia,serif}footer p{color:#6c776c}footer summary{cursor:pointer}footer button{font-size:11px;margin-right:8px}.cursor{opacity:.7}@media(min-width:1600px){.studio{grid-template-columns:330px minmax(0,1fr)}.tools{padding:38px}.art{padding:35px 65px}}@media(max-width:900px){header{padding:18px 20px;gap:15px}.head-note{display:none}.studio{grid-template-columns:230px minmax(0,1fr)}.tools,.art{padding:24px 18px}h1{font-size:48px}.art-heading{align-items:flex-start;flex-direction:column}.art-heading h2{margin-bottom:12px}.art-caption{flex-direction:column}.head-actions button{font-size:12px}.head-actions span{padding-left:6px}.crossing-list{grid-template-columns:1fr}}@media(max-width:640px){header{flex-wrap:wrap}.brand{font-size:11px}.logo{font-size:28px}.head-actions{gap:6px}.head-actions button{padding:8px;font-size:10px}.studio{display:flex;flex-direction:column}.tools{border-right:0;border-bottom:1px solid #c9cdbe;padding:20px}.tools h1{font-size:40px;line-height:1.1;margin:10px 0}.tools h1 br{display:none}.tools h1 i{margin-left:8px}.intro{max-width:none;margin:8px 0}.mode{display:flex;margin:15px 0}.mode button{flex:1}.threads{grid-template-columns:1fr 1fr;margin-bottom:15px}.etiquette{max-height:170px;overflow:auto}.bottom-tools{grid-template-columns:repeat(4,1fr);margin-top:16px;padding-top:14px}.art{padding:24px 14px}.art-heading{flex-direction:row;align-items:center}.art-heading h2{font-size:25px}.art-heading .eyebrow{font-size:8px}.art-heading .check{font-size:10px}.artboard{min-height:0}.crossing-list{grid-template-columns:1fr 1fr;max-height:280px}.crossing-list button{padding:8px;gap:7px}.crossing-list small{display:none}footer{grid-template-columns:1fr;gap:20px;padding:25px 20px}.exports strong{width:100%}.ledger-title>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}