:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#203f3a;background:#eeeadd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #a8b5a6;border-radius:5px;padding:.65rem .8rem;background:#faf7ed;color:#244b40;font-size:.83rem}button:hover{background:#dce5cb}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c77732;outline-offset:3px}header{display:flex;justify-content:space-between;padding:26px 0;border-bottom:1px solid #c2caba}.studio{max-width:1500px;padding:0 4vw;margin:auto}.wordmark{font-weight:800;letter-spacing:.13em;color:inherit;text-decoration:none}.wordmark span{font-size:.65rem;border:1px solid;padding:5px;margin-left:10px}.intro{max-width:940px;padding:45px 0 32px}.eyebrow{font-size:.67rem;letter-spacing:.22em;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:1.02;margin:18px 0}h1 em{color:#a75f2f}p{line-height:1.65}.intro>p:last-child{max-width:600px;color:#5d6b5c}main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}aside,.work{background:#f7f5ec;border:1px solid #c8cebc;border-radius:10px;padding:24px}h2{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}aside h2:not(:first-child){border-top:1px solid #d1d5c7;padding-top:22px;margin-top:24px}label{display:block;font-size:.78rem;font-weight:600;margin:12px 0}input:not([type=file]),select,textarea{width:100%;padding:.6rem;border:1px solid #bac7b6;background:#fffdf5;color:inherit;border-radius:4px;margin-top:6px}input[type=color]{height:40px;padding:3px}input[type=file]{max-width:100%;font-size:.75rem;margin-top:10px}.small{font-size:.73rem;color:#637262;line-height:1.6}.buttons{display:flex;flex-wrap:wrap;gap:7px}.primary{width:100%;background:#245747;color:#f4f4df;border-color:#245747}.status{margin:16px 0;background:#dfe8ca;padding:12px;font-size:.85rem;font-weight:700}.vector-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.panel-title{display:flex;justify-content:space-between;gap:12px}.panel-title span{font:11px monospace}.source-frame{background:#203f3a;padding:28px;min-height:300px;display:grid;place-items:center;border-radius:6px}.source-frame canvas{max-height:420px;width:auto;max-width:100%;height:350px}canvas{image-rendering:pixelated;object-fit:contain}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0;border-bottom:1px solid #c8cebc}.metrics b{display:block;font-size:1.1rem}.metrics span{display:block;font-size:.66rem;color:#637262;margin-top:7px}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.comparison figure{margin:0;min-width:0}.comparison canvas{width:100%;height:175px;background:#dedfcf;padding:10px;border:1px solid #bdc9b4;border-radius:5px}.comparison figcaption{font-size:.68rem;margin-top:8px}.export-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.project{border-top:1px solid #cad1be;padding-top:24px}.project p{font-size:.78rem}.project textarea{min-height:130px;font:11px monospace;resize:vertical}details{font-size:.77rem;margin-top:14px}summary{cursor:pointer}ol{padding-left:20px}.notice{background:#dce6cc;border:1px solid #aeba9b;border-radius:6px;padding:16px;margin:24px 0;font-size:.85rem;overflow-wrap:anywhere}footer{max-width:850px;font-size:.72rem;color:#64715f;padding:15px 0 45px}footer .buttons{margin-top:15px}@media(max-width:850px){main{grid-template-columns:1fr}.intro{padding-top:28px}aside{order:1}.comparison canvas{height:130px}}@media(max-width:480px){.studio{padding:0 15px}.work,aside{padding:16px}.metrics,.comparison{grid-template-columns:1fr}.comparison canvas{height:180px}.source-frame canvas{height:280px}header{align-items:center}.wordmark{font-size:.8rem}.wordmark span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}