:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dfdfd2;background:#171c1b;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;background:#27302d;border:1px solid #424a42;border-radius:5px;padding:10px 12px;cursor:pointer}button:hover{background:#35413b;border-color:#a9b8a1}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e1af7b;outline-offset:3px}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #3d453e;background:#1c2220}.brand{color:inherit;text-decoration:none;font-size:14px;letter-spacing:2px;display:flex;align-items:center;gap:13px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#a1ad9b;margin-top:5px}.logo{font-size:39px;color:#d3aa7c}.header-right{display:flex;align-items:center;gap:22px}.local{font-size:11px;color:#a6b59f}.studio{display:grid;grid-template-columns:260px minmax(380px,1fr) 280px;min-height:100dvh;max-width:2000px;margin:auto}.left,.right{padding:28px 23px;background:#1c2220}.left{border-right:1px solid #3d453e}.right{border-left:1px solid #3d453e}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#a5b09e;font-weight:600}.section{margin:27px 0 14px}h1{font:42px/1.04 Georgia,serif;letter-spacing:-1.2px;margin:21px 0 14px;color:#e7dcc8}h2{font:24px Georgia,serif;margin:9px 0 0;color:#e7dcc8}h3{font:24px Georgia,serif;margin:17px 0 10px}.intro{color:#adb5a7;line-height:1.6;margin-bottom:27px}label{display:block;font-size:11px;color:#bac3b3;margin:17px 0}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{display:block;width:100%;border:1px solid #485044;color:#e3dfd3;background:#151c19;padding:10px;border-radius:4px;margin-top:8px}input[type=range]{width:100%;accent-color:#cea77a;margin:12px 0}output{float:right;color:#e6bf93}.row{display:flex;gap:7px}.row button{flex:1;font-size:10px;padding:9px 5px}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatches label{margin:0;text-align:center}.swatches input{width:37px;height:35px;padding:0;border:0;background:transparent;display:block;cursor:pointer}.swatches span{display:block;margin-top:5px;font-size:9px}.edges button{display:flex;width:100%;gap:12px;align-items:center;margin:6px 0;background:transparent}.edges span{font-size:9px;opacity:.5}.edges b{font-weight:400;color:#c9ac83}.edges i{margin-left:auto;font-size:8px;font-style:normal;letter-spacing:1px;color:#9eae97}.edges .selected{background:#344139;border-color:#9cae91}main{padding:26px 36px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#2f3730,#202722 65%)}.plate-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.edition{font-size:8px;text-align:right;line-height:1.7;letter-spacing:1.5px;color:#9da794}.art-wrap{position:relative;padding:20px;margin:0 auto;width:min(100%,610px);border:1px solid #58604e;background:#242d25;box-shadow:0 22px 50px #0c110c55}canvas{display:block;width:100%;height:auto;image-rendering:auto;box-shadow:0 0 0 1px #10170f}.corner{position:absolute;color:#a3ae94;font-size:13px}.tl{top:2px;left:5px}.br{bottom:2px;right:5px}.states{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:27px}.states button{min-width:110px;background:#1c241f;border-color:#4d5949;color:#aebda4}.states button span{margin-right:10px;font-size:18px;vertical-align:-1px}.states .active{background:#d4b68e;color:#1f291e;border-color:#e4c7a0}.under{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a5b09d;margin-top:7px;gap:12px}.check{display:flex;align-items:center;gap:8px;font-size:10px}input[type=checkbox]{accent-color:#d7b88c}.status{font-size:11px;line-height:1.6;color:#c5d0bc;border-top:1px solid #43503e;padding-top:16px;min-height:55px}.explain{display:flex;gap:22px;margin-top:16px;align-items:flex-start}.explain span{font-size:8px;letter-spacing:1.7px;color:#c2ad89;white-space:nowrap;margin-top:4px}.explain p{margin:0;font:14px/1.6 Georgia,serif;color:#b2bea7}.muted{font-size:11px;color:#a5b19b;line-height:1.6}details{margin:18px 0}summary{cursor:pointer;color:#c3cbbb;font-size:11px;line-height:1.5}.anchor{display:flex;justify-content:space-between;align-items:center}.anchor input{max-width:105px!important;margin:0!important}.wide{width:100%;font-size:11px}.proof{margin-top:30px;border-top:1px solid #45503e;padding-top:22px}.proof strong{display:block;font-size:11px;margin-top:20px}.good{color:#b9cd9f}.warning{color:#e1b37d}.proof p{font-size:11px;color:#aeb9a4;line-height:1.7}.proof textarea{min-height:100px}footer{grid-column:1/-1;border-top:1px solid #46503f;background:#161d18;padding:20px 28px}.exports{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.exports .eyebrow{margin-right:15px}.primary{background:#c4a67c;color:#182018;border-color:#d3b98d}.primary:hover{background:#dec49d}.advanced,.privacy{margin-bottom:0}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.advanced p,.privacy p{max-width:750px;color:#a3b098;line-height:1.6;font-size:11px}.advanced textarea{height:220px;font:11px/1.5 monospace}.advanced button{margin:5px}.privacy button{margin-right:8px}@media(min-width:1500px){.studio{grid-template-columns:300px 1fr 320px}main{padding:35px 60px}}@media(max-width:1050px){.studio{grid-template-columns:220px minmax(300px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;border-top:1px solid #485440}.right .proof{grid-column:1/-1}.right h3,.right>.muted{grid-column:1/-1}.right>.eyebrow{grid-column:1/-1}.right details{grid-column:1/-1}.right .wide{grid-column:1/-1}main{padding:24px}.left{padding:24px 18px}}@media(max-width:640px){.studio{display:flex;flex-direction:column}header{padding:16px}.brand{font-size:10px;letter-spacing:1px}.brand small{font-size:6px}.logo{font-size:28px}.header-right{gap:8px}.local{display:none}.header-right button{font-size:9px;padding:8px}.left{order:2;border:0;border-top:1px solid #485440}main{order:1;padding:23px 16px}.right{order:3;display:block;border-left:0;padding:24px}.left h1{font-size:31px}.left h1 br,.intro br{display:none}footer{order:4;padding:22px 16px}.plate-top h2{font-size:23px}.edition{display:none}.under{flex-wrap:wrap}.states button{min-width:90px}.art-wrap{padding:12px}.advanced-grid{grid-template-columns:1fr}.explain{gap:12px}.exports button{font-size:11px}.exports .eyebrow{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}h2,.states button{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.preview-fallback{position:absolute;inset:20px;display:grid;place-content:center;padding:35px;background:#26312b;color:#e6c49a;line-height:1.7;text-align:center}.plate-top>div{min-width:0}
