:root{--bg:#0b090a;--panel:#170b14;--panel2:#23121e;--gold:#ffd25a;--gold2:#ffe596;--red:#c51f3a;--text:#fff6e5;--muted:#b8a9b1;--line:rgba(255,210,90,.24);font-family:Tahoma,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#26140f 0,#090807 38%,#050505 100%);color:var(--text);overscroll-behavior:none}button,a{font:inherit}.topbar{height:68px;padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:rgba(8,7,6,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;margin-left:auto;direction:ltr}.brand .seed{width:36px;height:36px;border:1px solid #9d702b;border-radius:50%;display:grid;place-items:center;color:#f2c66a;box-shadow:0 0 24px rgba(203,45,54,.22)}.brand b{font-family:Georgia,serif;letter-spacing:2.2px;font-size:15px;color:var(--gold2)}.brand small{display:block;letter-spacing:2px;color:#7f756a;font-size:8px;margin-top:2px}.install{border:1px solid var(--gold);color:#1a1206;background:linear-gradient(135deg,#f3d690,#ba7d24);padding:8px 12px;border-radius:12px;font-weight:700;font-size:12px}.hidden{display:none!important}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#17130f;color:var(--gold2);font-size:20px}.app-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:calc(100vh - 68px)}.workspace{padding:22px 24px;min-width:0;border-left:1px solid var(--line)}.workspace-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.5px}.workspace h1,.dialog-head h2{font-size:20px;margin:5px 0 0}.history-actions{display:flex;gap:8px}.danger{color:#ee6b74!important}.stage-wrap{height:clamp(340px,61vh,680px);display:grid;place-items:center;padding:16px;border:1px solid rgba(255,255,255,.05);border-radius:24px;background:radial-gradient(circle,#1b1712,#080706 72%);overflow:hidden}.artboard{position:relative;width:360px;height:504px;max-width:100%;max-height:100%;overflow:hidden;touch-action:none;box-shadow:0 28px 65px #000,0 0 0 12px #171410,0 0 0 14px #3a2d1c,0 0 0 15px #090807;transition:width .3s,height .3s,box-shadow .25s;background-size:cover;background-position:center}.artboard.frame-gold{box-shadow:0 28px 65px #000,0 0 0 10px #7e531b,0 0 0 13px #edc46c,0 0 0 16px #261705}.artboard.frame-silver{box-shadow:0 28px 65px #000,0 0 0 10px #5b5f64,0 0 0 13px #d8dde1,0 0 0 16px #23262a}.frame-shine{position:absolute;inset:0;pointer-events:none;z-index:9;box-shadow:inset 0 0 45px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.16)}.bg-luxury{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.2)),url('assets/luxury-stone.webp')}.bg-obsidian{background-image:radial-gradient(circle at 30% 20%,rgba(195,140,42,.13),transparent 28%),repeating-linear-gradient(125deg,#050505 0,#171717 2px,#090909 5px,#030303 11px)}.bg-velvet{background-image:radial-gradient(ellipse at 50% 30%,#711621,#21070b 65%,#080203),linear-gradient(120deg,transparent,#bb344331,transparent)}.bg-mirror{background-image:linear-gradient(135deg,#aeb7c0 0,#242a30 24%,#07090a 48%,#56606a 66%,#0a0c0e 100%)}.bg-wood{background-image:repeating-linear-gradient(87deg,#090706 0,#241811 5px,#0d0907 12px,#332117 15px)}.bg-minimal{background-image:radial-gradient(circle at 50% 35%,#3b3125,#17130f 58%,#080706)}.watermark{position:absolute;bottom:8px;left:0;right:0;text-align:center;z-index:1;opacity:.55;pointer-events:none}.watermark b{font-family:Georgia,serif;letter-spacing:3px;color:#e6c373;font-size:12px}.watermark span{display:block;font-size:7px;color:#d4c7b7;margin-top:2px}.empty-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f2dfb9;z-index:2;pointer-events:none;text-shadow:0 2px 8px #000}.empty-hint span{font-size:34px;color:var(--gold)}.empty-hint b{font-size:12px}.empty-hint small{color:#a99a87;font-size:9px;margin-top:5px}.design-item{position:absolute;left:50%;top:50%;width:112px;transform:translate(-50%,-50%);cursor:grab;z-index:4;touch-action:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55));user-select:none}.design-item.selected{outline:1px dashed #f0c76e;outline-offset:5px;border-radius:4px;filter:drop-shadow(0 0 8px rgba(240,199,110,.4))}.design-item img{display:block;width:100%;pointer-events:none}.selection-bar{margin:18px auto 0;display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr}.selection-bar button{width:42px;height:38px;background:#19140f;border:1px solid var(--line);border-radius:10px;color:var(--gold2);font-size:18px}.selection-bar span{direction:rtl;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d7cabc;font-size:12px;padding:0 6px}.controls{padding:20px 18px 92px;background:rgba(14,12,10,.72)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#0b0a09;border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.tab{border:0;border-radius:10px;background:transparent;color:#8f8579;padding:11px 4px;font-weight:700;font-size:13px}.tab.active{background:linear-gradient(180deg,#3b2b17,#21170d);color:#f2cf82;box-shadow:inset 0 0 0 1px rgba(228,183,93,.22)}.panel{display:none;padding-top:20px}.panel.active{display:block}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px}.section-label span{color:var(--gold);font-size:11px}.top-gap{margin-top:22px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{min-height:86px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#171411;color:#d8cec2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.choice.active,.bg-choice.active{border-color:#d3a64e;background:linear-gradient(145deg,#2e2112,#17120d);box-shadow:0 0 0 1px rgba(211,166,78,.14)}.choice b{font-size:12px}.choice small{font-size:9px;color:#887e73}.shape{display:block;border:1.5px solid #bc8f43;background:#080706}.shape.portrait{width:15px;height:22px}.shape.landscape{width:24px;height:16px}.shape.square{width:20px;height:20px}.swatches{display:flex;gap:7px;overflow:auto;padding-bottom:4px}.swatch{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);background:#171411;color:#cfc4b7;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:11px}.swatch.active{border-color:var(--gold)}.swatch i{width:16px;height:16px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)}.bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.bg-choice{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#171411;color:#d7cbbd;padding:6px}.bg-choice .preview{height:72px;border-radius:9px;display:block;background-size:cover}.bg-choice b{font-size:11px;display:block;padding:8px 0 4px}.preview.luxury{background-image:url('assets/luxury-stone.webp')}.preview.obsidian{background:repeating-linear-gradient(125deg,#050505,#1c1c1c 2px,#070707 7px)}.preview.velvet{background:radial-gradient(circle,#842130,#22080c)}.preview.mirror{background:linear-gradient(135deg,#b6c0c9,#101316 50%,#66727c)}.preview.wood{background:repeating-linear-gradient(87deg,#090706,#332117 6px,#0d0907 12px)}.preview.minimal{background:radial-gradient(circle,#4b3a27,#0c0a08)}.notice{font-size:10px;line-height:1.8;color:#a99985;border:1px solid var(--line);background:#17110b;padding:9px 11px;border-radius:12px;margin-bottom:12px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.asset{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#15120f;color:#d7c9b7;padding:5px;min-height:104px}.asset img{width:100%;aspect-ratio:1;object-fit:contain;background:radial-gradient(circle,#2a2117,#0c0a08);border-radius:10px}.asset b{display:block;font-size:10px;margin:5px 0}.bottom-actions{position:fixed;bottom:0;right:max(0px,calc((100vw - 1180px)/2));width:min(446px,38vw);background:linear-gradient(0deg,#080706 65%,transparent);padding:22px 18px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.45fr;gap:9px;z-index:25}.primary,.secondary{border:0;border-radius:14px;min-height:48px;font-weight:800;text-decoration:none;display:grid;place-items:center}.primary{background:linear-gradient(135deg,#f3d58b,#b47720);color:#1d1205;box-shadow:0 8px 24px rgba(176,112,27,.22)}.secondary{background:#1a1612;border:1px solid var(--line);color:#e5d9c8}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);opacity:0;background:#e8c472;color:#1e1408;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:700;z-index:100;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(92vw,560px);max-height:88vh;overflow:auto;border:1px solid #5f4726;border-radius:22px;background:#100e0c;color:var(--text);padding:18px;box-shadow:0 25px 100px #000}dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-head h2{margin:0}#resultImage{display:block;width:100%;max-height:56vh;object-fit:contain;background:#050505;border-radius:14px;border:1px solid var(--line)}.summary{font-size:11px;color:#b7aa99;padding:12px 2px;line-height:1.9}.download{width:100%}.guide{padding-right:22px;color:#d7ccbe;line-height:2.2;font-size:13px}
@media(max-width:760px){.topbar{height:62px}.app-shell{display:block;min-height:auto}.workspace{padding:14px 14px 8px;border:0}.workspace-head{margin-bottom:10px}.workspace h1{font-size:16px}.stage-wrap{height:42vh;min-height:320px;padding:18px 12px;border-radius:20px}.artboard{width:214px;height:300px}.controls{padding:14px 12px 106px}.bottom-actions{width:100%;right:0}.choice-grid{grid-template-columns:repeat(3,1fr)}.asset-grid{grid-template-columns:repeat(4,1fr)}.asset{min-height:90px}.selection-bar{margin-top:14px}.brand b{font-size:13px}}
@media(max-width:380px){.choice-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(3,1fr)}.stage-wrap{min-height:286px}.install{font-size:10px;padding:7px 8px}}
.asset{display:grid;grid-template-rows:auto 3.35em;align-items:center}.asset img{display:block;object-position:center}.asset b{display:flex;align-items:center;justify-content:center;line-height:1.65;min-height:3.35em;margin:4px 0 0}

.asset{position:relative}.asset.featured{border-color:#d7a93e;box-shadow:0 0 0 1px rgba(215,169,62,.18),0 8px 22px rgba(0,0,0,.28)}.featured-star{position:absolute;top:8px;left:8px;z-index:2;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe49a,#b87918);color:#241504;font-size:14px;box-shadow:0 3px 10px rgba(0,0,0,.55)}

/* Precision zoom workspace */
.stage-wrap{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;contain:layout paint}
.stage-wrap.is-zoomed .artboard{max-width:none;max-height:none}
.stage-wrap.is-zoomed .artboard:not(.zoom-anim){transition:none}
.stage-wrap.is-zoomed .design-item img{image-rendering:auto;-webkit-font-smoothing:antialiased}
.artboard{transform-origin:center center;will-change:transform}
.artboard.zoom-anim{transition:box-shadow .25s,transform .22s ease}
.zoom-controls{position:absolute;z-index:20;direction:ltr;top:12px;left:12px;display:flex;gap:4px;padding:4px;border:1px solid rgba(232,196,114,.28);border-radius:14px;background:rgba(9,7,5,.82);backdrop-filter:blur(12px);box-shadow:0 8px 25px rgba(0,0,0,.34)}
.zoom-controls button{height:36px;min-width:36px;border:0;border-radius:10px;background:#21180f;color:#f0ce85;font-size:18px;font-weight:800}
.zoom-controls .zoom-label{min-width:56px;font-size:11px;color:#f5e7ca}
.zoom-controls .zoom-fit{font-size:17px}
.zoom-hint{position:absolute;z-index:19;bottom:11px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 11px;border-radius:999px;background:rgba(5,5,5,.72);border:1px solid rgba(214,168,79,.2);color:#d8c8ad;font-size:10px;pointer-events:none;transition:.25s}
.zoom-hint.hidden-hint{opacity:0;transform:translate(-50%,8px)}
@media(max-width:760px){.stage-wrap{height:46vh;min-height:340px}.zoom-controls{top:8px;left:8px}.zoom-controls button{height:34px;min-width:34px}.zoom-hint{bottom:8px}}

/* Room-scale preview */
.view-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 10px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#0b0a09}
.view-switch button{min-height:38px;border:0;border-radius:9px;background:transparent;color:#8f8579;font-size:12px;font-weight:700}
.view-switch button.active{color:#f2cf82;background:linear-gradient(180deg,#3b2b17,#21170d);box-shadow:inset 0 0 0 1px rgba(228,183,93,.22)}
.stage-wrap.room-mode{background-color:#17130f;background-size:cover;background-position:center;isolation:isolate}
.stage-wrap.room-mode::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.15))}
.stage-wrap.room-mode .artboard{z-index:3;max-width:none;max-height:none;box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 0 5px #171410,0 0 0 6px #7e6744}
.stage-wrap.room-mode .artboard.frame-gold{box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 0 5px #8a5b1c,0 0 0 7px #e8bf68}
.stage-wrap.room-mode .artboard.frame-silver{box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 0 5px #666b70,0 0 0 7px #d8dde1}
.stage-wrap.room-mode .zoom-hint{display:none}
.stage-wrap.room-mode .design-item{outline:0}
.stage-wrap.room-mode .watermark{bottom:3px;opacity:.35}.stage-wrap.room-mode .watermark b{font-size:4px;letter-spacing:1px}.stage-wrap.room-mode .watermark span{font-size:2.5px;margin-top:1px}
.room-choices{position:absolute;z-index:21;right:10px;left:10px;bottom:10px;display:flex;justify-content:flex-start;gap:6px;direction:rtl;overflow-x:auto;scrollbar-width:none;padding:2px}
.room-choices::-webkit-scrollbar{display:none}
.room-choices button{display:flex;align-items:center;gap:6px;min-height:36px;padding:4px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,7,6,.82);color:#d9cdbd;font-size:10px;backdrop-filter:blur(12px)}
.room-choices button.active{border-color:#e1b65e;color:#f4d992;background:rgba(45,31,16,.9)}
.room-choices i{display:block;width:17px;height:17px;border-radius:50%;background:#c7ae8c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.room-choices [data-room="charcoal"] i{background:#292826}.room-choices [data-room="sage"] i{background:#8b8d78}.room-choices [data-room="penthouse"] i{background:#76604d}.room-choices [data-room="artdeco"] i{background:linear-gradient(135deg,#eadcc5,#80623d)}
@media(max-width:760px){.view-switch{margin-bottom:8px}.view-switch button{min-height:36px;font-size:11px}.stage-wrap.room-mode{height:42vh;min-height:320px}.room-choices{bottom:8px;gap:4px}.room-choices button{padding:4px 7px}.room-choices span{font-size:9px}}

/* ANARBOOM identity */
html,body{background:radial-gradient(circle at 50% -10%,#351126 0,#170b14 36%,#0b090a 76%)}
.topbar{background:rgba(18,6,3,.95);border-color:rgba(236,187,76,.18)}
.brand{color:inherit;text-decoration:none;min-height:50px;align-items:center}.brand .brand-lockup{display:block;width:214px;height:52px;object-fit:contain;object-position:right center;filter:drop-shadow(0 0 9px rgba(255,192,54,.14))}
.install,.primary{background:linear-gradient(135deg,#ffe596,#ffd25a);color:#170b14;box-shadow:0 8px 26px rgba(255,210,90,.16)}
.controls{background:rgba(18,6,3,.78)}.tabs,.view-switch{background:#0b0705}
.tab.active,.view-switch button.active,.choice.active,.bg-choice.active{background:linear-gradient(145deg,#3a182e,#20101b);border-color:#ffd25a;color:#ffe596}
.stage-wrap{background:radial-gradient(circle,#2c1725,#0b090a 72%)}
.watermark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.watermark-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.watermark .watermark-symbol{width:24px;height:23px;object-fit:contain;opacity:.86}.watermark .watermark-wordmark{width:82px;height:18px;object-fit:contain;opacity:.82}.watermark span{display:block;font-size:6px;line-height:1.35;color:#d4c7b7;margin-top:1px}
.rotation-panel{max-width:520px;margin:10px auto 0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(23,11,20,.86)}
.rotation-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d9c8d2}.rotation-head output{direction:ltr;color:var(--gold2);font-weight:800}
.rotation-panel input[type=range]{width:100%;height:28px;accent-color:#ffd25a;touch-action:none}
.angle-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.angle-presets button{min-height:32px;border:1px solid rgba(255,210,90,.2);border-radius:9px;background:#23121e;color:#fff6e5;font-size:11px}
.angle-presets button.active{border-color:#ffd25a;background:#3a182e;color:#ffd25a}
.powered-by{text-align:center;margin:22px 0 4px;color:#9d8c96;font-size:10px}.powered-by a{color:#ffd25a;text-decoration:none;font-weight:700;direction:ltr;display:inline-block}
.bottom-actions{background:linear-gradient(0deg,#170b14 65%,transparent)}
@media(max-width:760px){.brand .brand-lockup{width:190px;height:46px}.rotation-panel{margin-top:8px}.powered-by{margin-bottom:8px}}
@media(max-width:760px){input,select,textarea{font-size:16px!important}}

/* v31: real-scale products and free custom graphics */
.design-item img{height:100%;object-fit:fill}
.text-design-item{height:auto!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.8))}
.custom-art-text{font-weight:900;font-size:inherit;line-height:1.3;text-align:center;white-space:nowrap;text-shadow:0 2px 5px #000}
.selection-bar button:disabled{opacity:.28;cursor:not-allowed}
.asset{grid-template-rows:auto 3.35em auto}
.asset small{display:block;color:#a99680;font-size:8px;padding:0 2px 4px}
.asset-categories{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}
.asset-categories::-webkit-scrollbar{display:none}
.asset-categories button{flex:0 0 auto;border:1px solid rgba(255,210,90,.18);border-radius:999px;background:#18110d;color:#cdbda9;padding:7px 11px;font-size:10px}
.asset-categories button.active{border-color:#ffd25a;background:#3a182e;color:#ffe596}
.custom-elements{margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#130d11}
.custom-row{display:grid;grid-template-columns:1fr 45px;gap:8px}
.custom-row input[type=text]{min-width:0;border:1px solid rgba(255,210,90,.2);border-radius:11px;background:#0b090a;color:#fff6e5;padding:10px;font-size:13px}
.custom-row input[type=color]{width:45px;height:41px;border:1px solid rgba(255,210,90,.2);border-radius:11px;background:#0b090a;padding:4px}
.custom-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.custom-actions button,.upload-logo{min-height:39px;border:1px solid rgba(255,210,90,.2);border-radius:10px;background:#23121e;color:#f6dfac;font-size:10px;display:grid;place-items:center}
.upload-logo input{display:none}

/* v32: expanded customization */
.artboard.frame-white{box-shadow:0 28px 65px #000,0 0 0 10px #d8d2c9,0 0 0 13px #fff,0 0 0 16px #8a857e}.artboard.frame-cream{box-shadow:0 28px 65px #000,0 0 0 10px #8b7556,0 0 0 13px #d8c5a5,0 0 0 16px #4c3d2a}.artboard.frame-gray{box-shadow:0 28px 65px #000,0 0 0 10px #3e4246,0 0 0 13px #85898d,0 0 0 16px #25282b}.artboard.frame-bronze{box-shadow:0 28px 65px #000,0 0 0 10px #4e2d17,0 0 0 13px #a46b3c,0 0 0 16px #26140b}.artboard.frame-brown{box-shadow:0 28px 65px #000,0 0 0 10px #1f100a,0 0 0 13px #563321,0 0 0 16px #130a06}.artboard.frame-burgundy{box-shadow:0 28px 65px #000,0 0 0 10px #321018,0 0 0 13px #7b2032,0 0 0 16px #1c080d}.artboard.frame-jade{box-shadow:0 28px 65px #000,0 0 0 10px #09291f,0 0 0 13px #21664f,0 0 0 16px #061610}.artboard.frame-navy{box-shadow:0 28px 65px #000,0 0 0 10px #09182b,0 0 0 13px #24446e,0 0 0 16px #050d18}
.bg-walnut{background-image:linear-gradient(90deg,rgba(0,0,0,.25),transparent,rgba(0,0,0,.22)),repeating-linear-gradient(92deg,#2a1208 0,#5a2d17 3px,#32170c 8px,#754224 13px,#281109 19px)}.bg-goldmirror{background-image:linear-gradient(135deg,#6c4713,#f5d884 28%,#7c5016 51%,#e4bd58 76%,#4d300e)}.bg-silvermirror{background-image:linear-gradient(135deg,#40474e,#ecf1f4 28%,#59636b 51%,#c8d0d5 76%,#292e33)}.bg-goldplexi{background-image:radial-gradient(circle at 35% 20%,#fff0b2,#ca9026 34%,#6e420c 72%,#2a1604)}.bg-silverplexi{background-image:radial-gradient(circle at 35% 20%,#ffffff,#aab3ba 34%,#4e565d 72%,#171b1e)}
.preview.walnut{background:repeating-linear-gradient(92deg,#2a1208,#6d3c20 4px,#31150a 10px)}.preview.goldmirror{background:linear-gradient(135deg,#6c4713,#f5d884,#6e440f)}.preview.silvermirror{background:linear-gradient(135deg,#3f474d,#eef3f5,#59636b)}.preview.goldplexi{background:radial-gradient(circle at 35% 20%,#fff0b2,#b77a19 52%,#321b05)}.preview.silverplexi{background:radial-gradient(circle at 35% 20%,#fff,#929da4 52%,#20262a)}
.custom-size{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#130d11}.custom-size label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;color:#bfae9d;font-size:10px}.custom-size input{width:100%;min-width:0;height:38px;border:1px solid rgba(255,210,90,.2);border-radius:9px;background:#090807;color:#fff6e5;text-align:center;font-size:14px}.custom-size span{font-size:8px;color:#88796c}.custom-size button{min-height:38px;border:1px solid #d3a64e;border-radius:10px;background:#3a182e;color:#ffe596;font-size:10px;font-weight:700}
.featured-star{width:30px;height:30px;border-radius:0;background:none;font-size:0;filter:drop-shadow(0 3px 7px #000);box-shadow:none}.featured-star::before{content:"✦";font-size:25px;line-height:1;background:linear-gradient(#fff4bd,#e7a62d);-webkit-background-clip:text;background-clip:text;color:transparent}.featured-star::after{content:"ویژه";position:absolute;top:27px;left:-1px;padding:1px 5px;border-radius:6px;background:rgba(20,12,5,.86);border:1px solid rgba(255,211,100,.45);font-size:7px;color:#f8d87b;white-space:nowrap}
.selection-bar button.active{border-color:#ffd25a;background:#3a182e;color:#ffd25a}
.room-choices button{min-height:44px;padding:5px 11px;border-radius:14px;font-size:11px;white-space:nowrap}.room-choices [data-room="charcoal"] i{background:#292826}.room-choices [data-room="concrete"] i{background:#9a9995}.room-choices [data-room="walnut"] i{background:#5e321c}.room-choices [data-room="emerald"] i{background:#0e5743}.room-choices [data-room="brick"] i{background:#914127}.room-choices [data-room="blackgold"] i{background:linear-gradient(135deg,#101010,#b67b24)}.room-choices [data-room="ruby"] i{background:#76172d}.room-choices [data-room="persian"] i{background:linear-gradient(135deg,#d5b45a,#198c95)}.room-choices [data-room="bright"] i{background:#ede8de}
@media(max-width:560px){.custom-size{grid-template-columns:1fr 1fr}.custom-size button{grid-column:1/-1}.room-choices button{min-height:44px;padding:5px 10px}.room-choices span{font-size:10px!important}}

/* v33: weapons always preserve the source-image proportions */
.design-item.preserve-aspect{height:auto!important}
.design-item.preserve-aspect img{width:100%;height:auto!important;object-fit:contain!important}
.asset.asset-thumb-small img{object-fit:contain;padding:12%}

/* v35: premium featured card */
.asset.featured{padding-top:35px;grid-template-rows:auto auto 3.35em auto;overflow:visible}
.asset.featured .featured-star{top:4px;left:50%;transform:translateX(-50%);width:29px;height:29px;filter:drop-shadow(0 0 7px rgba(255,198,55,.5)) drop-shadow(0 4px 5px rgba(0,0,0,.7))}
.asset.featured .featured-star::before{content:"✦";font-size:29px;line-height:29px;background:linear-gradient(180deg,#fff7cf 0%,#ffd766 38%,#c98416 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.asset.featured .featured-star::after{display:none}
.featured-label{display:block;width:max-content;margin:9px auto 4px;padding:3px 12px;border:1px solid rgba(255,211,100,.58);border-radius:999px;background:linear-gradient(145deg,#3a2914,#160f08);color:#ffe091;font-size:9px;font-weight:800;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.35)}

/* v36: featured marker stays inside the standard card footprint */
.asset.featured{padding:5px;grid-template-rows:auto 3.35em auto;overflow:hidden}
.asset-media{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:10px;background:radial-gradient(circle,#251d18,#0b0908 72%);overflow:hidden}
.asset-media>.asset-product{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:10px}
.asset.asset-thumb-small .asset-media>.asset-product{padding:12%}
.asset-media>.featured-badge{position:absolute;z-index:2;top:2px;right:5px;left:auto;bottom:auto;transform:none;display:block;width:50%;height:auto;max-height:21px;aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85))}
.asset.featured .featured-star,.asset.featured .featured-label{display:none}

/* v37: production sheet and post-download order handoff */
.order-contact{margin-top:14px;padding:16px;border:1px solid rgba(255,210,90,.28);border-radius:17px;background:linear-gradient(145deg,rgba(58,24,46,.72),rgba(16,12,10,.96));text-align:center}
.contact-kicker{display:block;color:#e2b860;font-size:11px;font-weight:800}.order-contact h3{margin:5px 0 7px;font-size:16px;color:#fff4db}.order-contact p{margin:0 auto 12px;max-width:410px;color:#c7b8aa;font-size:12px;line-height:1.9}
.contact-share{width:100%;margin-bottom:8px;border:0}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.contact-links a{min-height:42px;display:grid;place-items:center;border:1px solid rgba(255,210,90,.24);border-radius:11px;background:#17130f;color:#f4d992;text-decoration:none;font-size:12px}

/* v44: iOS-safe touch workspace */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%}

/* v45: larger canvas, external controls and lockable layers */
.canvas-toolbar{display:flex;justify-content:flex-start;margin:0 0 9px}
.canvas-toolbar .zoom-controls{position:static;top:auto;left:auto;width:max-content}
.room-choices{position:static;right:auto;left:auto;bottom:auto;z-index:auto;margin:10px 0 0;padding:4px 1px;direction:ltr}
.room-choices button{direction:rtl;flex:0 0 auto}
.design-item.locked{pointer-events:none;cursor:default}
.locked-bar{display:flex;align-items:center;gap:6px;max-width:100%;margin:10px auto 0;padding:8px;border:1px solid rgba(255,210,90,.22);border-radius:13px;background:rgba(18,10,8,.82);overflow-x:auto;scrollbar-width:none}
.locked-bar::-webkit-scrollbar{display:none}
.locked-bar>b{flex:0 0 auto;color:#d9b25d;font-size:10px}
.locked-bar button{flex:0 0 auto;min-height:34px;padding:5px 10px;border:1px solid rgba(255,210,90,.24);border-radius:9px;background:#21160f;color:#f7dc9c;font-size:10px;white-space:nowrap}
.lock-action{font-size:15px!important}
@media(max-width:760px){
  .workspace{padding-inline:10px}
  .stage-wrap{height:56vh;min-height:420px;max-height:650px;padding:12px 9px}
  .stage-wrap.room-mode{height:54vh;min-height:410px}
  .selection-bar{flex-wrap:wrap;gap:6px;margin-top:10px;padding:8px;border:1px solid rgba(255,210,90,.16);border-radius:14px;background:rgba(16,9,7,.7)}
  .selection-bar span{order:-1;flex:1 0 100%;max-width:none;text-align:center}
  .selection-bar button{width:38px;height:36px}
  .canvas-toolbar{margin-bottom:7px}
}

/* v46: natural page scrolling, interactive onboarding and private support */
.stage-wrap,.artboard{touch-action:pan-y}
.stage-wrap.is-zoomed,.stage-wrap.is-zoomed .artboard,.design-item{touch-action:none}
.header-support{min-height:38px;padding:0 10px;border:1px solid rgba(255,210,90,.28);border-radius:12px;background:#17130f;color:#f2cf82;font-size:11px;font-weight:700;white-space:nowrap}
.support-dialog>p{margin:0 0 15px;color:#cfc1b1;font-size:14px;line-height:2}
.support-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.support-links a{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,210,90,.24);border-radius:15px;color:#fff;text-decoration:none}
.support-links b{font-size:16px}.support-links span{font-size:11px;opacity:.75}
.support-whatsapp{background:linear-gradient(145deg,#176944,#0d3726)}
.support-telegram{background:linear-gradient(145deg,#2378a7,#113b57)}
.support-privacy{display:block;margin-top:12px;text-align:center;color:#8f8172;font-size:10px}
.tour-overlay{position:fixed;inset:0;z-index:120;pointer-events:none}
.tour-spotlight{position:fixed;z-index:1;border:2px solid #ffd86f;border-radius:16px;box-shadow:0 0 0 4px rgba(255,210,90,.17),0 0 26px rgba(255,194,55,.85),0 0 0 9999px rgba(0,0,0,.64);transition:.28s ease}
.tour-card{position:fixed;z-index:2;left:12px;right:12px;width:auto;max-width:430px;margin:auto;padding:15px;border:1px solid rgba(255,210,90,.48);border-radius:18px;background:linear-gradient(145deg,#25140f,#0d0a08);box-shadow:0 18px 60px rgba(0,0,0,.65);pointer-events:auto;transition:top .25s ease}
.tour-progress{color:#d9aa4d;font-size:10px;font-weight:800}.tour-card h2{margin:5px 0 5px;color:#fff2d0;font-size:17px}.tour-card p{margin:0;color:#d0c1b0;font-size:13px;line-height:1.9}
.tour-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:12px}.tour-actions button{min-height:42px;border:1px solid rgba(255,210,90,.2);border-radius:11px;background:#17120e;color:#c6b7a5;font-size:11px}.tour-actions .primary{color:#1d1205}
.tour-actions .primary{background:linear-gradient(135deg,#f3d58b,#b47720);color:#1d1205!important;font-weight:800}
.room-drag-hint{position:absolute;z-index:20;top:10px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 11px;border-radius:999px;background:rgba(5,5,5,.75);border:1px solid rgba(214,168,79,.34);color:#f1d38d;font-size:10px;pointer-events:none}
.stage-wrap.room-mode,.stage-wrap.room-mode .artboard{touch-action:none}.stage-wrap.room-mode .artboard{cursor:grab}.stage-wrap.room-mode .artboard:active{cursor:grabbing}
@media(max-width:760px){
  .topbar{gap:7px;padding-inline:10px}.header-support{padding:0 8px;font-size:10px}.brand .brand-lockup{width:min(44vw,190px)}
  .support-links{grid-template-columns:1fr}
}

/* v48: guided start, custom backgrounds and magnetic alignment */
.canvas-note{margin:8px 2px 0;color:#9f8f80;font-size:9px;text-align:center;line-height:1.7}
.align-mode{display:flex;align-items:center;justify-content:center;gap:7px;max-width:520px;margin:10px auto 0;padding:8px;border:1px solid rgba(255,210,90,.16);border-radius:13px;background:rgba(16,9,7,.72)}
.align-mode b{margin-left:auto;color:#bba98f;font-size:10px}.align-mode button{min-height:34px;padding:6px 10px;border:1px solid rgba(255,210,90,.18);border-radius:9px;background:#17120e;color:#b9aa99;font-size:10px}.align-mode button.active{border-color:#ffd25a;background:#3a182e;color:#ffe596;box-shadow:0 0 16px rgba(255,210,90,.12)}
.custom-background{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#130d11}.custom-background b,.custom-background small{display:block}.custom-background b{color:#f1dfbc;font-size:12px}.custom-background small{margin-top:3px;color:#9b8c7d;font-size:9px;line-height:1.7}.upload-background,.custom-background>button{min-height:40px;padding:0 12px;display:grid;place-items:center;border:1px solid rgba(255,210,90,.24);border-radius:10px;background:#23121e;color:#f4d992;font-size:10px;white-space:nowrap}.upload-background input{display:none}.custom-background>button{background:#17120e;color:#e07a82}
.png-help{display:block;margin-top:8px;color:#c7a86b;font-size:9px;line-height:1.8}
.welcome-dialog{width:min(94vw,780px);overflow:hidden;padding:0;background:linear-gradient(145deg,#2b0f20,#0a0808);border-color:rgba(255,210,90,.42)}.assistant-layout{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(300px,1.2fr);align-items:end;min-height:430px}.assistant-layout>img{display:block;width:100%;max-height:440px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 32px rgba(0,0,0,.5))}.assistant-copy{align-self:center;padding:28px 28px 28px 10px}.assistant-copy h2{margin:7px 0 9px;color:#fff2d5;font-size:24px}.assistant-copy p{margin:0;color:#d0c0b0;font-size:13px;line-height:2}.assistant-sizes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.assistant-sizes button{min-height:44px;border:1px solid rgba(255,210,90,.2);border-radius:11px;background:#17120e;color:#e7d4b4;font-size:11px}.assistant-sizes button.active{border-color:#ffd25a;background:#3a182e;color:#ffe596}.assistant-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:14px}.assistant-actions button{min-height:46px;border:1px solid rgba(255,210,90,.2);border-radius:12px;background:#17120e;color:#bdaea0;font-size:11px}.assistant-actions .primary{color:#1d1205}
@media(min-width:761px){.controls{position:sticky;top:68px;max-height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain}.controls::-webkit-scrollbar{width:5px}.controls::-webkit-scrollbar-thumb{background:#654528;border-radius:9px}}
@media(max-width:760px){
  .align-mode{flex-wrap:wrap}.align-mode b{flex:1 0 100%;margin:0;text-align:center}
  .custom-background{grid-template-columns:1fr 1fr}.custom-background>div{grid-column:1/-1}
  .assistant-layout{display:block;min-height:0}.assistant-layout>img{width:155px;height:170px;margin:0 auto;object-position:center top}.assistant-copy{padding:0 16px 18px;text-align:center}.assistant-copy h2{font-size:19px}.assistant-copy p{font-size:11px}.assistant-sizes{grid-template-columns:1fr 1fr}.assistant-actions{grid-template-columns:1fr}
}

/* v49: persistent design assistant */
.welcome-dialog{position:relative}
.assistant-close{position:absolute;z-index:3;top:12px;left:12px;width:38px;height:38px;border:1px solid rgba(255,210,90,.28);border-radius:12px;background:rgba(12,9,7,.86);color:#f6d77f;font-size:22px;line-height:1;cursor:pointer}
.assistant-fab{position:fixed;z-index:72;top:82px;left:12px;width:68px;min-height:78px;padding:3px 4px 7px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;border:1px solid rgba(255,210,90,.48);border-radius:19px;background:linear-gradient(155deg,#38152b,#100b09);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 18px rgba(255,202,75,.13);color:#ffe5a2;cursor:pointer}
.assistant-fab img{display:block;width:58px;height:54px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.assistant-fab span{font-size:9px;font-weight:800;white-space:nowrap}
.assistant-fab:active{transform:scale(.97)}
@media(max-width:760px){
  .assistant-fab{top:74px;left:8px;width:58px;min-height:68px;border-radius:16px}
  .assistant-fab img{width:49px;height:45px}.assistant-fab span{font-size:8px}
}

/* v53: assistant in navigation + progressive first load */
.assistant-fab{display:none!important}
.assistant-nav{min-height:42px;padding:3px 8px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,210,90,.3);border-radius:12px;background:linear-gradient(145deg,#321126,#17100d);color:#f7d986;white-space:nowrap;cursor:pointer}
.assistant-nav img{width:31px;height:34px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
.assistant-nav span{font-size:9px;font-weight:800}
.app-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#351224,#0a0808 62%,#050404);opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease}
.app-loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader-card{width:min(90vw,430px);padding:20px;display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,210,90,.34);border-radius:22px;background:rgba(20,11,14,.88);box-shadow:0 24px 80px rgba(0,0,0,.62);text-align:right}
.loader-card img{width:92px;height:112px;object-fit:contain;object-position:center bottom;animation:loaderFloat 2.3s ease-in-out infinite}
.loader-card b,.loader-card span{display:block}.loader-card b{color:#ffe5a1;font-size:14px;line-height:1.9}.loader-card span{margin-top:4px;color:#bbaa96;font-size:9px;line-height:1.9}
.loader-card>i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.loader-card>i em{display:block;width:18%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9e5b17,#ffe699);transition:width .7s ease}
@keyframes loaderFloat{50%{transform:translateY(-6px)}}
@media(max-width:760px){
  .topbar{overflow:visible}.assistant-nav{width:42px;min-width:42px;padding:2px;justify-content:center}.assistant-nav img{width:35px;height:36px}.assistant-nav span{display:none}
}
@media(max-width:410px){
  .topbar{gap:3px;padding-inline:5px}.brand .brand-lockup{width:min(30vw,122px)}.install{padding-inline:6px;font-size:9px}.header-support{padding-inline:5px;font-size:9px}.assistant-nav{width:36px;min-width:36px}.assistant-nav img{width:30px}.topbar>.icon-btn{width:34px;height:36px}
  .loader-card{grid-template-columns:76px 1fr;padding:16px}.loader-card img{width:76px;height:96px}.loader-card b{font-size:12px}
}

/* v50: real step-by-step design wizard */
.welcome-dialog{max-height:min(92vh,760px);overflow:auto;overscroll-behavior:contain}
.assistant-layout{grid-template-columns:minmax(180px,.62fr) minmax(360px,1.38fr);align-items:stretch;min-height:520px}
.assistant-portrait{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,203,99,.13),transparent 55%)}
.assistant-portrait>img{display:block;width:112%;max-height:520px;object-fit:contain;object-position:center bottom;transform-origin:center bottom;filter:drop-shadow(0 14px 32px rgba(0,0,0,.55));transition:transform .35s ease,filter .35s ease}
.assistant-portrait>span{position:absolute;top:17px;right:16px;padding:6px 10px;border:1px solid rgba(255,215,112,.35);border-radius:999px;background:rgba(13,9,7,.78);color:#f5d784;font-size:10px;font-weight:800}
.assistant-pose.pose-0{transform:translateX(-2%) scale(1.02)}.assistant-pose.pose-1{transform:translateX(3%) scale(1.06)}.assistant-pose.pose-2{transform:translateX(-3%) scale(1.08);filter:drop-shadow(0 14px 32px rgba(245,177,55,.3))}.assistant-pose.pose-3{transform:scaleX(-1) scale(1.04)}.assistant-pose.pose-4{transform:translateY(2%) scale(1.1)}
.assistant-copy{display:flex;flex-direction:column;align-self:stretch;padding:28px 28px 22px 16px;min-width:0}.assistant-copy h2{margin:8px 0 5px}.assistant-copy>p{min-height:52px}
.assistant-progress{height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.assistant-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b5b18,#ffe48c);transition:width .3s ease}
.assistant-stage{flex:1;min-height:240px;margin-top:13px}
.assistant-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.assistant-option{position:relative;min-height:66px;padding:9px 7px;border:1px solid rgba(255,210,90,.17);border-radius:12px;background:#17110e;color:#e9dac0;text-align:center}.assistant-option b,.assistant-option small{display:block}.assistant-option b{font-size:11px}.assistant-option small{margin-top:4px;color:#9d8c78;font-size:8px}.assistant-option.active{border-color:#ffd35f;background:linear-gradient(145deg,#43182f,#24100e);color:#ffe59a;box-shadow:0 0 17px rgba(255,203,69,.16)}
.assistant-custom{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:11px;padding:10px;border:1px dashed rgba(255,210,90,.25);border-radius:12px}.assistant-custom label{color:#bbaa91;font-size:8px}.assistant-custom input{width:100%;height:36px;margin-top:4px;padding:0 8px;border:1px solid rgba(255,210,90,.18);border-radius:8px;background:#0e0b09;color:#fff;text-align:center}.assistant-custom button{height:36px;padding:0 10px;border:1px solid rgba(255,210,90,.28);border-radius:8px;background:#2e1825;color:#f5d984;font-size:9px}
.assistant-frame-dot,.assistant-bg-preview{display:block;width:34px;height:20px;margin:0 auto 7px;border:5px solid #17130f;border-radius:3px;background:#080706}.assistant-frame-dot.frame-gold{border-color:#cfa345}.assistant-frame-dot.frame-silver{border-color:#bec4c9}.assistant-frame-dot.frame-white{border-color:#eee9df}.assistant-frame-dot.frame-cream{border-color:#cdbb9e}.assistant-frame-dot.frame-brown{border-color:#573424}.assistant-bg-preview{height:27px;border:1px solid rgba(255,255,255,.12);background:#090807}.assistant-bg-preview.bg-luxury{background:linear-gradient(135deg,#311b11,#0d0907)}.assistant-bg-preview.bg-velvet{background:linear-gradient(135deg,#67152b,#17080e)}.assistant-bg-preview.bg-wood{background:repeating-linear-gradient(90deg,#100d0b 0 4px,#282019 4px 6px)}.assistant-bg-preview.bg-mirror{background:linear-gradient(135deg,#17191c,#54585d,#111315)}
.assistant-assets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:290px;overflow:auto;padding-left:3px}.assistant-asset{display:grid;grid-template-columns:52px 1fr auto;gap:7px;align-items:center;min-width:0;padding:7px;border:1px solid rgba(255,210,90,.14);border-radius:11px;background:#130e0c}.assistant-asset.active{border-color:#d6a843;background:#271416}.assistant-asset>img{width:52px;height:44px;object-fit:contain}.assistant-asset>b{font-size:9px;line-height:1.6}.assistant-asset>div{display:flex;align-items:center;gap:5px}.assistant-asset button{width:27px;height:27px;border:1px solid rgba(255,210,90,.25);border-radius:8px;background:#21150f;color:#ffd977;font-size:15px}.assistant-asset span{min-width:13px;text-align:center;color:#fff;font-size:10px}.assistant-selection-summary{margin:8px 0 0!important;min-height:0!important;text-align:center;font-size:10px!important}.assistant-layout-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.assistant-layout-choices .assistant-option{min-height:76px}.assistant-final-note{margin-top:11px;padding:10px;border-radius:11px;background:rgba(255,214,104,.07);color:#c9b897;font-size:9px;line-height:1.9;text-align:center}
.assistant-actions{grid-template-columns:.8fr .8fr 1.3fr;margin-top:auto;padding-top:12px}.assistant-actions button.hidden{display:none}
@media(max-width:760px){
 .welcome-dialog{width:94vw;max-height:88vh}.assistant-layout{display:block;min-height:0}.assistant-portrait{height:118px;align-items:flex-start}.assistant-portrait>img{width:132px;height:150px;object-position:center top}.assistant-portrait>span{top:10px;right:10px}.assistant-copy{padding:8px 13px 14px;text-align:center}.assistant-copy h2{font-size:17px}.assistant-copy>p{min-height:42px;font-size:10px}.assistant-stage{min-height:226px}.assistant-options{grid-template-columns:repeat(2,1fr)}.assistant-option{min-height:58px}.assistant-custom{grid-template-columns:1fr 1fr}.assistant-custom button{grid-column:1/-1}.assistant-assets{grid-template-columns:1fr;max-height:250px;text-align:right}.assistant-actions{grid-template-columns:1fr 1fr}.assistant-actions .primary{grid-column:1/-1;grid-row:1}.assistant-actions button{min-height:40px}.assistant-close{top:8px;left:8px}
}

/* v54: readable wizard controls and reachable actions on short screens */
.assistant-actions .primary{background:linear-gradient(135deg,#ffe59a,#d5a344);color:#211606;font-weight:800}
.welcome-dialog{overflow-y:auto;max-height:90dvh}
@media(max-width:760px){.assistant-portrait>img{object-fit:contain;object-position:center;transform:none!important}.assistant-portrait{height:130px}.assistant-portrait>img{height:130px}}

/* v55: hide stray pixels in supplied character artwork; compact mobile wizard */
.assistant-portrait>img.pose-3,.assistant-portrait>img.pose-4{clip-path:inset(0 12% 0 0)}
@media(max-width:760px){
.welcome-dialog{max-height:calc(100dvh - 24px);margin:auto}
.assistant-portrait{height:100px}.assistant-portrait>img{height:100px}
.assistant-copy{padding-top:5px}.assistant-copy h2{font-size:16px}.assistant-copy>p{min-height:0;font-size:10px;line-height:1.8}
.assistant-stage{min-height:0}.assistant-assets{max-height:28dvh}
.assistant-actions{padding-top:8px;gap:6px}.assistant-actions button{min-height:38px}
}

/* v56: consistent header, face shortcut and mobile speech layout */
.brand-type{display:block;text-align:center;direction:ltr}.brand-type b{font-family:Georgia,serif;font-size:25px;letter-spacing:2px;font-weight:400;color:#f6d58b}.brand-type small{font-size:8px;letter-spacing:3px;color:#c6aa74}
.topbar{gap:8px}.topbar>#assistantNavBtn,.topbar>#helpBtn,.topbar>#supportBtn{height:44px;min-height:44px;min-width:44px;border-radius:13px;flex-shrink:0}
.topbar>#assistantNavBtn{position:relative;width:44px;padding:0;overflow:hidden}.assistant-nav span{display:none}.topbar>#assistantNavBtn img{position:absolute;width:82px;height:auto;max-width:none;left:50%;top:0;transform:translateX(-50%);object-fit:contain;filter:none}
.assistant-speech{min-width:0}.assistant-speech h2{line-height:1.6}.assistant-speech p{line-height:1.9;color:#d0c0b0;margin:0;font-size:13px}
@media(max-width:760px){
.topbar{height:66px;padding-inline:8px;gap:6px}.brand{min-width:0;gap:0}.brand-type b{font-size:clamp(15px,4.6vw,22px);letter-spacing:1px}.brand-type small{font-size:7px;letter-spacing:2px}.header-support{padding:0 8px;font-size:10px}.install{padding:0 6px;font-size:9px;min-height:44px;flex-shrink:0}
.assistant-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 10px;padding:46px 12px 14px;align-items:start}
.assistant-portrait{grid-column:1;grid-row:1;height:164px;width:110px;align-self:start;display:block;background:none;overflow:hidden}
.assistant-portrait>img{width:126px;height:auto;max-height:none;max-width:none;object-fit:contain;object-position:center top;margin:0 -8px;transform:none!important}
.assistant-portrait>span{position:fixed;top:auto;display:none}
.assistant-copy{display:contents}.assistant-speech{grid-column:2;grid-row:1;position:relative;align-self:center;text-align:right;padding:12px 10px;border-radius:15px;border:1px solid rgba(255,215,112,.22);background:rgba(255,222,167,.06)}
.assistant-speech:before{content:'';position:absolute;right:-6px;top:36px;width:10px;height:10px;transform:rotate(45deg);background:#332027;border-right:1px solid rgba(255,215,112,.22);border-top:1px solid rgba(255,215,112,.22)}
.assistant-speech .eyebrow{font-size:9px}.assistant-speech h2{font-size:14px;margin:6px 0}.assistant-speech p{font-size:10px;line-height:1.8}.assistant-progress{margin:8px 0}
.assistant-stage,.assistant-actions{grid-column:1/-1;min-width:0}.assistant-assets{max-height:32dvh;overscroll-behavior:contain;overflow-anchor:none}.assistant-actions{margin:0;padding-top:0}.assistant-stage{min-height:0}.assistant-close{top:8px;left:8px;width:32px;height:32px}
}
@media(max-width:360px){.topbar{gap:4px;padding-inline:5px}.topbar>#assistantNavBtn,.topbar>#helpBtn,.topbar>#supportBtn{min-width:40px;width:40px;height:42px;min-height:42px}.header-support{padding:0 3px;font-size:9px}.assistant-layout{grid-template-columns:96px minmax(0,1fr);gap:10px 8px}.assistant-portrait{width:96px}.assistant-speech{padding:9px 8px}}

/* v57: exact supplied gold wordmark and consistent shadow-free avatars */
.brand .brand-exact{display:block;width:214px;height:auto;max-height:58px;object-fit:contain;filter:none}
.assistant-portrait>img.assistant-pose{filter:none}
@media(max-width:760px){.brand .brand-exact{width:clamp(105px,34vw,190px);max-height:54px}}
@media(max-width:360px){.brand .brand-exact{width:100px}}

.assistant-logo-box{grid-column:1/-1;padding:12px;border:1px solid rgba(255,215,112,.22);border-radius:12px;text-align:center}.assistant-logo-box>small{display:block;font-size:10px;color:#bfae96;margin:8px 0}.assistant-logo-box .upload-logo{display:block;padding:12px;cursor:pointer}#assistantLogoPreview{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px}#assistantLogoPreview img{width:64px;height:48px;object-fit:contain}#assistantLogoPreview button{padding:6px;border:1px solid #785d39;border-radius:8px;color:#f4ce83;background:#21120e}

/* v59: desktop export actions stay in their own sidebar flow. */
@media(min-width:761px){
 .controls .bottom-actions{position:static;inset:auto;width:100%;margin-top:18px;padding:12px 0;background:none;z-index:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
 .controls{padding-bottom:24px;min-width:0}
 .bottom-actions button{min-width:0;padding:10px 8px;font-size:12px;white-space:normal}
 .zoom-hint{display:none}
}
.layer-picker{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:10px;border:1px solid var(--line);border-radius:12px;max-height:150px;overflow:auto}
.layer-picker:empty{display:none}.layer-picker>b{flex-basis:100%;font-size:11px;color:var(--gold2)}
.layer-picker button{min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:11px;cursor:pointer}
.layer-picker button.active{border-color:var(--gold);background:#3a182e}

/* v61: timed house advertisement before export. */
.export-ad{width:min(94vw,760px);padding:16px;overflow:auto;background:#090708;border-color:#9f7434;max-height:94dvh}
.ad-top{display:flex;justify-content:space-between;align-items:center;color:#d8bd8e;font-size:11px;padding:2px 3px 12px}.ad-top>span:last-child{font-variant-numeric:tabular-nums;border:1px solid #73512d;padding:6px 12px;border-radius:30px;color:#ffe3a1}
.ad-cinema{position:relative;isolation:isolate;overflow:hidden;border:1px solid #5b3b25;border-radius:18px;min-height:370px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 30%,#532333 0,#1e0e13 42%,#060505 80%)}
.ad-cinema::before{content:'';position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 0deg,transparent,#dba75522,transparent 30%,#cd173422,transparent 60%);animation:ad-turn 24s linear infinite}
.ad-orbit{position:absolute;width:350px;height:350px;border:1px solid #e0b35e28;border-radius:50%;z-index:-1;transform:rotateX(65deg) rotateZ(-25deg)}.ad-orbit-two{width:470px;height:470px;transform:rotateX(65deg) rotateZ(25deg)}
.ad-visual{height:170px;width:90%;display:grid;place-items:center;margin-top:15px;animation:ad-float 5s ease-in-out infinite}.ad-visual img{max-width:80%;max-height:155px;object-fit:contain;filter:drop-shadow(0 12px 22px #0008)}
.ad-copy{position:relative;padding:20px 20px 25px;max-width:620px}.ad-copy>span{font-size:10px;letter-spacing:3px;color:#d4a867}.ad-copy h2{font-size:clamp(23px,4vw,36px);color:#ffe5b0;margin:14px 0 12px;line-height:1.5}.ad-copy p{font-size:13px;line-height:2;color:#e2ccbb;margin:0}.ad-brand{font-family:Georgia,serif;font-size:13px;letter-spacing:4px;color:#c8a267;padding-bottom:22px}
.ad-progress{height:4px;background:#2b1c1a;border-radius:4px;overflow:hidden;margin-top:15px;direction:ltr}.ad-progress i{height:100%;display:block;background:linear-gradient(90deg,#ad1c37,#ffe3a1);width:0;transition:width .1s linear}.ad-status{font-size:11px;text-align:center;line-height:1.8;color:#d3b99b;min-height:20px}.ad-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ad-actions a,.ad-actions button{font-size:12px;padding:8px}.ad-actions button:disabled{background:#342a24;color:#a79784;box-shadow:none;cursor:wait}.ad-cancel{display:block;margin:12px auto;border:0;background:none;color:#c0ad9c;font-size:11px;padding:7px;cursor:pointer}.ad-disclaimer{display:block;text-align:center;color:#8e8077;font-size:9px;line-height:1.7}.ad-paused *,.ad-paused::before{animation-play-state:paused!important}
@keyframes ad-turn{to{transform:rotate(360deg)}}@keyframes ad-float{50%{transform:translateY(-7px)}}
@media(max-width:480px){.export-ad{padding:12px}.ad-cinema{min-height:330px}.ad-visual{height:130px}.ad-visual img{max-height:120px}.ad-copy{padding:16px 12px 20px}.ad-copy p{font-size:11px}.ad-actions{grid-template-columns:1fr}.ad-actions a,.ad-actions button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.ad-cinema::before,.ad-visual{animation:none}.ad-progress i{transition:none}}

/* v62: compact language switch and bidirectional UI; artwork coordinates stay physical. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control{flex:0 0 auto;display:flex;align-items:center}
.language-control select{font:inherit;font-size:12px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:#17110d;padding:8px 6px;max-width:100px;min-height:36px;cursor:pointer}
.language-control select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
html[dir=ltr] .brand{margin-left:0;margin-right:auto}
html[dir=ltr] .workspace{border-left:0;border-right:1px solid var(--line)}
html[dir=ltr] .custom-size label,html[dir=ltr] .assistant-custom label{text-align:left}
html[dir=ltr] .assistant-speech,html[dir=ltr] .assistant-copy,html[dir=ltr] .tour-card{text-align:left}
html[dir=ltr] .assistant-close{left:auto;right:12px}
html[dir=ltr] .assistant-stage,html[dir=ltr] .summary,html[dir=ltr] .guide{direction:ltr}
.custom-art-text{unicode-bidi:plaintext}
.tabs button,.bottom-actions button,.assistant-actions button{white-space:normal;line-height:1.5}
.asset b,.assistant-asset b{overflow-wrap:anywhere}
@media(max-width:760px){.topbar{gap:6px;padding-inline:9px}.language-control select{max-width:77px;font-size:11px;padding-inline:3px}.topbar .brand-exact{max-width:110px}.topbar .header-support{font-size:11px;padding-inline:7px}.topbar .assistant-nav{padding-inline:5px}.topbar .assistant-nav span{font-size:10px}.topbar .icon-btn{flex:0 0 30px;width:30px}.install{font-size:10px;padding-inline:5px}html[dir=ltr] .workspace{border-right:0}}
@media(max-width:380px){.topbar .brand-exact{max-width:86px}.topbar .assistant-nav img{width:22px}.topbar .assistant-nav span{max-width:48px}.topbar .header-support{max-width:55px;white-space:normal}.language-control select{max-width:70px}}
html[dir=ltr] .align-mode b{margin-left:0;margin-right:auto}
html[dir=ltr] .assistant-assets{text-align:left}
html[dir=ltr] .assistant-speech:before{right:auto;left:-6px;border-right:0;border-left:1px solid rgba(255,215,112,.22)}

/* v63: two independent exports, sharing the same download and share controls. */
.export-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.export-modes button{min-width:0;min-height:44px;padding:9px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:#17110d;font:inherit;cursor:pointer}
.export-modes button.active{background:#382414;border-color:var(--gold);color:var(--gold2)}
.export-modes button:disabled{opacity:.6;cursor:wait}.export-note{color:var(--muted);font-size:12px;line-height:1.9;margin:12px 0}
#resultImage{width:100%;height:auto;object-fit:contain}

/* v66: the language selector shares the header buttons' exact vertical geometry. */
.topbar{--header-control-height:44px;--header-control-radius:13px}
.topbar>.language-control{height:var(--header-control-height);align-self:center}
.topbar>.language-control>select{height:100%;min-height:var(--header-control-height);box-sizing:border-box;border-radius:var(--header-control-radius);margin:0;padding-block:0;line-height:normal;vertical-align:middle;background-color:#17130f}
@media(max-width:360px){.topbar{--header-control-height:42px}}