@font-face{font-family:Inter;src:url('assets/fonts/inter/font.ttf')}@font-face{font-family:Oswald;src:url('assets/fonts/oswald/font.ttf')}@font-face{font-family:Allura;src:url('assets/fonts/allura/font.ttf')}@font-face{font-family:Cinzel;src:url('assets/fonts/cinzel/font.ttf')}@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfairdisplay/font.ttf')}@font-face{font-family:Caveat;src:url('assets/fonts/caveat/font.ttf')}
:root{font-family:Inter,Arial,sans-serif;color:#2f241d;background:#f7f3ed;--ink:#623a25;--rust:#ac5b36;--line:#e8dfd4;--muted:#75685e}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--rust);outline-offset:3px}.btn{border-radius:5px;padding:11px 17px;font-size:11px;font-weight:600;border:1px solid var(--line);background:transparent;white-space:nowrap}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#a1541f}.quiet{color:#623a25}.quiet:hover{background:#f6ece2}.full{width:100%;margin-top:17px}.ai-button{background:#ab5d3a;color:#fff;border-color:#ab5d3a}.ai-button:hover{background:#89462b}.studio-header{height:77px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fffdf9}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:22px}.logo{font:600 30px/.9 Oswald,sans-serif;letter-spacing:1px;display:flex;flex-direction:column}.logo span{font-size:10px;letter-spacing:4px;margin-top:6px}.brand-caption{border-left:1px solid #d0d3c5;padding-left:21px;font-size:9px;letter-spacing:1.7px}.header-actions{display:flex;gap:10px;align-items:center}.local-pill{font-size:10px;color:#8c8f80;margin-right:12px}.local-pill i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8f9c76;margin-right:6px}main{max-width:1520px;margin:auto;padding:31px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8b765e;font-weight:600}h1{font:normal 38px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-1px;margin:10px 0 12px}.intro p:not(.eyebrow){font-size:12px;color:#838678;margin:0}.intro-spec{display:flex;flex-direction:column;text-align:right;gap:7px;font-size:9px;color:#969b8b}.intro-spec strong{font-weight:500;letter-spacing:1px;color:#6e7a60}.mobile-break{display:none}.designer{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fffdf9}.toolbox{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 12px;border-bottom:1px solid var(--line);gap:4px}.tabs button{border:0;border-bottom:2px solid transparent;padding:19px 0 16px;background:transparent;font-size:11px;color:#8b8e81}.tabs button[aria-selected=true]{border-color:#a86342;color:#333c2e;font-weight:600}.tabs button span{color:var(--rust)}.tool-panel{padding:23px 23px 17px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font:normal 23px/1.3 'Playfair Display',Georgia,serif;margin:0 0 9px;letter-spacing:-.5px}.section-title h2{font-size:21px}.section-title>span{font-size:9px;color:#9b9f8e;white-space:nowrap}.hint{font-size:10px;color:#8a8e80;line-height:1.8;margin:7px 0 0}.field{width:100%;padding:10px 11px;background:#fffefa;border:1px solid #dbdfd2;border-radius:5px;font-size:11px;color:#2f241d}.field:focus{border-color:#a8b298}.search{margin-top:19px;font-size:10px}.categories{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 16px}.categories button,.prompt-chips button{background:transparent;border:1px solid #dce0d2;border-radius:4px;padding:6px 9px;font-size:9px;color:#828b76}.categories button.active{background:#f6ece2;border-color:#dbc9bc;color:#623a25}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:335px;overflow:auto;padding-right:4px;scrollbar-width:thin}.art-card{background:#f0f0e7;border:1px solid #e1e4d8;border-radius:5px;padding:6px 5px 9px;text-align:center;min-width:0}.art-card:hover{background:#f6ece2;border-color:#b98a5e}.art-card img{width:100%;height:75px;object-fit:contain;mix-blend-mode:multiply}.art-card span{display:block;font-size:8px;line-height:1.35;margin-top:5px;color:#6a745f;overflow:hidden;text-overflow:ellipsis}.gallery .empty{grid-column:1/-1;font-size:11px;color:#8b8e80;padding:30px 0;text-align:center}.footnote{margin-top:15px;font-size:9px}.layers-section{margin-top:auto;padding:20px 23px;border-top:1px solid var(--line);background:#f0ebe3}h3{font-size:10px;font-weight:600;margin:0}.layer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid transparent;background:transparent;border-radius:4px;font-size:10px;padding:10px 9px;color:#7e8871;text-align:left;margin-top:6px}.layer.selected{background:#f6ece2;border-color:#b98a5e;color:#623a25}.layer .layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer small{font-size:8px;color:#929985;white-space:nowrap}.workbench{min-width:0;background:#ede8e0;background-image:radial-gradient(#99a3852b .7px,transparent .7px);background-size:12px 12px;display:flex;flex-direction:column}.canvas-header{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.2px;color:#8b9480}.history-buttons{display:flex;align-items:center;gap:7px}.history-buttons button{border:1px solid #d9dece;background:#f0ebe3;color:#818d72;border-radius:4px;font-size:14px;min-width:28px;height:26px}.history-buttons button:last-child{font-size:9px;padding:0 9px}.canvas-space{display:flex;align-items:center;flex-direction:column;padding:20px 25px 27px;min-height:650px;justify-content:center}.dimension-line{width:174px;text-align:center;position:relative;height:24px;font-size:9px;color:#919985;border-top:1px solid #dbc9bc}.dimension-line:before,.dimension-line:after{content:'';position:absolute;width:1px;height:7px;top:-4px;background:#dbc9bc}.dimension-line:before{left:0}.dimension-line:after{right:0}.dimension-line span{position:relative;top:-7px;background:#ede8e0;padding:0 10px}.board{width:174px;aspect-ratio:1/3.25;position:relative;border-radius:3px;background:#b98441 center/100% 100% no-repeat;box-shadow:7px 10px 18px #31251033,1px 0 0 1px #8e5b2b77;isolation:isolate;touch-action:none}.board:focus{outline:none}.board-subtitle{font-size:7px;letter-spacing:1.2px;color:#88917b;margin:26px 0 0}.board-subtitle span{margin:0 5px;color:#b2bca4}.clearance{position:absolute;left:0;width:100%;height:8%;background:#fff2;border-bottom:1px dashed #fff8;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:5}.clearance span{font-size:6px;letter-spacing:.5px;color:#fff9;position:absolute;top:6px}.clearance.top{top:0}.clearance.bottom{top:92%;border:0;border-top:1px dashed #fff8}.clearance.bottom span{top:auto;bottom:6px}.no-guides .clearance{display:none}.screw{position:absolute;width:7px;height:7px;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 20%,#acb0a8,#4e5349 75%);box-shadow:0 1px 2px #291f1599;z-index:6;pointer-events:none}.screw.top{top:4%}.screw.bottom{top:96%}.screw:after{content:'';position:absolute;width:65%;height:1px;left:17%;top:45%;background:#272c24;transform:rotate(-25deg)}.opener{position:absolute;width:58%;aspect-ratio:58/77;left:50%;transform:translate(-50%,-50%);background:var(--opener-image,url('assets/opener-fixed.png')) center/100% 100% no-repeat;border:0;filter:drop-shadow(2px 4px 2px #1f191a60);cursor:ns-resize;touch-action:none;padding:0;z-index:4}.opener.selected{outline:1px dashed #f8f6dba8;outline-offset:6px;border-radius:4px}.art-object{position:absolute;transform:translate(-50%,-50%) rotate(var(--rotation));transform-origin:center;cursor:move;touch-action:none;user-select:none;outline:1px solid transparent;outline-offset:4px}.art-object.selected{outline:1px solid #efeec5;box-shadow:0 0 0 1px #66593533}.art-object>img{display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}.art-object .text-render{white-space:pre;text-align:center;line-height:1.15;width:100%;height:100%;color:#3d2417;pointer-events:none}.resize-handle{position:absolute;bottom:-8px;right:-8px;width:9px;height:9px;background:#faf8dc;border:1px solid #665d3e;border-radius:1px;cursor:nwse-resize;padding:0;display:none}.selected .resize-handle{display:block}.selection-panel{background:#fffdf9ee;border-top:1px solid #dce1d2;padding:18px 24px 15px;min-height:150px}.selection-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#623a25;margin-bottom:20px}.selection-heading>span:last-child{font-size:9px;color:#8b947d;white-space:nowrap}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#7d886e}input[type=range]{display:block;width:100%;height:3px;margin:14px 0 10px;accent-color:#a1541f;cursor:pointer}output{font-size:9px;color:#623a25;font-variant-numeric:tabular-nums}.object-ranges{display:grid;grid-template-columns:1fr 1fr;gap:30px}.object-actions{display:flex;gap:8px;margin-top:15px}.object-actions button{padding:6px 13px;border:1px solid #dce0d2;border-radius:4px;background:transparent;font-size:9px;color:#7c896c}.object-actions .danger{color:#a05c45;border-color:#e0d3c5}.overlap-warning{font-size:10px;color:#ad7331;margin-bottom:0;line-height:1.7}.canvas-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce1d2;background:#f0ebe3;padding:14px 24px;font-size:9px;color:#929b83}.canvas-footer label{display:flex;align-items:center;gap:6px}.canvas-footer input{accent-color:#a1541f;width:11px;height:11px;margin:0}.form-label{font-size:10px;display:block;color:#738065;margin:23px 0 9px}.font-preview{font:normal 35px Oswald;text-align:center;padding:25px 10px;color:#586b47;border:1px dashed #dfe3d5;border-radius:5px;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:155px;overflow:auto}.dropzone{border:1px dashed #c7d0ba;background:#f0ebe3;border-radius:6px;padding:30px 16px;display:flex;align-items:center;flex-direction:column;text-align:center;margin-top:25px;cursor:pointer;gap:13px}.dropzone.drag-over{border-color:#9e693e;background:#e3e8d8}.dropzone>span{font-size:24px;color:#889a75}.dropzone strong{font-size:11px;font-weight:500;color:#5b7049}.dropzone small{font-size:9px;line-height:1.7;color:#9aa18e}.tip{margin-top:24px;padding:15px;background:#f0eee5;border-radius:5px;color:#8b856f;font-size:10px}.tip strong{font-weight:600}.tip p{font-size:10px;line-height:1.8;margin-bottom:0}.ai-status{background:#f0ebe3;color:#623a25;border-radius:4px;font-size:9px;padding:10px;margin-top:15px}.ai-status.unavailable{background:#f2eade;color:#a17b46}.prompt-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.prompt-chips button{font-size:8px}.ai-disclosure{font-size:8px;margin-top:13px}.ai-button.busy{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.6}}#aiPreview{width:100%;max-height:230px;object-fit:contain;background:#e9eddf;border-radius:5px;margin-top:20px}#aiMessage.error{color:#a65b3c}footer{display:flex;justify-content:space-between;gap:24px;padding:25px 0;font-size:8px;color:#9ca18f}footer strong{font-weight:500;font-size:8px;letter-spacing:1px;white-space:nowrap}footer strong span{margin:0 6px}footer p{margin:0;text-align:right;line-height:1.6}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:#303b2c;color:#fff;padding:12px 20px;border-radius:5px;font-size:11px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:20}.toast.show{opacity:1}[hidden]{display:none!important}
@media(min-width:1300px){.designer{grid-template-columns:360px 1fr}.tool-panel{padding:25px 26px 20px}.art-card img{height:85px}.board{width:194px}.dimension-line{width:194px}.canvas-space{min-height:740px}.gallery{max-height:430px}.art-card span{font-size:9px}}@media(max-width:850px){.local-pill{display:none}.brand-caption{font-size:8px;letter-spacing:1px}.intro-spec{display:none}.designer{grid-template-columns:290px 1fr}.tool-panel{padding:20px 18px}.gallery{gap:6px}.art-card img{height:65px}.canvas-header{padding:0 16px;font-size:7px}.history-buttons{gap:4px}.history-buttons button:last-child{font-size:8px}.canvas-space{padding-left:14px;padding-right:14px}.selection-panel{padding:17px}.selection-heading{flex-direction:column;gap:7px}.canvas-footer{padding:14px 17px;font-size:8px;flex-wrap:wrap}.board-subtitle{font-size:6px;letter-spacing:.7px}.object-actions{gap:5px}.object-actions button{padding:7px;font-size:8px}}@media(max-width:620px){.studio-header{height:68px;padding:0 4%;gap:8px}.brand{gap:12px}.brand-caption{font-size:7px;max-width:70px;line-height:1.7;padding-left:12px}.logo{font-size:25px}.logo span{font-size:8px}.header-actions{gap:5px}.btn{padding:10px 11px;font-size:9px}#saveDesign{font-size:8px;padding:10px 8px}main{padding-top:22px}.eyebrow{font-size:8px}h1{font-size:29px}.mobile-break{display:block}.intro p:not(.eyebrow){font-size:10px;line-height:1.7;max-width:260px}.intro{margin-bottom:22px}.designer{display:flex;flex-direction:column}.toolbox{border:0}.workbench{order:-1;border-bottom:1px solid var(--line)}.canvas-space{min-height:0;padding:21px 15px}.board{width:139px}.dimension-line{width:139px}.board-subtitle{margin:19px 0 0}.canvas-header{height:47px}.selection-panel{min-height:0;padding:14px 18px}.selection-heading{flex-direction:row;margin-bottom:14px;font-size:10px}.selection-heading>span:last-child{font-size:8px}.selection-panel .hint{font-size:9px}.object-ranges{gap:20px}.canvas-footer{padding:12px 18px}.tabs button{padding:17px 0 13px}.tool-panel{padding:22px}.gallery{grid-template-columns:repeat(4,1fr);max-height:290px;gap:8px}.art-card img{height:65px}.layers-section{padding:20px 22px}.form-label{margin-top:18px}.full{padding:12px}footer{display:block;padding:20px 0}footer p{text-align:left;margin-top:9px}.toast{font-size:10px;width:max-content}.board .clearance span{font-size:5px}}
#artLayers{position:absolute;inset:0;z-index:1}

@media(max-width:360px){.brand-caption{display:none}.btn{font-size:8px}}

.header-price{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);padding-right:20px;margin-right:6px}.header-price>span{font-size:8px;letter-spacing:1px;color:#89927c}.header-price small{display:block;font-size:7px;margin-top:4px;letter-spacing:0}.header-price strong{font-size:22px;font-weight:500;color:#623a25}.price-summary{padding:22px 23px;background:#f6ece2;border-top:1px solid #d8dfca}.price-summary>.eyebrow{font-size:8px;margin:0 0 18px}.price-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#75685e;margin-top:14px}.price-row strong{font-weight:500}.price-row small{font-size:8px;color:#95a085;margin-left:4px}.price-included{font-size:9px;color:#75685e;margin:6px 0 18px}.price-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4ddc6;margin-top:18px;padding-top:16px;font-size:12px;color:#623a25}.price-total small{font-size:8px;color:#75685e;margin-left:5px}.price-total strong{font-size:27px;font-weight:500}.price-summary>.hint{font-size:8px;margin-top:12px}.custom-price-note{font-size:10px;color:#8e623e;line-height:1.7;background:#f0eadd;border-radius:4px;padding:10px 12px;margin-top:15px}@media(max-width:1100px){.header-actions .local-pill{display:none}}@media(max-width:620px){.header-price{padding-right:10px;margin-right:0;gap:6px}.header-price>span{font-size:6px;letter-spacing:0}.header-price strong{font-size:19px}.brand-caption{display:none}.header-actions{gap:6px}.price-summary{padding:22px}.header-actions .btn{padding:9px 8px;font-size:8px}}@media(max-width:360px){.header-price>span{display:none}}