:root{--ink:#20211f;--muted:#777870;--paper:#f5f3ee;--line:#dedbd2}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
.announcement{height:31px;display:grid;place-items:center;background:#242622;color:#f8f7f2;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}
.brand{font:800 26px Manrope,sans-serif;letter-spacing:-1.8px;text-decoration:none;color:var(--ink)}.brand span{color:#829276}
nav{display:flex;gap:38px}nav a,.back-link{font-size:12px;color:#55564f;text-decoration:none}nav a.active{color:#20211f;text-underline-offset:6px;text-decoration:underline}
.atelier-shell{max-width:1320px;margin:auto;padding:58px 7% 76px}.intro{max-width:750px;margin-bottom:34px}
.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:700;color:#77796e;margin:0 0 17px}
.intro h1{font:500 clamp(46px,5.4vw,70px)/.99 Manrope;letter-spacing:-4px;margin:0 0 18px;color:var(--ink)}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:#829276}
.intro>p:last-child{font-size:13px;line-height:1.85;color:#696b63;max-width:570px}
.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
.controls,.preview-panel{background:#fffefa;border:1px solid #dedbd2;border-radius:3px;color:var(--ink)}
.controls{padding:24px;display:flex;flex-direction:column;gap:10px}.controls .eyebrow{margin-bottom:7px}
.controls label{font-size:11px;font-weight:700;margin-top:9px;color:#55564f}
.controls select{width:100%;padding:12px;border:1px solid #dedbd2;background:#fff;color:#292a27;font:12px "DM Sans";border-radius:2px}
.palette-heading{display:flex;flex-direction:column;gap:4px;margin-top:12px}.palette-heading span{font-size:12px;font-weight:700}.palette-heading small{font-size:10px;color:#777870}
.palette-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:3px}
.palette-card{padding:8px;border:1px solid #dedbd2;border-radius:2px;background:#fffefa;color:#292a27;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}
.palette-card.active{border-color:#829276;box-shadow:0 0 0 1px #82927655}.palette-card b{font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.swatches{height:28px;width:94px;display:flex;overflow:hidden;border-radius:1px;flex:none}.swatches i{display:block;flex:1}
.palette-card[data-palette="midnight"] .swatches i:nth-child(1){background:#071426}.palette-card[data-palette="midnight"] .swatches i:nth-child(2){background:#9b7835}.palette-card[data-palette="midnight"] .swatches i:nth-child(3){background:#243b53}.palette-card[data-palette="midnight"] .swatches i:nth-child(4){background:#e2b84f}.palette-card[data-palette="midnight"] .swatches i:nth-child(5){background:#101b29}
.palette-card[data-palette="white"] .swatches i:nth-child(1){background:#fff}.palette-card[data-palette="white"] .swatches i:nth-child(2){background:#b8b8b8}.palette-card[data-palette="white"] .swatches i:nth-child(3){background:#55585b}.palette-card[data-palette="white"] .swatches i:nth-child(4){background:#eee}.palette-card[data-palette="white"] .swatches i:nth-child(5){background:#111}
.palette-card[data-palette="black"] .swatches i:nth-child(1){background:#050505}.palette-card[data-palette="black"] .swatches i:nth-child(2){background:#55585b}.palette-card[data-palette="black"] .swatches i:nth-child(3){background:#d9d9d9}.palette-card[data-palette="black"] .swatches i:nth-child(4){background:#292c30}.palette-card[data-palette="black"] .swatches i:nth-child(5){background:#fff}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 17px;font-size:11px;border:1px solid #20211f;cursor:pointer;text-decoration:none;border-radius:0;margin-top:12px}.button-dark{background:#20211f;color:#fff;font-weight:700}.button:disabled{opacity:.4;cursor:not-allowed}
.status{font-size:10px;line-height:1.6;color:#777870;min-height:34px}.status.error{color:#b44737}.status.success{color:#52704b}
.license-note{margin-top:8px;padding:12px;background:#f1efe8;border:1px solid #dedbd2;border-radius:2px;font-size:9px;line-height:1.65;color:#696b63}
.preview-panel{min-width:0;overflow:hidden}.preview-top{height:43px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd2;font-size:8px;letter-spacing:.15em;color:#777870}
.preview-stage{min-height:670px;background:#eeece5;display:grid;place-items:center;padding:28px;overflow:hidden}
.empty-preview{text-align:center;color:#777870}.empty-symbol{font:300 65px Georgia}.empty-preview p{font:500 17px Manrope;margin:5px}.empty-preview small{font-size:10px}
.preview-stage img{display:block;max-width:min(100%,420px);max-height:720px;width:auto;height:auto;box-shadow:0 18px 40px #0002;border:1px solid #d6d3ca}
.preview-actions{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dedbd2}.preview-actions>span{font-size:9px;color:#777870}
.fine-print{max-width:800px;margin:55px auto 0}.fine-print h2{font:500 21px Manrope;color:#20211f}.fine-print p{font-size:10px;line-height:1.9;color:#777870}.fine-print a{color:#59694f;text-underline-offset:3px}
.footer{border-top:1px solid #dedbd2;padding:25px 7%;display:flex;align-items:center;gap:25px;background:#f5f3ee}.footer .brand{font-size:20px}.footer>span,.footer small{font-size:10px;color:#777870}.footer small{margin-left:auto}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.preview-stage{min-height:480px}.preview-stage img{max-width:min(100%,360px)}}
@media(max-width:600px){.site-header{padding:0 4%;height:64px}.site-header nav{gap:12px}.site-header nav a,.back-link{font-size:9px}.atelier-shell{padding:35px 4% 55px}.preview-stage{min-height:420px;padding:15px}.preview-actions{align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap}.footer small{width:100%;margin:0}}