.omni-generatory-przerysuj-obrazek{--draw-green:#4f883d;--draw-green-dark:#3d6d2e;--draw-text:#1a1e26;--draw-muted:#64748b;--draw-line:#dce4ef;--draw-panel:#ffffff;--draw-soft:#f6f8fb;--draw-preview:#d9e2ed;--draw-paper:#fffdf8;font-family:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--draw-text)}.omni-generatory-przerysuj-obrazek *,.omni-generatory-przerysuj-obrazek *::before,.omni-generatory-przerysuj-obrazek *::after{box-sizing:border-box}.omni-generatory-przerysuj-obrazek :is(h1,h2,h3,p){margin:0;padding:0;color:inherit;line-height:1.2;letter-spacing:0}.omni-generatory-przerysuj-obrazek .draw-app{max-width:1360px;margin:0 auto;padding:22px 14px 28px}.omni-generatory-przerysuj-obrazek .draw-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.omni-generatory-przerysuj-obrazek .draw-topbar h1{font-size:34px;font-weight:750}.omni-generatory-przerysuj-obrazek .draw-topbar p,.omni-generatory-przerysuj-obrazek .draw-preview-header p{margin-top:6px;color:var(--draw-muted);font-size:15px}.omni-generatory-przerysuj-obrazek .draw-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:14px;align-items:start}.omni-generatory-przerysuj-obrazek .draw-sidebar{display:grid;gap:12px}.omni-generatory-przerysuj-obrazek .draw-panel,.omni-generatory-przerysuj-obrazek .draw-preview-panel{background:var(--draw-panel);border:1px solid var(--draw-line);border-radius:8px;box-shadow:0 12px 28px rgb(15 23 42 / .06)}.omni-generatory-przerysuj-obrazek .draw-panel{padding:12px}.omni-generatory-przerysuj-obrazek .draw-panel h2,.omni-generatory-przerysuj-obrazek .draw-preview-header h2{font-size:18px;font-weight:650}.omni-generatory-przerysuj-obrazek .draw-file-drop{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;margin-top:12px;padding:14px;background:#f7fbfa;border:1px dashed #bad7b3;border-radius:8px;color:inherit;cursor:pointer;font:inherit;text-align:left}.omni-generatory-przerysuj-obrazek .draw-file-drop:hover,.omni-generatory-przerysuj-obrazek .draw-file-drop:focus-visible{border-color:var(--draw-green);background:#f1f8ef}.omni-generatory-przerysuj-obrazek .draw-file-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;color:#fff;background:var(--draw-green);font-size:22px;font-weight:650}.omni-generatory-przerysuj-obrazek .draw-file-drop small{display:block;margin-top:2px;color:var(--draw-muted);font-size:14px;font-weight:500}.omni-generatory-przerysuj-obrazek .draw-field,.omni-generatory-przerysuj-obrazek .draw-range,.omni-generatory-przerysuj-obrazek .draw-color{display:grid;gap:7px;margin-top:12px;font-size:14px;font-weight:650}.omni-generatory-przerysuj-obrazek .draw-field input,.omni-generatory-przerysuj-obrazek .draw-field select{width:100%;min-height:40px;border:1px solid var(--draw-line);border-radius:5px;padding:9px 10px;background:#fff;color:var(--draw-text);font:inherit}.omni-generatory-przerysuj-obrazek .draw-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.omni-generatory-przerysuj-obrazek .draw-range{grid-template-columns:1fr auto;align-items:center}.omni-generatory-przerysuj-obrazek .draw-range input{-webkit-appearance:none;appearance:none;grid-column:1 / -1;width:100%;height:28px;margin:0;background:#fff0;accent-color:var(--draw-green)}.omni-generatory-przerysuj-obrazek .draw-range input::-webkit-slider-runnable-track{height:8px;border:1px solid #bfd2bc;border-radius:999px;background:linear-gradient(90deg,#dcefd6,#dbe6f1)}.omni-generatory-przerysuj-obrazek .draw-range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:var(--draw-green);box-shadow:0 2px 8px rgb(20 32 51 / .28);cursor:pointer}.omni-generatory-przerysuj-obrazek .draw-range input::-moz-range-track{height:8px;border:1px solid #bfd2bc;border-radius:999px;background:linear-gradient(90deg,#dcefd6,#dbe6f1)}.omni-generatory-przerysuj-obrazek .draw-range input::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--draw-green);box-shadow:0 2px 8px rgb(20 32 51 / .28);cursor:pointer}.omni-generatory-przerysuj-obrazek .draw-range input:focus-visible{outline:3px solid rgb(79 136 61 / .18);outline-offset:3px}.omni-generatory-przerysuj-obrazek .draw-range strong,.omni-generatory-przerysuj-obrazek .draw-color strong{color:var(--draw-green);background:#eef7ea;border-radius:999px;padding:2px 10px;font-size:13px}.omni-generatory-przerysuj-obrazek .draw-color{grid-template-columns:1fr auto auto;align-items:center}.omni-generatory-przerysuj-obrazek .draw-color input{width:42px;height:38px;padding:3px;border:1px solid var(--draw-line);border-radius:5px;background:#fff}.omni-generatory-przerysuj-obrazek .draw-check{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid var(--draw-line);border-radius:5px;background:var(--draw-soft);font-size:14px;font-weight:650;cursor:pointer}.omni-generatory-przerysuj-obrazek .draw-check input{width:18px;height:18px;accent-color:var(--draw-green)}.omni-generatory-przerysuj-obrazek .draw-actions{display:flex;gap:8px}.omni-generatory-przerysuj-obrazek .draw-button{appearance:none;border:1px solid var(--draw-line);border-radius:5px;background:#fff;color:var(--draw-text);min-height:40px;padding:9px 13px;font:inherit;font-size:14px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.omni-generatory-przerysuj-obrazek .draw-button-primary{background:var(--draw-green);border-color:var(--draw-green);color:#fff}.omni-generatory-przerysuj-obrazek .draw-button:hover{border-color:var(--draw-green)}.omni-generatory-przerysuj-obrazek .draw-button-primary:hover{background:var(--draw-green-dark);border-color:var(--draw-green-dark)}.omni-generatory-przerysuj-obrazek .draw-button:disabled{cursor:wait;opacity:.65}.omni-generatory-przerysuj-obrazek .draw-preview-panel{min-width:0;overflow:hidden}.omni-generatory-przerysuj-obrazek .draw-preview-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--draw-line)}.omni-generatory-przerysuj-obrazek .draw-preview-stage{--draw-scale:1;min-height:720px;padding:14px;overflow:auto;background:var(--draw-preview)}.omni-generatory-przerysuj-obrazek .draw-page-shell{width:calc(1123px * var(--draw-scale));height:calc(794px * var(--draw-scale));margin:0 auto}.omni-generatory-przerysuj-obrazek .draw-page{position:relative;width:1123px;height:794px;padding:38px 44px 30px;transform:scale(var(--draw-scale));transform-origin:top left;display:flex;flex-direction:column;gap:22px;overflow:hidden;background:var(--draw-paper);color:#202428;box-shadow:0 18px 36px rgb(15 23 42 / .16)}.omni-generatory-przerysuj-obrazek .draw-page.portrait{width:794px;height:1123px}.omni-generatory-przerysuj-obrazek .draw-page-shell.is-portrait{width:calc(794px * var(--draw-scale));height:calc(1123px * var(--draw-scale))}.omni-generatory-przerysuj-obrazek .draw-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.omni-generatory-przerysuj-obrazek .draw-page-header h3{font-size:28px;font-weight:750}.omni-generatory-przerysuj-obrazek .draw-name-line{color:#404852;font-size:18px;font-weight:650}.omni-generatory-przerysuj-obrazek .draw-grids{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.omni-generatory-przerysuj-obrazek .draw-page.portrait .draw-grids{grid-template-columns:1fr}.omni-generatory-przerysuj-obrazek .draw-grid-card{height:100%;display:grid;place-items:center;padding:14px;border-radius:8px;background:#fff;border:1px solid #e4e9ef}.omni-generatory-przerysuj-obrazek .draw-grid{--cols:10;--rows:10;--grid-scale:100;--line-weight:2px;--grid-color:#222222;position:relative;width:min(100%, calc(430px * var(--grid-scale) / 100));aspect-ratio:var(--cols) / var(--rows);overflow:hidden;background:#fff;border:var(--line-weight) solid var(--grid-color)}.omni-generatory-przerysuj-obrazek .draw-page.portrait .draw-grid{width:min(100%, calc(540px * var(--grid-scale) / 100))}.omni-generatory-przerysuj-obrazek .draw-grid img{--image-scale:92;--image-opacity:82;--offset-x:0;--offset-y:0;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:calc(var(--image-opacity) / 100);transform:translate(calc(var(--offset-x) * 1%),calc(var(--offset-y) * 1%)) scale(calc(var(--image-scale) / 100));transform-origin:center;display:none}.omni-generatory-przerysuj-obrazek .draw-grid img.has-image{display:block}.omni-generatory-przerysuj-obrazek .draw-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8a95a3;font-size:20px;font-weight:750}.omni-generatory-przerysuj-obrazek .draw-grid img.has-image+.draw-empty{display:none}.omni-generatory-przerysuj-obrazek .draw-grid-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.omni-generatory-przerysuj-obrazek .draw-grid-lines line{stroke:var(--grid-color);stroke-width:var(--line-weight);vector-effect:non-scaling-stroke}.omni-generatory-przerysuj-obrazek .draw-grid-blank{background:#fff}.omni-generatory-przerysuj-obrazek .draw-page footer{margin-top:auto;text-align:center;color:#94a3b8;font-size:14px;font-weight:650}.omni-generatory-przerysuj-obrazek.is-exporting .draw-page{transform:none!important;box-shadow:none!important}@media (max-width:760px){.omni-generatory-przerysuj-obrazek .draw-layout{grid-template-columns:1fr}.omni-generatory-przerysuj-obrazek .draw-topbar,.omni-generatory-przerysuj-obrazek .draw-preview-header{flex-direction:column}}