/* Online designer + custom print landing — Iran Pooshak light-blue theme */
.ipd,.ipl{--ipd-ink:#12293d;--ipd-muted:#5c7281;--ipd-line:#cfdbe5;--ipd-soft:#e4eef6;--ipd-bg:#f6f9fc;--ipd-card:#fff;--ipd-primary:#1f6fae;--ipd-primary-h:#2577b8;--ipd-accent:#8fd3ff;--ipd-danger:#c2413b}

/* ---------- Landing ---------- */
.ipl-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:40px 0 30px}
.ipl-hero h1{margin:16px 0 18px}
.ipl-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.ipl-features{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:13px;color:var(--ipd-muted)}
.ipl-features li{display:flex;gap:9px;align-items:center}
.ipl-features li:before{content:'✓';display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:var(--ipd-accent);color:var(--ipd-ink);font-size:11px;font-weight:700}
.ipl-hero-art{position:relative;aspect-ratio:1.05;border-radius:28px 120px 28px 28px;background:radial-gradient(circle at 70% 30%,#cfeaff 0,#e4eef6 45%,#d6e4ef 100%);overflow:hidden}
.ipl-shirt{position:absolute;filter:drop-shadow(0 18px 18px rgba(18,41,61,.18))}
.ipl-shirt svg{width:100%;height:auto;display:block}
.ipl-shirt-a{width:52%;top:7%;inset-inline-start:4%;transform:rotate(-6deg)}
.ipl-shirt-b{width:56%;top:20%;inset-inline-start:36%;z-index:2}
.ipl-shirt-c{width:34%;bottom:2%;inset-inline-start:8%;transform:rotate(5deg);z-index:3}
.ipl-steps h2,.ipl-pricing h2{margin-bottom:26px}
.ipl-pricing{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--ipd-card);border:1px solid var(--ipd-line);border-radius:24px;padding:40px;margin:30px 0}
.ipl-pricing h2{margin-bottom:12px}
.ipl-pricing p{color:var(--ipd-muted);font-size:14px}
.ipl-table{width:100%;border-collapse:collapse;font-size:14px}
.ipl-table th{font-size:11px;color:var(--ipd-muted);font-weight:400;text-align:start;padding:0 0 10px}
.ipl-table td{padding:13px 0;border-top:1px solid var(--ipd-line)}
.ipl-table td:last-child{text-align:end;font-weight:600}
.ipl-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ipl-product{display:flex;flex-direction:column;background:var(--ipd-card);border:1px solid var(--ipd-line);border-radius:20px;padding:16px;transition:transform .2s,box-shadow .2s}
.ipl-product:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,41,61,.1);color:inherit}
.ipl-product-art{background:var(--ipd-soft);border-radius:14px;aspect-ratio:1;display:grid;place-items:center;padding:12px}
.ipl-product-art svg{width:86%;height:auto}
.ipl-product h3{font-size:15px;margin:14px 0 6px}
.ipl-product p{font-size:12px;color:var(--ipd-muted);margin:6px 0 12px}
.ipl-dots{display:flex;gap:4px;flex-wrap:wrap}
.ipl-dots i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.ipl-go{margin-top:auto;font-size:12px;color:var(--ipd-primary);font-weight:600}
.ipl-b2b{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px dashed #9fbdd4;border-radius:22px;padding:30px 36px;margin-top:40px}
.ipl-b2b h2{font-size:26px;margin-bottom:8px}
.ipl-b2b p{margin:0;color:var(--ipd-muted);font-size:13px;max-width:640px}
.ipl-final{text-align:center;padding:60px 0 20px}
.ipl-final p{color:var(--ipd-muted)}

/* ---------- Editor shell ---------- */
.ipd-body .cta,.ipd-body .footer-word{display:none}
.ipd{color:var(--ipd-ink);margin:10px auto 0;max-width:1600px;padding:0 16px;position:relative}
.ipd *{box-sizing:border-box}
.ipd button{font:inherit;color:inherit}
.ipd svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ipd-loading{display:flex;gap:12px;align-items:center;justify-content:center;min-height:60vh;color:var(--ipd-muted);font-size:14px}
.ipd-spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--ipd-line);border-top-color:var(--ipd-primary);animation:ipd-spin .8s linear infinite}
@keyframes ipd-spin{to{transform:rotate(360deg)}}
.ipd-noscript{padding:40px;text-align:center}
.ipd section,.ipd footer,.ipd header,.ipd nav,.ipd aside{padding:0;margin:0;border:0;font-size:inherit}
.ipd input[type=range],.ipd input[type=checkbox],.ipd input[type=color]{width:auto;padding:0;border:0;background:none}
.ipd-app{display:grid;grid-template-columns:230px minmax(0,1fr) 360px;gap:0;background:var(--ipd-card);border:1px solid var(--ipd-line);border-radius:22px;overflow:hidden;height:calc(100vh - 150px);min-height:600px;max-height:1000px}
body.admin-bar .ipd-app{height:calc(100vh - 182px)}
.ipd .ipd-layers{padding:20px 18px;border-inline-end:1px solid var(--ipd-line);background:var(--ipd-bg);overflow:auto;min-height:0}
.ipd-layers h2,.ipd-panel-head h2{font-size:15px;margin:0;font-weight:600;letter-spacing:0}
.ipd-layers h2{padding-bottom:14px;border-bottom:1px solid var(--ipd-line);margin-bottom:12px}
.ipd-empty{font-size:12px;color:var(--ipd-muted);margin:0}
.ipd-layer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ipd-layer-list li{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--ipd-line);border-radius:12px;padding:5px}
.ipd-layer-list li.is-sel{border-color:var(--ipd-primary);box-shadow:0 0 0 2px #d3e9fa}
.ipd-layer-main{flex:1;display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;min-width:0;text-align:start;cursor:pointer}
.ipd-layer-main img{width:40px;height:40px;border-radius:8px;background:repeating-conic-gradient(#aebbc6 0 25%,#c9d3dc 0 50%) 0 0/10px 10px;flex-shrink:0}
.ipd-layer-main span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ipd-layer-btns{display:flex}
.ipd-layer-btns button{width:26px;height:26px;display:grid;place-items:center;border:0;background:none;border-radius:7px;color:var(--ipd-muted);cursor:pointer;padding:0}
.ipd-layer-btns button:hover{background:var(--ipd-soft);color:var(--ipd-ink)}
.ipd-layer-btns svg{width:15px;height:15px}
.ipd-layer-btns .ipd-del:hover{color:var(--ipd-danger)}

.ipd .ipd-stage{display:flex;flex-direction:column;min-width:0;min-height:0;border-inline-end:1px solid var(--ipd-line)}
.ipd .ipd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--ipd-line)}
.ipd-top strong{color:var(--ipd-primary);font-size:15px}
.ipd-top-actions{display:flex;gap:6px;align-items:center}
.ipd-round{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--ipd-soft);cursor:pointer;color:var(--ipd-ink);padding:0}
.ipd-round:hover{background:#d3e4f1;color:var(--ipd-ink)}
.ipd-round:disabled{opacity:.4;cursor:default}
.ipd-pill{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--ipd-soft);border-radius:30px;padding:9px 14px;font-size:12px;cursor:pointer}
.ipd-pill:hover{background:#d3e4f1}
.ipd .ipd-areas{display:flex;flex:none;gap:8px;padding:10px 16px;border-bottom:1px solid var(--ipd-line);font-size:11px;overflow-x:auto;scrollbar-width:thin}
.ipd-areas button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:66px;border:1px solid var(--ipd-line);background:#fff;border-radius:12px;padding:6px 8px 5px;cursor:pointer;font-size:11px}
.ipd-areas button[aria-pressed=true]{border-color:var(--ipd-primary);box-shadow:0 0 0 2px #d3e9fa;color:var(--ipd-primary);font-weight:600}
.ipd-areas img{width:34px;height:38px;object-fit:contain}
.ipd-dot{position:absolute;top:5px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--ipd-primary)}
.ipd-canvas-wrap{position:relative;flex:1;min-height:300px;background:linear-gradient(180deg,#f3f7fb,#e9f0f6)}
.ipd-scroll{position:absolute;inset:0;overflow:auto;display:flex;padding:52px 64px 16px}
.ipd-canvas{margin:auto;display:block;touch-action:none;outline:none;border-radius:8px}
.ipd-canvas:focus-visible{box-shadow:0 0 0 3px #9fd0f5}
.ipd-canvas.is-drawing{cursor:crosshair!important}
.ipd-chip{position:absolute;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--ipd-line);border-radius:30px;padding:7px 12px;font-size:12px;box-shadow:0 2px 10px rgba(18,41,61,.06)}
.ipd-product-chip{inset-inline-start:14px;cursor:pointer}
.ipd-product-chip i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.ipd-product-chip svg{width:14px;height:14px}
.ipd-size-chip{inset-inline-end:14px;color:var(--ipd-muted)}
.ipd-zoom{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--ipd-line);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(18,41,61,.06)}
.ipd-zoom button{width:38px;height:36px;border:0;background:none;font-size:18px;cursor:pointer}
.ipd-zoom button:hover{background:var(--ipd-soft)}
.ipd-zoom-val{font-size:10px;color:var(--ipd-muted);padding:2px 0}
.ipd-warn{position:absolute;bottom:12px;inset-inline:14px;z-index:2;margin:0;background:#fff6e5;border:1px solid #f0cf8f;color:#7a4b00;border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.7}
.ipd-drawbar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:10px;align-items:center;background:var(--ipd-ink);color:#fff;border-radius:30px;padding:6px 6px 6px 16px;font-size:12px;white-space:nowrap}
[dir=rtl] .ipd-drawbar{padding:6px 16px 6px 6px}
.ipd-drawbar button{border:0;background:var(--ipd-accent);color:var(--ipd-ink);border-radius:20px;padding:6px 14px;cursor:pointer;font-weight:600}
.ipd-selbar{flex:none;display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--ipd-line)}
.ipd-selbar button{border:1px solid var(--ipd-line);background:#fff;border-radius:12px;padding:8px 14px;font-size:12px;cursor:pointer;color:var(--ipd-primary)}
.ipd-selbar button:hover{border-color:var(--ipd-primary)}
.ipd-selbar .ipd-danger{color:var(--ipd-danger)}
.ipd-tools{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 16px;border-top:1px solid var(--ipd-line)}
.ipd-tools button,.ipd-help-tools button{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--ipd-line);background:#fff;border-radius:14px;padding:10px;font-size:12px;cursor:pointer}
.ipd-tools button:hover,.ipd-help-tools button:hover{border-color:var(--ipd-primary);color:var(--ipd-primary)}
.ipd-tools button[aria-pressed=true]{border-color:var(--ipd-primary);background:#eaf5fd;color:var(--ipd-primary)}
.ipd .ipd-price{display:flex;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;margin:0;border-top:1px solid var(--ipd-line);font-size:inherit}
.ipd-price strong{display:block;font-size:19px}
.ipd-price strong.is-small{font-size:13px;font-weight:600}
.ipd-price small{display:block;font-size:11px;color:var(--ipd-muted);margin-top:2px}
.ipd-review-btn,.ipd-primary{border:0;background:var(--ipd-primary);color:#fff!important;border-radius:14px;padding:13px 26px;font-weight:600;cursor:pointer;font-size:14px}
.ipd-review-btn:hover,.ipd-primary:hover{background:var(--ipd-primary-h)}
.ipd-review-btn:disabled{background:#b9d4e8;cursor:default}
.ipd-wide{width:100%}
.ipd-ghost{border:1px solid var(--ipd-line);background:var(--ipd-soft);border-radius:14px;padding:12px 16px;cursor:pointer;font-size:13px;white-space:nowrap}
.ipd-link{border:0;background:none;color:var(--ipd-primary);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:13px;padding:8px}

/* ---------- Side panel ---------- */
.ipd .ipd-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
.ipd-panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--ipd-line)}
.ipd-panel-body{flex:1;overflow:auto;padding:18px}
.ipd-panel-foot{display:flex;gap:10px;padding:0 18px 18px;flex-wrap:wrap}
.ipd-panel-foot:empty{display:none}
.ipd-panel-foot .ipd-primary{flex:1}
.ipd-panel:not(.is-open) [data-act=panel-close]{display:none}
.ipd-help p{font-size:13px;color:var(--ipd-muted);line-height:2}
.ipd-help-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ipd-hint{font-size:12px;color:var(--ipd-muted);line-height:1.9;margin:12px 0}
.ipd-recent{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ipd-recent button{aspect-ratio:1;border:1px solid var(--ipd-line);border-radius:12px;background:repeating-conic-gradient(#e6edf3 0 25%,#fff 0 50%) 0 0/12px 12px;padding:6px;cursor:pointer}
.ipd-recent img{width:100%;height:100%;object-fit:contain}
.ipd-text-input{width:100%;border:2px solid var(--ipd-line);border-radius:14px;padding:12px;font-size:16px;resize:vertical;background:#fff;color:var(--ipd-ink)}
.ipd-text-input:focus{border-color:var(--ipd-primary);outline:0}
.ipd-text-preview{margin:12px 0;border-radius:14px;min-height:70px;display:grid;place-items:center;padding:10px;background:repeating-conic-gradient(#3c4a55 0 25%,#2f3b45 0 50%) 0 0/16px 16px}
.ipd-text-preview canvas{max-width:100%;height:auto}
.ipd-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.ipd-tabs button{border:1px solid var(--ipd-line);background:#fff;border-radius:12px;padding:9px 6px;font-size:12px;cursor:pointer}
.ipd-tabs button[aria-selected=true]{border-color:var(--ipd-primary);background:#eaf5fd;color:var(--ipd-primary);font-weight:600}
.ipd-fonts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}
.ipd-fonts button{border:1px solid var(--ipd-line);background:#fff;border-radius:12px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden}
.ipd-fonts b{font-size:14px;white-space:nowrap}
.ipd-fonts small{font:10px Arial,sans-serif;color:var(--ipd-muted)}
.ipd-fonts button[aria-pressed=true]{border-color:var(--ipd-primary);box-shadow:0 0 0 2px #d3e9fa}
.ipd-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin:4px 0 12px;cursor:pointer}
.ipd-check input{width:18px;height:18px;accent-color:var(--ipd-primary)}
.ipd-swatches{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0 14px}
.ipd-swatches button{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--ipd-line);cursor:pointer;padding:0}
.ipd-swatches button[aria-pressed=true]{box-shadow:0 0 0 3px var(--ipd-primary)}
.ipd-picker{width:34px;height:34px;border-radius:50%;overflow:hidden;position:relative;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);box-shadow:0 0 0 1px var(--ipd-line);cursor:pointer;display:inline-block}
.ipd-picker input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.ipd-picker-sm{width:26px;height:26px}
.ipd-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:14px}
.ipd-row>span{flex:0 0 52px;font-size:12px;color:var(--ipd-muted)}
.ipd-row button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ipd-line);background:#fff;border-radius:11px;padding:7px 11px;font-size:12px;cursor:pointer}
.ipd-row button i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.ipd-row button[aria-pressed=true]{border-color:var(--ipd-primary);color:var(--ipd-primary);background:#eaf5fd}
.ipd-curve input[type=range]{flex:1;accent-color:var(--ipd-primary);min-width:120px}
.ipd-brush-dot{display:inline-block;border-radius:50%;flex-shrink:0}
.ipd-emoji{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.ipd-emoji button{border:0;background:none;font-size:22px;padding:6px 0;border-radius:8px;cursor:pointer}
.ipd-emoji button:hover{background:var(--ipd-soft)}

/* Review */
.ipd-rev-sub{font-size:12px;color:var(--ipd-muted);margin:0 0 12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ipd-cdot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.ipd-rev-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ipd-rev-card{margin:0;border:1px solid var(--ipd-line);border-radius:14px;overflow:hidden;background:var(--ipd-bg)}
.ipd-rev-card img{width:100%;height:auto}
.ipd-rev-card figcaption{display:flex;justify-content:space-between;gap:6px;font-size:11px;padding:7px 10px;background:#fff;border-top:1px solid var(--ipd-line)}
.ipd-unprinted{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ipd-muted);margin:12px 0}
.ipd-unprinted em{font-style:normal;border:1px solid var(--ipd-line);border-radius:20px;padding:2px 10px}
.ipd-panel h3{font-size:13px;margin:18px 0 10px}
.ipd-qty{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ipd-qty label{display:flex;justify-content:space-between;align-items:center;gap:6px;border:1px solid var(--ipd-line);border-radius:12px;padding:5px 5px 5px 10px;font-size:12px;font-weight:600}
[dir=rtl] .ipd-qty label{padding:5px 10px 5px 5px}
.ipd-step{display:flex;align-items:center}
.ipd-step button{width:28px;height:28px;border:0;border-radius:8px;background:var(--ipd-soft);cursor:pointer;font-size:16px;line-height:1}
.ipd-step input{width:42px;border:0;text-align:center;font-weight:600;background:none;padding:2px;-moz-appearance:textfield}
.ipd-step input::-webkit-inner-spin-button{display:none}
.ipd-sum{margin:16px 0 4px;border-top:1px solid var(--ipd-line);padding-top:12px}
.ipd-sum-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:4px 0}
.ipd-sum>.ipd-sum-row strong{font-size:16px}
.ipd-sum details{border:0;padding:4px 0}
.ipd-sum summary{font-size:12px;color:var(--ipd-primary)}
.ipd-sum summary:after{content:''}
.ipd-min{font-size:12px;color:var(--ipd-danger);margin:6px 0 0}
.ipd-note{font-size:12px;background:#eaf5fd;border-radius:12px;padding:10px 12px;line-height:1.9}
.ipd-form label{display:block;font-size:12px;margin-bottom:10px}
.ipd-form input:not([type=checkbox]),.ipd-form textarea{margin-top:5px;background:#fff}
.ipd-form .ipd-check{display:flex;align-items:flex-start;font-size:11px;line-height:1.8}
.ipd-form .ipd-check input{margin-top:3px;flex-shrink:0}
.ipd-trap{position:absolute!important;width:1px!important;height:1px;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.ipd-form-msg{font-size:12px;color:var(--ipd-danger);margin:0}
.ipd-success{text-align:center;padding:30px 10px}
.ipd-success-icon{width:70px;height:70px;border-radius:50%;margin:0 auto 18px;background:var(--ipd-accent);display:grid;place-items:center;font-size:32px;font-weight:700}
.ipd-success p{font-size:14px;line-height:2}

/* Modal / sheet */
.ipd-modal{position:fixed;inset:0;z-index:2000;background:rgba(12,30,46,.5);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}
.ipd-modal[hidden]{display:none}
.ipd-modal-card{background:#fff;border-radius:22px;width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;color:var(--ipd-ink)}
.ipd-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.ipd-modal-head h2{font-size:20px;margin:0}
.ipd-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ipd-pgrid button{display:flex;flex-direction:column;gap:5px;text-align:start;border:1px solid var(--ipd-line);border-radius:16px;background:#fff;padding:10px;cursor:pointer}
.ipd-pgrid button:hover{border-color:var(--ipd-primary);box-shadow:0 8px 20px rgba(18,41,61,.08)}
.ipd-pimg{background:var(--ipd-soft);border-radius:12px;aspect-ratio:1;display:grid;place-items:center}
.ipd-pimg img{width:82%;height:auto}
.ipd-pgrid b{font-size:13px;margin-top:4px}
.ipd-pgrid small{font-size:11px;color:var(--ipd-muted)}
.ipd-pdots{display:flex;gap:3px}
.ipd-pdots i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.ipd-modal.is-sheet{align-items:flex-end}
.ipd-modal.is-sheet .ipd-modal-card{width:min(560px,100%);border-radius:22px 22px 0 0;margin-bottom:-20px;padding-bottom:30px}
.ipd-sheet-img{background:var(--ipd-soft);border-radius:16px;display:grid;place-items:center;height:210px;margin-bottom:16px}
.ipd-sheet-img img{height:190px;width:auto}
.ipd-modal h3{font-size:12px;color:var(--ipd-muted);font-weight:400;margin:14px 0 8px}
.ipd-opts{display:flex;flex-wrap:wrap;gap:8px}
.ipd-opts button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ipd-line);background:#fff;border-radius:14px;padding:9px 14px;font-size:13px;cursor:pointer}
.ipd-opts button i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.ipd-opts button[aria-pressed=true]{border-color:var(--ipd-primary);background:#eaf5fd;color:var(--ipd-primary);font-weight:600;box-shadow:0 0 0 1px var(--ipd-primary)}
.ipd-sheet-foot{margin-top:22px;text-align:center}
.ipd-sheet-foot small{display:block;font-size:11px;color:var(--ipd-muted);margin-top:8px}
.ipd-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2100;background:var(--ipd-ink);color:#fff;border-radius:14px;padding:12px 18px;font-size:13px;max-width:min(520px,calc(100% - 32px));box-shadow:0 10px 30px rgba(0,0,0,.2)}
.ipd-toast[hidden]{display:none}
.ipd-backdrop{position:fixed;inset:0;z-index:1500;background:rgba(12,30,46,.4)}
.ipd-backdrop[hidden]{display:none}

/* ---------- Responsive ---------- */
@media(max-width:1200px){.ipd-app{grid-template-columns:190px minmax(0,1fr) 320px}.ipl-products{grid-template-columns:repeat(3,minmax(0,1fr))}.ipd-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){
 .ipd{padding:0 8px;margin-top:8px}
 .ipd-app{display:flex;flex-direction:column;border-radius:18px;min-height:0;height:auto;max-height:none}
 body.admin-bar .ipd-app{height:auto}
 .ipd .ipd-stage{order:1;border:0}
 .ipd .ipd-layers{order:2;border:0;border-top:1px solid var(--ipd-line);padding:14px;overflow:visible}
 .ipd-layer-list{grid-template-columns:1fr 1fr}
 .ipd-canvas-wrap{flex:none;height:min(62vh,560px);min-height:360px}
 .ipd-scroll{padding:50px 48px 10px}
 .ipd-top strong{font-size:13px}
 .ipd-pill span{display:none}
 .ipd .ipd-panel{display:none;position:fixed;inset:auto 0 0 0;top:auto;z-index:1600;background:#fff;border-radius:20px 20px 0 0;max-height:78vh;box-shadow:0 -10px 40px rgba(0,0,0,.18)}
 .ipd .ipd-panel.is-open{display:flex}
 .ipd-panel.is-compact{max-height:34vh}
 .ipd-panel.is-compact .ipd-hint{display:none}
 .ipd .ipd-price{position:sticky;bottom:0;background:#fff;z-index:5;box-shadow:0 -6px 18px rgba(18,41,61,.06)}
 .ipd-price strong{font-size:16px}
 .ipd-review-btn{padding:12px 18px}
 .ipl-hero{grid-template-columns:1fr;gap:28px;padding-top:24px}
 .ipl-pricing{grid-template-columns:1fr;padding:26px}
 .ipl-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ipl-b2b{flex-direction:column;align-items:flex-start;padding:24px}
 .ipd-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ipd-fonts{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:520px){
 .ipl-features{grid-template-columns:1fr}
 .ipd-areas button{min-width:58px;padding:5px 6px}
 .ipd-selbar{padding:8px 10px;gap:6px}
 .ipd-selbar button{padding:7px 10px}
 .ipd-tools{padding:8px 10px;gap:8px}
 .ipd-chip{font-size:11px;padding:6px 10px}
 .ipd-size-chip{top:52px;inset-inline-end:auto;inset-inline-start:14px}
 .ipd-scroll{padding:90px 50px 10px 10px}
 [dir=ltr] .ipd-scroll{padding:90px 10px 10px 50px}
 .ipd-qty{grid-template-columns:1fr}
}