@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#f3eee5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#171715;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}::selection{color:#171715;background:#fa8626}.site{background:radial-gradient(at 85% 10%,#353026 0%,#171715 44%);min-height:100vh}.site-header{border-bottom:1px solid #44413b;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,80px);display:flex}.wordmark{letter-spacing:.015em;font-size:15px;font-weight:800}.mark{color:#f58025;vertical-align:middle;margin-right:9px;font-size:25px}.wordmark-light{color:#a9a39a;font-weight:500}.header-right,.eyebrow,.step-pill,.studio-top,.panel-label,.canvas-footer,.tool-group label,.style-selector label,.review-actions label,.bottom-note,footer,.staff-login label,.orders-heading{letter-spacing:.11em;font:500 11px DM Mono,monospace}.header-right{color:#d1c9bb}.header-dot{color:#f58025;margin:0 4px}.site main{width:min(1280px,100% - 48px);margin:auto}.intro{text-align:center;padding:63px 0 30px}.eyebrow{color:#f58025}.tiny-square{background:#f58025;width:7px;height:7px;margin:0 9px 1px 0;display:inline-block}.intro h1{letter-spacing:-.072em;margin:17px 0 15px;font-size:clamp(48px,7vw,90px);font-weight:800;line-height:1.04}.intro h1 em{color:#f58025;font-style:normal}.intro p{color:#bbb4aa;font-size:17px}.workflow{justify-content:center;align-items:center;gap:14px;margin:12px auto 34px;display:flex}.step-pill{color:#878077;padding:10px 13px}.step-pill span{color:#f58025;margin-right:8px}.step-pill.active{color:#171715;background:#f58025}.step-pill.active span{color:#171715}.step-line{background:#685f53;width:30px;height:1px}.studio{background:#22221f;border:1px solid #524e45;box-shadow:0 20px 90px #08080866}.studio-top{color:#1a1916;background:#f58025;justify-content:space-between;align-items:center;height:44px;padding:0 23px;font-weight:500;display:flex}.top-cross{margin:0 6px}.design-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);min-height:590px;display:grid}.draw-panel{border-right:1px solid #49463f;flex-direction:column;padding:25px;display:flex}.panel-label,.canvas-footer{color:#a49d90;justify-content:space-between;display:flex}.panel-label{margin:0 0 18px}.canvas-shell{touch-action:none;background:#fff;height:485px;position:relative;overflow:hidden}.canvas-shell svg{touch-action:none!important}.canvas-corner{pointer-events:none;width:21px;height:21px;position:absolute}.canvas-corner.tl{border-top:3px solid #f58025;border-left:3px solid #f58025;top:0;left:0}.canvas-corner.tr{border-top:3px solid #f58025;border-right:3px solid #f58025;top:0;right:0}.canvas-corner.bl{border-bottom:3px solid #f58025;border-left:3px solid #f58025;bottom:0;left:0}.canvas-corner.br{border-bottom:3px solid #f58025;border-right:3px solid #f58025;bottom:0;right:0}.canvas-footer{padding-top:15px}.canvas-footer span:last-child{color:#f58025;font-size:18px}.tools-panel{flex-direction:column;padding:29px 31px;display:flex}.tools-panel h2,.review-actions h2,.state-panel h2{letter-spacing:-.06em;margin:18px 0 14px;font-size:clamp(36px,4vw,52px);font-weight:800;line-height:1}.period{color:#f58025}.tools-panel p,.review-actions p,.state-panel p,.staff-page p{color:#b5aea2;margin:0 0 23px;font-size:14px;line-height:1.55}.tool-group{margin:0 0 23px}.tool-group label,.style-selector label,.review-actions label{color:#d9d1c4;margin:0 0 13px;display:block}.tool-group label span{float:right;color:#f58025}.swatches{align-items:center;gap:11px;display:flex}.swatch{border:2px solid #444;border-radius:50%;outline:0;width:28px;height:28px}.swatch.selected{outline-offset:3px;outline:2px solid #f58025}.custom-color{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0}.tool-group input[type=range]{accent-color:#f58025;width:100%}.tool-buttons{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.tool-buttons button,.secondary,.order button{color:#e2d9cb;background:0 0;border:1px solid #655e54;padding:9px 12px;font-size:12px}.tool-buttons button:hover,.tool-buttons button.selected,.secondary:hover,.order button:hover{color:#f58025;border-color:#f58025}.style-selector{margin-top:auto}.style-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.style-options button{color:#e9dfd2;text-align:left;background:#292925;border:1px solid #5b554b;padding:12px}.style-options button.chosen{background:#33291e;border-color:#f58025}.style-options strong,.style-options span{display:block}.style-options strong{font-size:13px}.style-options span{color:#aaa094;margin-top:5px;font-size:11px}.primary{color:#211810;text-align:center;background:#f58025;border:1px solid #f58025;padding:17px 19px;font-size:13px;font-weight:800;transition:background .2s}.primary:hover:not(:disabled){background:#ffaa60}.make-button{justify-content:space-between;margin-top:18px;display:flex}.tools-panel small,.review-actions small{color:#938d81;margin-top:12px;font-size:11px;line-height:1.4;display:block}.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:585px;padding:40px;display:flex}.spinner{color:#f58025;margin-bottom:25px;font-size:80px;animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.review-panel{grid-template-columns:1.3fr .8fr;min-height:590px;display:grid}.review-art{border-right:1px solid #49463f;flex-direction:column;padding:25px;display:flex}.art-stage{background-color:#f8f5ee;background-image:linear-gradient(45deg,#ece8df 25%,#0000 25%),linear-gradient(-45deg,#ece8df 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ece8df 75%),linear-gradient(-45deg,#0000 75%,#ece8df 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;height:480px;padding:35px;display:grid}.art-stage img{object-fit:contain;filter:drop-shadow(0 10px 10px #0002);max-width:100%;max-height:100%}.review-actions{flex-direction:column;justify-content:center;padding:45px 35px;display:flex}.review-actions p{margin:0 0 37px;font-size:16px}.review-actions input,.staff-login input{color:#fff;background:#171715;border:1px solid #676052;outline:none;width:100%;margin-bottom:18px;padding:14px}.review-actions input:focus,.staff-login input:focus{border-color:#f58025}.review-actions button{width:100%;margin-bottom:10px}.review-actions small{text-align:center}.done-icon{color:#f58025;border:2px solid #f58025;border-radius:50%;width:68px;height:68px;margin-bottom:27px;font-size:30px;line-height:64px}.done-panel p{max-width:420px}.pickup-code{letter-spacing:.12em;color:#f58025;border:1px dashed #f58025;margin:10px 0 25px;padding:18px 30px;font:500 36px DM Mono,monospace}.error,.notice{color:#ffc4a7;background:#492b22;padding:14px 24px;font-size:13px}.bottom-note{color:#969085;justify-content:space-between;padding:22px 0 55px;display:flex}.site footer{color:#aca59a;border-top:1px solid #44413b;justify-content:space-between;padding:25px clamp(20px,5vw,80px);display:flex}.site footer a:hover,.back-link:hover{color:#f58025}.staff-page{max-width:950px;margin:60px auto;padding:0 24px}.back-link{color:#f58025;font:12px DM Mono,monospace}.staff-page .eyebrow{margin-top:65px}.staff-page h1{letter-spacing:-.06em;margin:14px 0;font-size:clamp(48px,7vw,75px)}.staff-page p{max-width:650px;font-size:16px}.staff-login{margin:45px 0}.input-row{gap:10px;display:flex}.staff-login input{max-width:360px;margin:0}.orders{border-top:1px solid #555}.orders-heading{color:#f58025;padding:22px 0}.order{border-top:1px solid #444;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.order strong,.order small{display:block}.order small{color:#aaa;overflow-wrap:anywhere;margin-top:7px;font:11px DM Mono,monospace}@media (width<=900px){.design-layout,.review-panel{grid-template-columns:1fr}.draw-panel,.review-art{border-bottom:1px solid #49463f;border-right:0}.canvas-shell{height:min(65vw,520px)}.tools-panel{padding:30px}.style-selector{margin-top:0}.review-actions{padding:40px}}@media (width<=600px){.site-header{height:65px}.header-right,.panel-label span:last-child,.studio-top span:last-child{display:none}.site main{width:calc(100% - 24px)}.intro{padding:49px 0 24px}.intro p{font-size:14px}.workflow{gap:2px}.step-pill{padding:8px;font-size:9px}.step-line{width:10px}.draw-panel,.review-art{padding:15px}.canvas-shell{height:360px}.studio-top{padding:0 15px}.bottom-note{font-size:9px}.bottom-note span:last-child{display:none}.state-panel{min-height:420px}.input-row{flex-direction:column}.order{flex-direction:column;align-items:start}}.review-art{min-width:0}.art-stage{grid-template-columns:minmax(0,1fr);min-width:0;overflow:hidden}.art-stage img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.create-tabs{background:#1b1b19;border-bottom:1px solid #49463f;align-items:center;gap:0;padding:0 25px;display:flex}.create-tabs button{letter-spacing:.07em;color:#a8a094;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:20px 25px;font:500 12px DM Mono,monospace}.create-tabs button.active{color:#f58025;border-bottom-color:#f58025}.create-tabs button:hover:not(:disabled){color:#fff}.prompt-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);min-height:540px;display:grid}.prompt-main{border-right:1px solid #49463f;flex-direction:column;padding:25px;display:flex}.prompt-content{width:min(100%,600px);margin:auto;padding:40px 12px}.prompt-content h2{letter-spacing:-.065em;margin:16px 0;font-size:clamp(40px,5vw,67px);font-weight:800;line-height:1.05}.prompt-content h2 em{color:#f58025;font-style:normal}.prompt-content p{color:#b5aea2;margin-bottom:35px}.prompt-content label{letter-spacing:.1em;margin-bottom:12px;font:500 11px DM Mono,monospace;display:block}.prompt-content textarea{resize:vertical;color:#24211e;background:#f8f5ee;border:3px solid #0000;outline:0;width:100%;height:155px;padding:22px;font-size:18px;line-height:1.5}.prompt-content textarea:focus{border-color:#f58025}.prompt-content textarea::placeholder{color:#a39c93}.prompt-count{text-align:right;color:#9f988c;margin-top:5px;font:11px DM Mono,monospace;display:block}.prompt-suggestions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px;display:flex}.prompt-suggestions>span{color:#f58025;font:11px DM Mono,monospace}.prompt-suggestions button{color:#e3dbd0;background:#2d2b27;border:1px solid #5a524a;padding:8px 10px;font-size:11px}.prompt-suggestions button:hover{border-color:#f58025}.prompt-tools{justify-content:center}.prompt-tools .style-selector{margin-top:22px}@media (width<=900px){.prompt-layout{grid-template-columns:1fr}.prompt-main{border-bottom:1px solid #49463f;border-right:0}.prompt-content{padding:45px 5px}.prompt-tools{padding:30px}}@media (width<=600px){.create-tabs{padding:0 12px}.create-tabs button{flex:1;padding:17px 8px;font-size:11px}.prompt-main{padding:15px}.prompt-content{padding:38px 0}.prompt-content textarea{font-size:16px}}
