:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8e7da;background:#102126;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #4a6264;background:#20383d;color:inherit;border-radius:8px;padding:11px 14px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#345052;transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffd69c;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}main{width:100%;min-height:100vh;padding:40px clamp(20px,4vw,72px)}header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:38px;border-bottom:1px solid #375055}h1{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-4px;margin:14px 0 0;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:#f9b47e}header p{line-height:1.7;color:#a3b6b4}.eyebrow,.badge{font-size:11px;letter-spacing:2px}.badge{border:1px solid #738781;border-radius:50%;width:125px;height:125px;display:grid;place-content:center;line-height:2;text-align:center}.workspace{display:grid;grid-template-columns:1.65fr 1fr;gap:36px;margin-top:30px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead span,.hint,.axes{font-size:12px;color:#a3b6b4}h2{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:500}h3{font-size:15px;font-weight:500}canvas{width:100%;height:360px;display:block;border-radius:16px;background:#172a30}.caption{display:flex;justify-content:space-between;margin:15px 0}.caption span{font-size:12px;color:#b5c6bc}.hint{line-height:1.7}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tools{padding:0 0 0 30px;border-left:1px solid #375055}.palette{display:flex;gap:8px;margin:24px 0}.palette button{height:65px;min-width:48px;flex:1;color:#102126;padding:5px}.palette button:first-child{color:#e8e7da}.palette small{font-size:10px}.chosen{outline:2px solid #fbe2b5;outline-offset:4px}.colors{display:flex;flex-wrap:wrap;gap:14px}.colors label{display:grid;gap:7px;font-size:11px}.colors input{width:42px;border:0;padding:0;height:25px}.coordinates{display:flex;gap:10px}.coordinates label{display:grid;gap:7px;font-size:12px}.coordinates input{width:70px;background:#20383d;color:inherit;border:1px solid #4a6264;padding:10px;border-radius:6px}.primary{background:#f9b47e;color:#14272c}.slices{margin-top:38px;padding-top:20px;border-top:1px solid #375055}.planegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border:0;padding:0;outline:1px solid #4a6264;border-radius:8px;overflow:hidden}.cell{border:1px solid #10212644;display:grid;place-items:center;color:#102126;font-size:26px;pointer-events:none}.cell.selected{box-shadow:inset 0 0 0 3px #fff}input[type=range]{width:100%;accent-color:#f9b47e}.status{padding:18px;border-left:3px solid #f9b47e;background:#20383d;font-size:14px}.archive{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:20px 0}.archive p,footer{font-size:12px;line-height:1.8;color:#a3b6b4}textarea{width:100%;height:145px;background:#172a30;color:inherit;border:1px solid #4a6264;border-radius:8px;padding:12px;font-family:monospace}footer{border-top:1px solid #375055;padding:20px 0;max-width:1100px}@media(max-width:800px){header p,.badge{display:none}.workspace,.archive{grid-template-columns:1fr}.tools{border:0;padding:0}.planegrid{gap:15px}.sectionhead{align-items:flex-start;flex-direction:column;gap:0}.planegrid h3{font-size:12px}.cell{font-size:16px}canvas{height:320px}main{padding:24px 18px}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.focus .workspace{min-height:90vh}.focus canvas{height:65vh}.focus header{padding-bottom:12px}.focus h1{font-size:36px}