:root{--gold:#a56b18;--ink:#171717;--muted:#6b6b6b;--line:#e8e2d8;--soft:#f8f5ef}*{box-sizing:border-box}.zmaip-body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.zmaip-shell{width:min(1180px,calc(100% - 32px));margin:auto}.zmaip-header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:20}.zmaip-header .zmaip-shell{height:72px;display:flex;align-items:center;justify-content:space-between}.zmaip-brand{font-size:24px;font-weight:800;color:#111;text-decoration:none}.zmaip-header nav{display:flex;gap:26px}.zmaip-header nav a{color:#222;text-decoration:none}.zmaip-main{padding:40px 0 70px}.zmaip-hero{display:grid;grid-template-columns:1.7fr .8fr;gap:28px;align-items:stretch;margin-bottom:30px}.zmaip-kicker{font-size:12px;letter-spacing:.18em;color:var(--gold);font-weight:800}.zmaip-hero h1{font-family:Georgia,serif;font-size:54px;line-height:1.02;margin:12px 0 16px;max-width:800px}.zmaip-hero p{font-size:19px;line-height:1.55;color:#555;max-width:760px}.zmaip-hero-card,.zmaip-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.04)}.zmaip-hero-card{background:var(--soft);padding:34px;display:flex;flex-direction:column;justify-content:center}.zmaip-hero-card strong{font-size:34px}.zmaip-hero-card span{font-size:19px;margin:8px 0}.zmaip-hero-card small{color:#666;line-height:1.5}.zmaip-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.zmaip-card{padding:26px}.zmaip-card h2{font-size:24px;margin:0 0 8px}.zmaip-card p{color:#666}.zmaip-drop{min-height:210px;border:2px dashed #cfc7b9;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fcfbf8;margin-top:20px}.zmaip-drop b{font-size:20px}.zmaip-drop span{margin-top:8px}.zmaip-drop small{color:#777;margin-top:8px}.zmaip-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.zmaip-thumb{aspect-ratio:1/1;position:relative;border-radius:12px;overflow:hidden;background:#eee}.zmaip-thumb img{width:100%;height:100%;object-fit:cover}.zmaip-thumb button{position:absolute;right:6px;top:6px;border:0;background:#fff;border-radius:50%;width:28px;height:28px;font-size:20px;cursor:pointer}.zmaip-card label{display:block;font-weight:700;margin-top:18px}.zmaip-card select{width:100%;margin-top:7px;padding:13px;border:1px solid #d8d2c7;border-radius:10px;background:#fff;font-size:16px}#zmaip-generate{width:100%;margin-top:24px;padding:15px 18px;border:0;border-radius:10px;background:var(--gold);color:#fff;font-size:17px;font-weight:800;cursor:pointer}#zmaip-generate:disabled{opacity:.6}.zmaip-status{margin-top:14px;padding:12px;border-radius:9px;background:#f5f5f5;color:#555}.zmaip-status.ok{background:#edf8ef;color:#21672b}.zmaip-status.err{background:#fff0f0;color:#a22929}.zmaip-status.busy{background:#fff8e9;color:#7b5a1e}.zmaip-result{margin-top:24px}.zmaip-result-box{min-height:360px;border-radius:14px;background:#f6f3ed;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#777}.zmaip-result-box img{width:100%;height:auto;display:block}.zmaip-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.zmaip-actions a{text-decoration:none;text-align:center;border:1px solid var(--gold);color:#7b4c0d;padding:13px;border-radius:10px;font-weight:700}.zmaip-note{margin-top:24px;padding:18px 20px;border-left:4px solid var(--gold);background:var(--soft);color:#555}.zmaip-note b{color:#222}.zmaip-note p{margin:6px 0 0;line-height:1.5}@media(max-width:800px){.zmaip-header nav{display:none}.zmaip-main{padding-top:24px}.zmaip-hero,.zmaip-grid{grid-template-columns:1fr}.zmaip-hero h1{font-size:39px}.zmaip-hero-card{padding:22px}.zmaip-thumbs{grid-template-columns:repeat(2,1fr)}.zmaip-actions{grid-template-columns:1fr}.zmaip-result-box{min-height:260px}}

/* v1.4.1 — canvas konfigurator za AI portret */
.zmaip-canvas-section{margin-top:24px}.zmaip-canvas-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start;margin-top:20px}.zmaip-canvas-preview-area{min-width:0}.zmaip-canvas-preview{--frame-px:8px;--frame-h:none;--frame-v:none;position:relative;width:min(100%,720px);margin:auto;background:#f4f0e8;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}.zmaip-canvas-preview img{width:100%;height:100%;object-fit:cover;display:block}.zmaip-canvas-preview.is-empty{min-height:280px;aspect-ratio:3/2}.zmaip-canvas-preview.is-empty img{display:none}.zmaip-canvas-preview.is-empty span{padding:24px;color:#777;text-align:center}.zmaip-frame-edge{display:none;position:absolute;z-index:3;pointer-events:none}.zmaip-canvas-preview.is-decorative .zmaip-frame-edge{display:block}.zmaip-frame-edge.top,.zmaip-frame-edge.bottom{left:0;right:0;height:var(--frame-px);background-image:var(--frame-h);background-size:auto 100%;background-repeat:repeat-x}.zmaip-frame-edge.top{top:0}.zmaip-frame-edge.bottom{bottom:0;transform:rotate(180deg)}.zmaip-frame-edge.left,.zmaip-frame-edge.right{top:0;bottom:0;width:var(--frame-px);background-image:var(--frame-v);background-size:100% auto;background-repeat:repeat-y}.zmaip-frame-edge.left{left:0}.zmaip-frame-edge.right{right:0;transform:rotate(180deg)}.zmaip-ratio-note{font-size:13px;color:#777;text-align:center;margin-top:10px;line-height:1.45}.zmaip-config-panel h3{font-size:16px;margin:0 0 10px}.zmaip-segment{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8d2c7;border-radius:11px;overflow:hidden;margin-bottom:18px}.zmaip-segment button{border:0;background:#fff;padding:13px 10px;font-weight:700;cursor:pointer}.zmaip-segment button.active{background:var(--gold);color:#fff}.zmaip-frame-colors{margin-bottom:18px}.zmaip-frame-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.zmaip-frame-options button{padding:4px;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;min-width:0}.zmaip-frame-options button.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(165,107,24,.08)}.zmaip-frame-options img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:6px}.zmaip-frame-options span{display:block;font-size:12px;margin-top:5px}.zmaip-size-label{margin-top:8px!important}.zmaip-price-row{display:flex;justify-content:space-between;align-items:end;margin-top:18px;padding:16px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.zmaip-price-row span{font-weight:700}.zmaip-price-row strong{font-size:30px}.zmaip-config-summary{font-size:13px;color:#666;margin:8px 0 14px;text-align:right}.zmaip-canvas-order{display:block;text-align:center;text-decoration:none;background:var(--gold);color:#fff;padding:15px 18px;border-radius:10px;font-weight:800}.zmaip-canvas-order:hover{color:#fff;filter:brightness(.96)}
@media(max-width:800px){.zmaip-canvas-grid{grid-template-columns:1fr}.zmaip-frame-options{grid-template-columns:repeat(5,minmax(0,1fr))}.zmaip-frame-options span{font-size:10px}.zmaip-price-row strong{font-size:26px}}


/* v1.4.7 — Android/Samsung select text visibility hard fix */
.zmaip-card select,#zmaip-canvas-size{
  display:block!important;width:100%!important;height:58px!important;min-height:58px!important;
  padding:0 44px 0 16px!important;line-height:normal!important;font-size:17px!important;font-weight:600!important;
  color:#171717!important;background-color:#fff!important;opacity:1!important;text-indent:0!important;
  -webkit-text-fill-color:#171717!important;-webkit-appearance:auto!important;appearance:auto!important;
  overflow:visible!important;clip:auto!important;transform:none!important;
}
.zmaip-card select option,#zmaip-canvas-size option{color:#171717!important;background:#fff!important;font-size:16px!important;}
@media(max-width:800px){.zmaip-card select,#zmaip-canvas-size{height:60px!important;min-height:60px!important;font-size:17px!important;}}


/* v1.4.8 — AI Portret uses the same clean original-frame renderer as AI Zid.
   Exact customer textures, flat profile, 45° mitres, no passepartout, no mid seams. */
.zmaip-canvas-preview{overflow:hidden!important}
.zmaip-canvas-preview.is-decorative img{position:relative;z-index:1}
.zmaip-frame-edge{z-index:5!important;background-repeat:no-repeat!important;background-position:center!important}
.zmaip-frame-edge.top,.zmaip-frame-edge.bottom{
 left:0!important;right:0!important;height:var(--frame-px)!important;
 background-size:100% 100%!important;transform:none!important;
}
.zmaip-frame-edge.left,.zmaip-frame-edge.right{
 top:0!important;bottom:0!important;width:var(--frame-px)!important;
 background-size:100% 100%!important;transform:none!important;
}
.zmaip-frame-edge.top{top:0!important;clip-path:polygon(0 0,100% 0,calc(100% - var(--frame-px)) 100%,var(--frame-px) 100%)}
.zmaip-frame-edge.bottom{bottom:0!important;clip-path:polygon(var(--frame-px) 0,calc(100% - var(--frame-px)) 0,100% 100%,0 100%)}
.zmaip-frame-edge.left{left:0!important;clip-path:polygon(0 0,100% var(--frame-px),100% calc(100% - var(--frame-px)),0 100%)}
.zmaip-frame-edge.right{right:0!important;clip-path:polygon(0 var(--frame-px),100% 0,100% 100%,0 calc(100% - var(--frame-px)))}
.zmaip-segment button{color:#161616!important;-webkit-text-fill-color:#161616!important;opacity:1!important;visibility:visible!important}
.zmaip-segment button.active{color:#fff!important;-webkit-text-fill-color:#fff!important}


/* v1.4.9 — crop/position editor; exact frame renderer untouched */
.zmaip-canvas-preview img{object-position:var(--crop-x,50%) var(--crop-y,50%)!important;transform:scale(var(--crop-zoom,1))!important;transform-origin:center center!important;touch-action:none;user-select:none;-webkit-user-drag:none;cursor:grab}
.zmaip-canvas-preview.is-crop-dragging img{cursor:grabbing}
.zmaip-crop-tools{width:min(100%,720px);margin:10px auto 0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:9px}
.zmaip-crop-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.zmaip-crop-title b{font-size:13px}.zmaip-crop-title small{font-size:11px;color:#777;text-align:right}
.zmaip-zoom-row{display:grid;grid-template-columns:auto 1fr 50px;align-items:center;gap:10px;font-size:12px;font-weight:700}.zmaip-zoom-row input{width:100%;margin:0}.zmaip-zoom-row span{text-align:right;font-variant-numeric:tabular-nums}
.zmaip-crop-actions{display:flex;gap:8px}.zmaip-crop-actions button{flex:1;border:1px solid #d8d2c7;border-radius:8px;background:#fff;color:#171717;padding:9px 10px;font-weight:700;cursor:pointer}
.zmaip-canvas-preview.is-empty+.zmaip-crop-tools{opacity:.45;pointer-events:none}
@media(max-width:800px){.zmaip-crop-title{display:block}.zmaip-crop-title small{display:block;margin-top:3px;text-align:left}}