:root{--ink:#38302d;--wine:#713a48;--paper:#faf7f2;--line:#e6dfd6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{padding:22px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fffdf9}.brand{font:30px Georgia,serif;letter-spacing:-1px}.brand small{display:block;font:9px system-ui;letter-spacing:3px;margin-top:6px;text-transform:uppercase}nav{display:flex;gap:6px}button,.link{border:1px solid var(--line);background:white;border-radius:30px;padding:12px 20px;color:var(--ink);text-decoration:none}button.active,.primary{background:var(--wine);color:white;border-color:var(--wine)}main{max-width:1120px;margin:auto;padding:26px 24px 90px}.notice{font-size:12px;color:#73625b;text-align:center;padding:10px;background:#eee7dd}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:45px 0;gap:40px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--wine)}h1{font:clamp(38px,6vw,68px)/1.07 Georgia,serif;letter-spacing:-2px;margin:17px 0}h1 i{font-weight:normal;color:var(--wine)}p{line-height:1.7;color:#746860}.hero p{max-width:420px}.scene{height:310px;background:#eee2d7;border-radius:160px 160px 20px 20px;position:relative;display:grid;place-items:center;overflow:hidden}.mug{width:145px;height:160px;background:linear-gradient(90deg,#f6efe8,white 50%,#e1d5c8);border-radius:10px 10px 50px 50px;transform:rotate(-9deg);box-shadow:15px 30px 25px #76584530;display:grid;place-items:center;font:italic 23px Georgia;color:var(--wine)}.mug:after{content:'';position:absolute;right:-42px;top:27px;width:48px;height:73px;border:13px solid #f8f3ed;border-radius:40px;z-index:-1}.scene span{position:absolute;bottom:22px;font-size:10px;letter-spacing:2px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;gap:16px}h2{font:30px Georgia}input,textarea,select{width:100%;padding:13px;border:1px solid #d9cfc5;border-radius:10px;background:#fff;color:var(--ink)}#search{max-width:290px}.filters{display:flex;gap:8px;overflow:auto;padding:0 0 22px}.filters button{white-space:nowrap;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.art{height:150px;display:grid;place-items:center;background:#efe6dd;font-size:63px}.card:nth-child(3n+2) .art{background:#e9e9df}.card:nth-child(3n) .art{background:#efdfde}.card .body{padding:18px}.card h3{font-size:16px;margin:0 0 6px}.card p{font-size:12px;margin:0 0 18px}.card button{width:100%;font-size:13px}.hidden{display:none!important}.panel{padding:25px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats strong{display:block;font:35px Georgia;margin-top:10px}.stats .panel{margin:0}.order{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px 0}.order select{max-width:180px}.order small{display:block;margin:6px 0;color:#746860}footer{border-top:1px solid var(--line);padding:25px;text-align:center;font-size:12px}footer a{color:var(--wine)}dialog{border:0;border-radius:20px;max-width:530px;width:calc(100% - 30px);padding:28px;max-height:90vh}dialog::backdrop{background:#30222277}label{display:block;font-size:13px;margin:16px 0 7px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.close{float:right;padding:6px 12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--wine);color:#fff;padding:15px 24px;border-radius:12px;max-width:90%;z-index:5}#photoPreview{max-width:100%;max-height:160px;margin-top:12px} @media(max-width:700px){header{padding:18px 16px;flex-wrap:wrap}.brand{font-size:26px}nav button{padding:10px 15px}.hero{grid-template-columns:1fr;padding:28px 0;gap:20px}.scene{height:210px}.mug{width:110px;height:120px}.mug:after{height:60px}.hero h1{font-size:45px}.hero p{font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art{height:120px;font-size:49px}.card .body{padding:13px}main{padding:20px 16px 65px}.sectiontitle{align-items:start;flex-direction:column;margin-bottom:18px}#search{max-width:none}.stats{gap:7px}.stats .panel{padding:13px;font-size:11px}.stats strong{font-size:27px}.order{align-items:start;flex-direction:column}.order select{max-width:none}.row{grid-template-columns:1fr}h2{font-size:26px}}.art{height:auto;aspect-ratio:1;background:#fff!important}.art img{width:100%;height:100%;object-fit:contain}.card h3{min-height:40px}.card .body{display:flex;flex-direction:column}.card button{margin-top:auto}header{display:grid;grid-template-columns:1fr auto 1fr;background:white;gap:16px}.brand{grid-column:2;display:block;line-height:0;justify-self:center}.brand img{display:block;width:auto;height:128px;max-width:100%;object-fit:contain}header nav{grid-column:3;justify-self:end}@media(max-width:700px){header{grid-template-columns:1fr;padding:18px 16px;gap:14px}.brand{grid-column:1}.brand img{height:112px}header nav{grid-column:1;justify-self:center}}.mug-message{width:100%;text-align:center;padding:0 8px;line-height:1.3;font-size:clamp(17px,2.2vw,23px)}.hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:28px}.hero>div:first-child{width:100%}.hero h1{text-align:center}.hero p{max-width:580px;margin-left:auto;margin-right:auto}.hero .scene{width:min(100%,460px)}.hero .marble-scene{height:auto;aspect-ratio:1;border-radius:18px;background:white}.marble-scene img{display:block;width:100%;height:100%;object-fit:contain}.hero .marble-scene{display:flex;flex-direction:column;aspect-ratio:auto;padding-bottom:20px}.marble-scene img{height:auto;aspect-ratio:1}.marble-scene span{position:static;display:block;text-align:center;padding:8px 12px 0}.mug-photo{display:block;width:82%;height:76%;object-fit:cover;object-position:center;border-radius:4px 4px 20px 20px;mix-blend-mode:multiply}
.install-panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center;margin-bottom:24px}.install-panel h2{margin:0 0 10px}.install-panel p{margin:8px 0}.install-help{max-width:640px;margin:16px auto 0;text-align:left}.install-help li{margin:8px 0}.app-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px}#designer-frame{width:100%;border:0;min-height:1000px}body{padding-bottom:env(safe-area-inset-bottom)}
/* Compact installation control; help appears only on request. */
.install-panel{padding:0;background:transparent;border:0;border-radius:0;margin:0 0 16px}.install-panel #install-status:empty{display:none}.install-help{font-size:14px}.install-panel[hidden],.install-help[hidden]{display:none!important}