:root{--primary:#c52020;--primary-strong:#a81818;--primary-soft:#e7b11a;--ink:#1b120e;--muted:#6a5a51;--line:#1b120e;--paper:#f7f2e9;--wash:#f3ede2;--surface:#f7f2e9;--sage:#ebe3d4;--green:var(--primary);--green-deep:var(--primary-strong);--accent:var(--primary-soft);--danger:#c52020;--radius:8px;--radius-lg:12px;--shadow:4px 4px 0 #1b120e;--shadow-sm:2px 2px 0 #1b120e;--font-display:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--font-ui:"Space Grotesk",Tahoma,Arial,sans-serif;--font-ar:"Cairo",Tahoma,Arial,sans-serif;font-family:var(--font-ui);color:var(--ink);background:var(--wash);font-synthesis:none;font-size:14px}html[lang=ar]{--font-ui:var(--font-ar);--font-display:var(--font-ar)}html[lang=ar] .brand,html[lang=ar] .brand-lockup,html[lang=ar] .auth-mark{font-family:Bebas Neue,Impact,Arial Narrow,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] .landing-how h2,html[lang=ar] .landing-products h2,html[lang=ar] .landing-cta h2,html[lang=ar] .landing-hero h1,html[lang=ar] .auth-title,html[lang=ar] .buybar-price strong,html[lang=ar] .how-steps em{letter-spacing:0;font-weight:800}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 420px at 100% -8%,#e7b11a22 0%,transparent 55%),radial-gradient(700px 360px at 0% 0%,#c5202014 0%,transparent 50%),var(--wash)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:2px solid var(--line);background:var(--paper);color:inherit;padding:10px 14px;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background .15s,transform .12s,box-shadow .12s}button:hover{background:#efe8db}button:active{transform:translate(1px,1px);box-shadow:1px 1px #1b120e}button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.active{outline:2px solid var(--primary)!important;outline-offset:1px}.primary{background:var(--primary);color:var(--paper);border-color:var(--line);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.primary:hover{background:var(--primary-strong)}.soft{background:var(--paper);border-color:var(--line)}.danger{color:var(--danger);border-color:var(--line);background:#faf3f1}input,select,textarea{width:100%;padding:12px;border:2px solid var(--line);background:var(--paper);border-radius:var(--radius);color:inherit;box-shadow:inset 0 0 0 0 transparent}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--shadow-sm)}label{display:block;margin:16px 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em}label input,label select,label textarea{margin-top:7px}label strong{font-weight:800;color:var(--primary)}input[type=color]{height:40px;padding:3px}input[type=range]{padding:0;accent-color:var(--primary);box-shadow:none;border:0}input[type=checkbox]{width:auto;box-shadow:none}.check{display:flex;align-items:center;gap:7px}.check input{margin:0}textarea{min-height:80px;resize:vertical}fieldset{border:0;padding:0;margin:0;min-width:0}.nav-home{border:0!important;background:none!important;box-shadow:none!important;font-size:11px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-buybar{position:sticky;top:82px;z-index:7;display:flex;align-items:center;gap:16px;padding:10px 4%;background:var(--paper);border-bottom:2px solid var(--line);box-shadow:0 4px #1b120e14}.studio-buybar.is-ready{background:linear-gradient(90deg,#faf3f1,var(--paper))}.buybar-product{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.buybar-product img{width:42px;height:50px;object-fit:contain;background:var(--sage);border:2px solid var(--line);border-radius:var(--radius);padding:4px;flex-shrink:0;box-shadow:var(--shadow-sm)}.buybar-product b{display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buybar-product small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.buybar-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.buybar-label{font-size:10px;color:var(--muted);font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.buybar-price strong{font-family:var(--font-display);font-size:28px;color:var(--primary);line-height:1;letter-spacing:.5px}.buybar-price strong span{font:10px var(--font-ui);margin-inline-start:4px;color:var(--muted);font-weight:700}.buybar-qty{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.buybar-stepper{display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius);background:var(--sage);border:2px solid var(--line)}.buybar-stepper button{width:32px;height:32px;padding:0;border:0;border-radius:var(--radius);background:var(--paper);font-size:16px;line-height:1;box-shadow:none}.buybar-stepper button:hover{background:#efe8db}.buybar-stepper b{min-width:24px;text-align:center;color:var(--ink);font-size:14px}.buybar-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:12px 22px!important;border-radius:var(--radius)!important;font-size:13px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;min-width:160px}.buybar-cta.primary{box-shadow:var(--shadow)}.buybar-cta.soft{background:var(--paper);border-color:var(--line);color:var(--ink)}.studio-buybar.is-ready .buybar-cta.primary{animation:buyPulse 1.8s ease-in-out 1}@keyframes buyPulse{0%,to{transform:none}40%{transform:translate(-1px,-1px)}}.lang-switch{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius);background:var(--sage);border:2px solid var(--line)}.lang-switch button{border:0;background:transparent;min-width:32px;padding:6px 8px;border-radius:4px;font-size:11px;font-weight:800;color:var(--muted);line-height:1;box-shadow:none;letter-spacing:.04em}.lang-switch button.active{background:var(--ink);color:var(--paper);outline:none!important}.lang-switch button:hover{background:#efe8db}.lang-switch.compact{padding:2px}.lang-switch.compact button{min-width:28px;padding:5px 7px;font-size:10px}.landing-nav .lang-switch{margin-inline-end:4px}.studio-app>header{height:82px;border-bottom:2px solid var(--line);background:var(--paper);display:flex;align-items:center;padding:0 4%;gap:22px;position:sticky;top:0;z-index:8}.brand{font-family:var(--font-display);font-size:34px;text-decoration:none;color:var(--ink);font-weight:400;letter-spacing:1px;direction:ltr;line-height:1}.brand span{color:var(--primary);margin-left:8px}.studio-app>header small{font:10px var(--font-ui);font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.studio-app>header nav{margin-inline-start:auto;display:flex;gap:7px;align-items:center}.studio-app>header nav button{border:0;font-size:11px;background:none;position:relative;box-shadow:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-app>header nav button:hover{background:var(--sage)}.nav-cta{background:var(--primary)!important;color:var(--paper)!important;border:2px solid var(--line)!important;border-radius:var(--radius)!important;padding:9px 16px!important;box-shadow:var(--shadow-sm)!important}.cart-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-inline-start:6px;border-radius:999px;background:var(--primary-soft);color:var(--ink);border:1px solid var(--line);font-size:10px;font-weight:800;line-height:1}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 18px;gap:16px}.eyebrow{font:12px var(--font-ui);font-weight:800;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}h1{font-family:var(--font-display);font-size:40px;font-weight:400;margin:10px 0;letter-spacing:.8px;line-height:1.05}h2{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:.6px}h3{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:.04em}h3 em{font-style:normal;background:var(--primary-soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:2px 8px;font-size:11px;font-weight:800}.intro p,.muted{color:var(--muted);font-size:12px;line-height:1.7}.connection{font-size:11px;color:var(--primary);white-space:nowrap;font-weight:700}.connection.ok{color:#2f9b7a}main{width:94%;max-width:1500px;margin:auto}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:0 0 18px}.steps li{display:flex;gap:12px;align-items:center;padding:14px 16px;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.steps li span{width:28px;height:28px;border-radius:var(--radius);display:grid;place-items:center;background:var(--primary-soft);color:var(--ink);border:1px solid var(--line);font-size:12px;font-weight:800;flex-shrink:0}.steps li b{display:block;font-size:13px;font-weight:700}.steps li small{color:var(--muted);font-size:10px}.steps li.done{background:#faf3f1}.steps li.done span{background:var(--primary);color:var(--paper)}.steps li.ready{animation:pulseSoft 1.6s ease-in-out infinite}@keyframes pulseSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.tip-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:18px;border-radius:var(--radius-lg);background:var(--primary-soft);border:2px solid var(--line);box-shadow:var(--shadow-sm);font-size:12px;line-height:1.7;font-weight:500;animation:fadeUp .35s ease}.tip-banner button{border:0;background:transparent;font-size:20px;padding:0 6px;line-height:1;color:var(--ink);box-shadow:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.catalog{margin-bottom:22px}.studio-catalog{margin:0 0 18px;padding:14px 16px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.catalog h2{font-size:22px;margin:0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-catalog .row{margin-bottom:10px}.row select{max-width:170px}.product-strip{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:5px 3px 8px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x}.product-strip::-webkit-scrollbar{display:none}.product-strip.is-dragging{cursor:grabbing;scroll-snap-type:none}.product-strip.is-dragging .product{pointer-events:none}.product{flex-shrink:0;display:flex;gap:12px;align-items:center;text-align:start;padding:10px 14px;min-width:180px;position:relative;scroll-snap-align:start;background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow-sm)}.product.active,.product[aria-selected=true]{border-color:var(--primary);background:#faf3f1;outline:none!important}.product img{width:55px;height:66px;object-fit:contain;transition:transform .25s}.product:hover img{transform:scale(1.05)}.product span{font-size:12px;font-weight:700}.product small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.product .picked{position:absolute;inset-inline-end:8px;top:8px;font-style:normal;font-size:9px;background:var(--primary);color:var(--paper);padding:3px 7px;border-radius:var(--radius);border:1px solid var(--line);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.studio{display:grid;grid-template-columns:minmax(300px,340px) minmax(350px,1fr) 280px;border:2px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);box-shadow:var(--shadow);align-items:stretch}.studio-tools-wrap{min-width:0;min-height:0;height:100%;border-inline-end:2px solid var(--line);background:var(--paper);display:flex;flex-direction:column;align-self:stretch}.studio-tools{display:flex;min-height:0;flex:1 1 auto;height:100%;overflow:auto}.studio-rail{display:flex;flex-direction:column;gap:4px;padding:10px 6px;width:72px;flex-shrink:0;align-self:stretch;background:var(--sage);border-inline-end:2px solid var(--line);overflow:auto}.studio-rail button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border:0;background:transparent;border-radius:var(--radius);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1.2;box-shadow:none}.studio-rail button .ico{opacity:.75}.studio-rail button:hover{background:#efe8db;color:var(--ink)}.studio-rail button.active{background:var(--ink);color:var(--paper);outline:none!important}.studio-rail button.active .ico{opacity:1}.studio-panel{flex:1;min-width:0;min-height:0;height:100%;overflow:auto;padding:18px 14px 24px;display:flex;flex-direction:column}.studio-panel.panel-design:has(.product-tab){overflow:hidden}.mobile-rail{display:none}.product-tab{flex:1;min-height:0;display:flex;flex-direction:column}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px;flex:1;min-height:0;align-content:start;overflow:auto;padding:2px}.product-opts{flex-shrink:0}.studio-panel>.divider,.studio-panel>.aside-actions,.studio-panel>.advanced-toggle,.studio-panel>.advanced-box,.studio-panel>input{flex-shrink:0}.studio-panel>.divider{margin-top:auto}.product-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;text-align:center;background:var(--paper);border-color:var(--line)}.product-tile img{width:48px;height:58px;object-fit:contain}.product-tile span{font-size:11px;line-height:1.35;font-weight:700}.product-tile small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.product-tile.active{border-color:var(--primary);background:#faf3f1;outline:none!important;box-shadow:var(--shadow-sm)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.asset-grid.icons{grid-template-columns:repeat(3,1fr)}.asset-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 10px;text-align:start;background:var(--paper);border-color:var(--line);min-height:84px}.asset-card b{font-size:12px;font-weight:700}.asset-card small{color:var(--muted);font-size:10px}.asset-card em{font-style:normal;font-size:13px;color:var(--primary);margin-top:auto;font-weight:700}.asset-card.text-preset{min-height:76px}.asset-card.text-preset b{white-space:pre-line;font-size:14px;line-height:1.35}.asset-icon{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:10px;background:var(--paper);border-color:var(--line);font-weight:700}.asset-icon span{color:var(--muted)}.asset-svg{display:block}.chip-row{display:flex;gap:6px;flex-wrap:nowrap;margin-top:8px;overflow:auto;padding-bottom:2px}.chip-row.wrap{flex-wrap:wrap;overflow:visible}.chip-row button{padding:7px 10px;font-size:11px;border-radius:var(--radius);background:var(--primary-soft);border-color:var(--line);white-space:nowrap;font-weight:700;box-shadow:none}.chip-row button.active{background:var(--ink);color:var(--paper);border-color:var(--line);outline:none!important}.row.tight{margin:0 0 4px}.row.tight h3{margin:0}.row.tight select{max-width:120px;padding:6px 8px;font-size:11px}.divider.tight{margin:14px 0}.tool-grid.compact{grid-template-columns:repeat(3,1fr)}.tool-grid.compact .tool-btn{min-height:48px;font-size:10px}.layer-type.is-shape,.layer-type.is-clip{background:var(--primary-soft);padding:2px}aside{padding:24px 20px}aside .eyebrow{display:block;margin-bottom:10px}.panel-lead{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.7}.cta-stack{display:grid;gap:8px;margin-bottom:10px}.cta-card{display:flex;align-items:center;gap:12px;text-align:start;padding:14px;border:2px dashed var(--line);background:var(--paper)}.cta-card:hover{background:#efe8db;border-style:solid}.cta-icon{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--primary-soft);color:var(--ink);border:1px solid var(--line);font-weight:800;flex-shrink:0}.cta-card b{display:block;font-size:13px}.cta-card small{color:var(--muted);font-size:10px}.quick-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 4px}.preview{background:var(--sage);min-width:0;border-inline:2px solid var(--line)}.preview-head{padding:16px 18px;align-items:center;gap:10px;flex-wrap:wrap}.preview-head b{display:block;font-size:13px;font-weight:700}.preview-head small{color:var(--muted);font-size:11px}.history-btns{display:flex;gap:6px;margin-inline-start:auto;flex-wrap:wrap}.history-btns button{padding:7px 11px;font-size:11px;background:var(--paper);border-color:var(--line);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.history-btns button:disabled{opacity:.4;cursor:not-allowed}.history-btns .danger-soft{color:var(--primary);border-color:var(--line);background:#faf3f1}.history-btns .danger-soft:hover:not(:disabled){background:#f3e4e0}.side-toggle{display:flex;background:var(--sage);padding:3px;border-radius:var(--radius);gap:2px;border:2px solid var(--line)}.side-toggle button{border:0;background:transparent;border-radius:4px;padding:8px 14px;font-size:11px;box-shadow:none;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.side-toggle button.active{background:var(--ink);color:var(--paper);outline:none!important}.preview canvas{display:block;width:100%;aspect-ratio:9/10;max-height:720px;object-fit:contain;touch-action:none}.preview-tools{display:flex;gap:8px;justify-content:center;align-items:center;padding:12px;font-size:11px;flex-wrap:wrap}.preview-tools button{font-size:11px;font-weight:700}.mockup-btn{background:var(--primary)!important;color:var(--paper)!important;border-color:var(--line)!important;padding:8px 14px!important;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.mockup-btn:hover{background:var(--primary-strong)!important}.aside-actions{display:grid;gap:6px;margin-top:4px}.mockup-modal{display:flex;flex-direction:column;gap:4px}.mockup-preview{width:100%;max-height:min(62vh,560px);object-fit:contain;background:var(--sage);border-radius:var(--radius-lg);border:2px solid var(--line)}.mockup-actions{margin-top:14px;justify-content:flex-end}.caption{text-align:center;padding:0 15px 14px}.actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.actions button,.edit-actions button{font-size:11px}.wide{width:100%;margin:5px 0;font-size:11px;font-weight:700}.divider{height:2px;background:var(--line);margin:24px 0;opacity:.18}.swatches{display:flex;gap:11px;flex-wrap:wrap;padding:10px 2px}.swatches button{width:28px;height:28px;border-radius:50%;padding:0;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--line);border-color:transparent}.swatches button.active{box-shadow:0 0 0 2px var(--paper),0 0 0 5px var(--primary)}.layer{width:100%;text-align:start;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0}.ico{display:block;flex-shrink:0}.icon-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.icon-btn .ico{opacity:.9}.icon-only{width:28px;height:28px;padding:0;display:inline-grid;place-items:center;border-radius:var(--radius);background:var(--paper);border-color:var(--line)}.icon-only:hover{background:#efe8db}.product-opts{margin-top:4px}.layers-head{display:flex;flex-direction:column;gap:4px;margin:18px 0 10px}.layers-head h3{margin:0}.layers-head small{color:var(--muted);font-size:10px;line-height:1.5}.layer-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;padding:2px}.layer-row{display:grid;grid-template-columns:16px 28px minmax(0,1fr) auto 18px;align-items:center;gap:8px;padding:8px 8px 8px 6px;border:2px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:grab;-webkit-user-select:none;user-select:none;transition:background .15s,box-shadow .15s}.layer-row:active{cursor:grabbing}.layer-row:hover{background:#efe8db}.layer-row.active{border-color:var(--primary);background:#faf3f1;outline:none!important;box-shadow:var(--shadow-sm)}.layer-row.drop-target{border-color:var(--primary-soft);background:#fff8e6;box-shadow:inset 0 0 0 1px var(--primary-soft)}.layer-row.dragging{opacity:.45}.layer-row.locked{opacity:.85}.layer-grip{color:var(--muted);display:grid;place-items:center}.layer-type{width:28px;height:28px;border-radius:var(--radius);display:grid;place-items:center;background:var(--sage);overflow:hidden;flex-shrink:0;border:1px solid var(--line)}.layer-type.is-text{background:var(--primary-soft)}.layer-type.is-image{background:#ece7df;padding:0}.layer-type img{width:100%;height:100%;object-fit:cover}.layer-name{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.layer-name .ico{opacity:.65}.layer-order{display:flex;flex-direction:column;gap:2px}.layer-rank{font-size:10px;color:var(--muted);text-align:center;font-weight:700}.edit-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:var(--radius);background:var(--sage);border:2px solid var(--line)}.edit-chip b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.edit-chip small{color:var(--muted);font-size:10px}.edit-grid{display:grid;grid-template-columns:1fr 72px;gap:10px;align-items:end}.edit-grid label{margin-top:8px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:10px 6px;font-size:10px;font-weight:700;background:var(--paper);border-color:var(--line);letter-spacing:.04em;text-transform:uppercase}.tool-btn:hover{background:#efe8db}.tool-btn.danger{color:var(--danger);background:#faf3f1;border-color:var(--line)}.tool-btn .ico{color:var(--primary)}.tool-btn.danger .ico{color:var(--danger)}.empty-hint{padding:14px;border-radius:var(--radius);background:var(--sage);border:2px dashed var(--line)}.empty-hint.tall{margin-top:4px}.empty-title{color:var(--ink)!important;font-size:13px!important;font-weight:800;margin:0 0 6px}.tips{margin:12px 0 0;padding-inline-start:18px;color:var(--muted);font-size:11px;line-height:1.9}.advanced-toggle{width:100%;margin-top:8px;background:transparent;border-style:dashed;font-size:11px;color:var(--muted);box-shadow:none}.advanced-box{margin-top:8px;padding-top:4px;animation:fadeUp .25s ease}.mobile-tabs{display:none}.qty{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.qty-controls{display:flex;align-items:center;gap:10px}.qty-controls button{width:36px;height:36px;border-radius:var(--radius);padding:0}.qty-controls b{min-width:18px;text-align:center;color:var(--ink);font-size:15px}dialog{border:2px solid var(--line);border-radius:var(--radius-lg);max-width:700px;width:92%;max-height:85vh;padding:35px;background:var(--paper);box-shadow:8px 8px #1b120e}dialog:has(.auth-panel){max-width:440px;padding:28px 26px 22px}dialog::backdrop{background:#1b120e88}.close{position:absolute;inset-inline-end:12px;top:12px;padding:3px 10px;font-size:22px;border:0;z-index:2;box-shadow:none}.dialog-lead{margin:-8px 0 18px}form>.primary{margin-top:18px;width:100%}.auth-panel{animation:fadeUp .3s ease}.auth-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:18px}.auth-mark{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--ink);letter-spacing:1px;direction:ltr;line-height:1}.auth-mark span{color:var(--primary);margin-left:6px}.auth-brand small{font:10px var(--font-ui);font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:18px;background:var(--sage);border:2px solid var(--line);border-radius:var(--radius)}.auth-tabs button{border:0;background:transparent;padding:11px 10px;border-radius:4px;font-size:12px;color:var(--muted);box-shadow:none;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.auth-tabs button.active{background:var(--ink);color:var(--paper);outline:none!important}.auth-title{font-family:var(--font-display);font-size:28px;font-weight:400;margin:0 0 6px;letter-spacing:.6px}.auth-panel .dialog-lead{margin:0 0 16px}.auth-form{display:flex;flex-direction:column;gap:2px}.auth-form>.primary{margin-top:14px;padding:14px 16px;font-size:14px;border-radius:var(--radius);height:52px}.auth-field{margin:8px 0}.auth-field .field-wrap{display:flex;align-items:center;gap:0;margin-top:7px;border:2px solid var(--line);background:var(--paper);border-radius:var(--radius);transition:box-shadow .15s;overflow:hidden}.auth-field .field-wrap:focus-within{box-shadow:var(--shadow-sm)}.auth-field .field-wrap input{border:0;background:transparent;margin:0;border-radius:0;padding:12px;min-width:0;flex:1;box-shadow:none}.auth-field .field-wrap input:focus{outline:none}.auth-field .field-ico{display:grid;place-items:center;padding-inline-start:12px;color:var(--muted);flex-shrink:0}.auth-field .field-wrap.has-toggle input{padding-inline-end:4px}.password-toggle{border:0;background:transparent;padding:10px 12px;color:var(--muted);display:grid;place-items:center;flex-shrink:0;box-shadow:none}.password-toggle:hover{color:var(--primary);background:transparent}.password-toggle[aria-pressed=true]{color:var(--primary)}.auth-hint{margin:2px 0 0;font-size:11px;color:var(--muted);line-height:1.7}.auth-switch{margin:16px 0 0;text-align:center;font-size:12px;color:var(--muted)}.auth-switch button{border:0;background:none;color:var(--primary);font-weight:800;padding:0 4px;text-decoration:underline;text-underline-offset:3px;box-shadow:none;text-transform:none;letter-spacing:0}.auth-switch button:hover{background:none;color:var(--primary-strong)}article{padding:18px 0;border-bottom:1px solid #d8cec2}article small{display:block;margin:9px 0;color:var(--muted)}.order-item{padding:12px;background:var(--sage);margin-top:10px;border-radius:var(--radius);border:2px solid var(--line)}.badge{background:var(--primary-soft);padding:5px 12px;border-radius:var(--radius);font-size:11px;font-weight:800;border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase}.order-preview{width:100%;max-height:450px;object-fit:contain;background:var(--sage)}.logo-preview{max-width:100%;height:100px;object-fit:contain}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.library-grid button{min-height:70px}.empty-cart,.empty-state{text-align:center;padding:28px 12px}.empty-cart b,.empty-state b{display:block;font-size:16px;margin-bottom:8px;font-weight:800}.empty-cart p,.empty-state p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 16px}.error{color:var(--danger);font-size:12px;line-height:1.8;font-weight:700}.toast{position:fixed;z-index:20;bottom:120px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:14px 24px;border-radius:var(--radius);border:2px solid var(--line);max-width:90%;font-size:12px;font-weight:700;box-shadow:var(--shadow);animation:fadeUp .25s ease}.checkout-note{padding:12px 14px;margin-bottom:16px;border-radius:var(--radius);background:var(--sage);border:2px solid var(--line);font-size:12px;line-height:1.7;color:var(--ink)}@media(max-width:1100px){.studio{grid-template-columns:minmax(260px,300px) minmax(290px,1fr) 230px}.studio-rail{width:64px}.studio-panel,.studio-tools-wrap{height:auto}aside{padding:20px 14px}.studio-app>header small{display:none}.quick-row{grid-template-columns:1fr}.asset-grid.icons{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.studio-app>header{height:auto;min-height:75px;padding:15px;flex-wrap:wrap;gap:10px}.brand{font-size:28px}.studio-app>header nav{overflow:auto;width:100%;order:2;margin:0}.studio-app>header nav button{white-space:nowrap}.intro{margin-top:18px;align-items:flex-start}h1{font-size:28px}.intro .connection{display:none}.steps{grid-template-columns:1fr;gap:8px}.steps li{padding:12px 14px}.studio{grid-template-columns:1fr;box-shadow:var(--shadow-sm)}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;background:var(--paper);border-bottom:2px solid var(--line);grid-column:1/-1;order:2}.mobile-tabs button{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.preview{grid-row:1;border:0;border-bottom:2px solid var(--line);order:1}.studio-tools-wrap{display:none;border:0;border-bottom:2px solid var(--line);order:3;height:auto}.studio-tools-wrap.show{display:flex;flex-direction:column}.studio-panel{display:block;height:auto;overflow:auto;padding:16px}.studio-panel.panel-design:has(.product-tab){overflow:auto}.product-tab{display:block}.product-grid{flex:none;min-height:0;max-height:min(50vh,320px);overflow:auto}.studio-panel>.divider{margin-top:16px}.mobile-rail{display:flex;gap:6px;overflow:auto;padding:10px 12px;border-bottom:2px solid var(--line);background:var(--sage)}.mobile-rail button{flex-shrink:0;padding:8px 12px;font-size:11px;border-radius:var(--radius);background:var(--paper);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mobile-rail button.active{background:var(--ink);color:var(--paper);border-color:var(--line);outline:none!important}.studio-rail{display:none}.panel-edit{display:none;border-bottom:2px solid var(--line);padding:22px;order:3}.panel-edit.show{display:block}.preview canvas{max-height:540px}.studio-buybar{position:relative;top:auto;flex-wrap:wrap;gap:12px;padding:12px 15px}.buybar-product{flex:1 1 180px}.buybar-price{align-items:flex-start}.buybar-cta{flex:1 1 140px;min-width:0}.studio-app>header{z-index:9}dialog{padding:35px 20px}.product{min-width:160px}.library-grid{grid-template-columns:1fr 1fr}}.landing{min-height:100vh;color:var(--ink)}.landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 5%;background:var(--paper);border-bottom:2px solid var(--line)}.landing-nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.landing-nav nav a{color:var(--ink);text-decoration:none;font-size:12px;padding:8px 10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.landing-nav nav a:hover{color:var(--primary)}.nav-ghost{border:0;background:transparent;font-size:12px;padding:9px 14px;box-shadow:none;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.landing .brand{font-size:36px}.landing-hero{position:relative;min-height:100vh;min-height:100dvh;display:grid;align-items:end;overflow:hidden;padding:0;border-bottom:2px solid var(--line)}.hero-media{position:absolute;inset:0;background:#2a1a14}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.5;transform:scale(1.04);animation:heroDrift 18s ease-in-out infinite alternate}.hero-wash{position:absolute;inset:0;background:linear-gradient(180deg,#1b120e33,#1b120e8c 45%,#1b120eeb),linear-gradient(90deg,rgba(27,18,14,.6),transparent 55%)}.hero-copy{position:relative;z-index:1;padding:12vh 6% 10vh;max-width:820px;color:var(--paper);animation:fadeUp .7s ease}.brand-lockup{margin:0;font-family:var(--font-display);font-size:clamp(72px,14vw,112px);font-weight:400;letter-spacing:4.48px;line-height:.9;direction:ltr;text-align:start}.brand-lockup span{color:var(--primary-soft);margin-left:10px}.hero-tag{margin:10px 0 22px;font:12px var(--font-ui);font-weight:800;letter-spacing:.08em;color:var(--primary-soft);text-transform:uppercase}.landing-hero h1{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1.05;letter-spacing:.8px;max-width:16ch;color:var(--paper)}.hero-lead{margin:0 0 28px;font-size:16px;line-height:1.75;color:#e8ddd0;max-width:36ch}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.primary.big,.landing .primary.big{padding:14px 32px;font-size:16px;font-weight:800;border-radius:var(--radius);border:2px solid var(--line);height:52px;box-shadow:var(--shadow);letter-spacing:.04em;text-transform:uppercase}.text-link{color:var(--paper);text-decoration:none;font-size:14px;font-weight:700;border-bottom:2px solid var(--primary-soft);padding-bottom:2px;letter-spacing:.04em;text-transform:uppercase}.text-link:hover{color:var(--primary-soft);border-color:var(--paper)}@keyframes heroDrift{0%{transform:scale(1.04) translateY(0)}to{transform:scale(1.1) translateY(-2%)}}.landing-inner{width:min(1120px,92%);margin:0 auto}.landing-how{padding:88px 0 72px;background:var(--paper);border-bottom:2px solid var(--line)}.landing-how h2,.landing-products h2,.landing-cta h2{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:400;margin:10px 0 0;letter-spacing:.8px;line-height:1}.how-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.how-steps li{display:flex;gap:16px;align-items:flex-start;padding:20px;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--wash);box-shadow:var(--shadow-sm);animation:fadeUp .6s ease both}.how-steps li:nth-child(2){animation-delay:.08s}.how-steps li:nth-child(3){animation-delay:.16s}.how-steps em{font-style:normal;font-family:var(--font-display);font-size:36px;color:var(--primary);line-height:1;letter-spacing:1px}.how-steps b{display:block;font-size:15px;margin-bottom:8px;font-weight:800;letter-spacing:.02em}.how-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.landing-products{padding:72px 0 88px}.products-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;flex-wrap:wrap}.product-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.showcase-item{display:flex;flex-direction:column;align-items:stretch;text-align:start;padding:0;overflow:hidden;border:2px solid var(--line);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.showcase-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1b120e}.showcase-item img{width:100%;aspect-ratio:4/5;object-fit:contain;background:linear-gradient(180deg,var(--sage),#e2d6c4);padding:18px;transition:transform .35s;border-bottom:2px solid var(--line)}.showcase-item:hover img{transform:scale(1.04)}.showcase-item span{display:block;padding:14px 16px 16px}.showcase-item b{display:block;font-size:14px;font-weight:800}.showcase-item small{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:700}.landing-cta{padding:0 0 72px}.cta-band{padding:48px 40px;border-radius:var(--radius-lg);background:var(--primary);color:var(--paper);text-align:center;border:2px solid var(--line);box-shadow:var(--shadow)}.cta-band h2{margin:0 0 10px;color:var(--paper)}.cta-band p{margin:0 0 24px;color:#f3d6d6;font-size:15px;line-height:1.7}.cta-band .primary{background:var(--paper);color:var(--ink);border-color:var(--line)}.cta-band .primary:hover{background:var(--primary-soft)}.landing-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:28px 5%;border-top:2px solid var(--line);background:var(--paper);flex-wrap:wrap}.landing-foot .brand{font-size:26px}.landing-foot small{color:var(--muted);font-size:11px;font-weight:600}@media(max-width:900px){.how-steps,.product-showcase{grid-template-columns:1fr}.landing-hero{min-height:92vh}.hero-copy{padding:18vh 6% 8vh}.landing-nav nav a{display:none}.cta-band{padding:36px 22px}.brand-lockup{letter-spacing:2px}}.admin-page{min-height:100vh;padding:28px 4% 64px;max-width:1280px;margin:0 auto}.admin-gate{max-width:420px;margin:12vh auto;padding:32px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.admin-gate h1{margin:0 0 12px;font-family:var(--font-display);font-size:42px;letter-spacing:1px}.admin-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}.admin-top h1{margin:4px 0 6px;font-family:var(--font-display);font-size:48px;letter-spacing:1px;line-height:1}.admin-stats{display:flex;gap:12px;flex-wrap:wrap}.admin-stats>div{min-width:110px;padding:14px 18px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.admin-stats b{display:block;font-family:var(--font-display);font-size:32px;line-height:1;color:var(--primary)}.admin-stats span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--line)}.admin-tabs button.active{background:var(--ink);color:var(--paper)}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-toolbar input{flex:1;min-width:180px}.admin-product-list{display:grid;gap:12px}.admin-product{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:14px 16px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-product.is-off{opacity:.55}.admin-product-thumb{width:72px;height:80px;background:var(--sage);border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}.admin-product-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.admin-product-meta b{display:block;font-size:15px}.admin-product-meta small{display:block;color:var(--muted);margin-top:2px}.admin-price{display:block;margin-top:4px;font-weight:800;color:var(--primary)}.admin-mini-swatches{display:flex;gap:4px;margin-top:8px}.admin-mini-swatches i{width:14px;height:14px;border-radius:3px;border:1px solid var(--line);display:block}.admin-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge.warn{background:var(--primary-soft)}.admin-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.admin-editor-head h2{margin:4px 0;font-family:var(--font-display);font-size:40px;letter-spacing:1px;line-height:1}.admin-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-mockup-card{grid-column:1/-1}.admin-card{padding:20px 22px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-card h3,.admin-card h4{margin:0 0 12px;font-family:var(--font-display);font-size:26px;letter-spacing:.5px}.admin-card h4{margin-top:18px;font-size:20px}.admin-inline{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:8px 0}.admin-inline label{margin:0}.admin-colors{display:grid;gap:8px;margin-bottom:10px}.admin-color-row{display:grid;grid-template-columns:28px 1fr 48px 40px;gap:8px;align-items:center}.admin-color-row .swatch{width:28px;height:28px;border:2px solid var(--line);border-radius:6px}.chip-x{font-size:12px;padding:6px 10px}.admin-mockup-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;width:100%}.admin-mockup-fields{width:100%;max-width:640px}.area-editor{display:flex;flex-direction:column;gap:10px;width:100%}.area-stage{position:relative;width:100%!important;border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(45deg,#efe8db 25%,transparent 25%),linear-gradient(-45deg,#efe8db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#efe8db 75%),linear-gradient(-45deg,transparent 75%,#efe8db 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:var(--wash);overflow:hidden;touch-action:none}.area-canvas{position:relative;background:#ddd6c8}.area-mockup{position:absolute;overflow:hidden;pointer-events:none}.area-atlas{height:100%}.area-atlas img{display:block;height:100%;width:auto;max-width:none}.area-frame,.area-print{position:absolute;border:2px dashed var(--ink);cursor:move;box-sizing:border-box}.area-frame{border-color:#6a5a51;background:#1b120e10}.area-print{border-color:var(--primary);background:#c5202018}.area-tag{position:absolute;top:-2px;inset-inline-start:-2px;padding:2px 6px;font-size:10px;font-weight:800;letter-spacing:.06em;background:var(--ink);color:var(--paper)}.area-print .area-tag{background:var(--primary)}.area-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;background:var(--paper);border:2px solid var(--ink);border-radius:2px;cursor:nwse-resize;display:block}.area-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.area-nums label{margin:0;font-size:10px}.admin-mockup-fields .file-btn{display:block;margin:12px 0;padding:10px 12px;border:2px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--sage)}.admin-mockup-fields .file-btn input{display:none}.admin-hint{margin-top:12px;font-size:12px;line-height:1.5}.admin-ok{color:var(--success,#2f9b7a);font-weight:700}.admin-orders article,.admin-lib-list article{margin-top:12px;padding:14px 16px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.admin-lib-list{display:grid;gap:10px;margin-top:16px}.admin-library form{max-width:420px;padding:18px;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-lg)}@media(max-width:900px){.admin-editor-grid,.admin-mockup-layout,.admin-product{grid-template-columns:1fr}.admin-product{grid-template-columns:64px 1fr}.admin-product>button{grid-column:1/-1}.admin-inline{grid-template-columns:1fr}}
