.ops-ps{--ops-ps-red:#c32026;--ops-ps-ink:#101116;--ops-ps-muted:rgba(16,17,22,.66);--ops-ps-border:rgba(16,17,22,.13);--ops-ps-soft:#f7f5f4;max-width:1500px;margin:0 auto;padding:32px clamp(16px,2.4vw,36px) 64px;color:var(--ops-ps-ink);background:#fff;font:inherit}.ops-ps *{box-sizing:border-box}.ops-ps__header{max-width:1020px;margin:0 0 22px}.ops-ps__eyebrow{margin:0 0 7px;color:var(--ops-ps-red);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ops-ps__header h1{margin:0 0 9px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05;letter-spacing:-.025em}.ops-ps__header p:last-child{max-width:850px;margin:0;color:var(--ops-ps-muted);font-size:1rem;line-height:1.55}.ops-ps__toolbar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,1.25fr) auto auto minmax(190px,1.25fr);align-items:end;gap:10px;padding:14px;border:1px solid var(--ops-ps-border);border-radius:16px;background:#fff;box-shadow:0 4px 18px #1011160b}.ops-ps label{display:grid;gap:6px;min-width:0;font-size:.83rem;font-weight:750;line-height:1.3}.ops-ps input,.ops-ps select,.ops-ps button{min-height:44px;border:1px solid rgba(16,17,22,.2);border-radius:10px;background:#fff;color:var(--ops-ps-ink);font:inherit}.ops-ps input,.ops-ps select{width:100%;padding:9px 12px}.ops-ps select{cursor:pointer}.ops-ps input[type=color]{height:44px;padding:4px;cursor:pointer}.ops-ps input[type=file]{max-width:100%;padding:5px 7px;font-size:.78rem;font-weight:500}.ops-ps input[type=file]::file-selector-button{min-height:30px;margin-right:8px;padding:4px 9px;border:1px solid var(--ops-ps-border);border-radius:7px;background:#f7f5f4;color:var(--ops-ps-ink);font:inherit;font-weight:700;cursor:pointer}.ops-ps input[type=range]{height:28px;padding:0;border:0;border-radius:0;background:transparent;accent-color:var(--ops-ps-red);cursor:pointer}.ops-ps button{padding:9px 14px;font-weight:750;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.ops-ps button:hover:not(:disabled){border-color:var(--ops-ps-red);color:var(--ops-ps-red)}.ops-ps button:active:not(:disabled){transform:translateY(1px)}.ops-ps button:focus-visible,.ops-ps input:focus-visible,.ops-ps select:focus-visible{outline:3px solid rgba(195,32,38,.28);outline-offset:2px}.ops-ps button:disabled{opacity:.55;cursor:not-allowed}.ops-ps [data-save]{min-width:124px;border-color:var(--ops-ps-red);border-radius:999px;background:var(--ops-ps-red);color:#fff}.ops-ps [data-save]:hover:not(:disabled){background:#a91b20;color:#fff}.ops-ps [data-export-json],.ops-ps [data-import-button]{border-radius:999px}.ops-ps__layout{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}.ops-ps__panel{display:grid;gap:12px;min-width:0}.ops-ps fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;min-width:0;margin:0;padding:16px;border:1px solid var(--ops-ps-border);border-radius:16px;background:#fff;box-shadow:0 3px 14px #1011160a}.ops-ps legend{padding:0 7px;color:var(--ops-ps-ink);font-size:1rem;font-weight:850;letter-spacing:-.01em}.ops-ps fieldset p{grid-column:1/-1;margin:0;color:var(--ops-ps-muted);font-size:.8rem;line-height:1.45}.ops-ps fieldset output{grid-column:1/-1;color:var(--ops-ps-muted);font-size:.8rem}.ops-ps fieldset button{width:100%;min-height:42px;padding:8px 10px;font-size:.84rem}.ops-ps fieldset:has([data-tile-w])>label:nth-of-type(n+3),.ops-ps fieldset:has([data-gap-x])>label:nth-of-type(n+3),.ops-ps fieldset:has([data-length]),.ops-ps fieldset:has([data-dpi]),.ops-ps fieldset:has([data-seams]),.ops-ps fieldset:has([data-undo]),.ops-ps fieldset:has([data-redo]),.ops-ps fieldset:has([data-reset]),.ops-ps fieldset:has([data-proof]),.ops-ps fieldset:has([data-raster]),.ops-ps fieldset:has([data-manifest]){grid-column:1/-1}.ops-ps fieldset:has([data-bg])>label{grid-column:1/-1}.ops-ps fieldset:has([data-scale])>label{grid-column:1/-1}.ops-ps fieldset:has([data-dpi])>label{grid-column:1/-1}.ops-ps__artwork-source{grid-column:1/-1;display:grid;gap:8px}.ops-ps__artwork-source>button{border:1px solid var(--ops-ps-red);border-radius:999px;color:var(--ops-ps-red)}.ops-ps__artwork-source p{grid-column:1/-1;margin:0;color:var(--ops-ps-muted);font-size:.78rem;line-height:1.4}.ops-ps__work{display:grid;gap:12px;min-width:0}.ops-ps__canvases{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.ops-ps figure{min-width:0;margin:0;padding:14px;border:1px solid var(--ops-ps-border);border-radius:16px;background:#fff;box-shadow:0 4px 18px #1011160e}.ops-ps figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 11px;font-size:1rem;font-weight:850;letter-spacing:-.01em}.ops-ps figcaption span{color:var(--ops-ps-muted);font-size:.78rem;font-weight:550;letter-spacing:0}.ops-ps canvas{display:block;max-width:100%;height:auto;border:1px solid rgba(16,17,22,.1);border-radius:10px;background:#f4edf2;touch-action:none}.ops-ps canvas[hidden]{display:none}.ops-ps canvas[data-tile],.ops-ps canvas[data-seam-grid]{width:min(100%,680px);margin-inline:auto}.ops-ps canvas[data-preview]{width:100%;background:#fff}.ops-ps__preview-wrap{display:grid;place-items:center;min-height:280px;overflow:hidden;padding:10px;border:1px solid rgba(16,17,22,.08);border-radius:12px;background:linear-gradient(135deg,#f1f0f2,#e8e7ea)}.ops-ps__preview-wrap canvas{box-shadow:0 3px 12px #00000021}.ops-ps__zoom{display:flex;justify-content:center;gap:8px;margin-top:10px}.ops-ps__zoom button{min-width:42px;border-radius:999px;background:#fff}.ops-ps__status{min-height:1.5em;margin:0;color:var(--ops-ps-muted);font-size:.88rem}.ops-ps__basket{display:flex;align-items:center;gap:12px;margin-top:2px;padding:13px 15px;border:1px solid var(--ops-ps-border);border-radius:12px;background:var(--ops-ps-soft)}.ops-ps__basket p{margin:0;color:var(--ops-ps-muted);font-size:.84rem;line-height:1.45}.ops-ps__layers{grid-column:1/-1;display:grid;gap:5px;max-height:150px;overflow:auto}.ops-ps__layers:empty{display:none}.ops-ps__layers button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:6px 9px;text-align:left;font-size:.78rem;font-weight:650}.ops-ps__layers button[aria-pressed=true]{border-color:var(--ops-ps-red);background:#fff7f6;color:var(--ops-ps-red)}.ops-ps__layers span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-ps__layers small{flex:none;color:var(--ops-ps-muted);font-size:.68rem}@media(max-width:1050px){.ops-ps__toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-ps__toolbar>button{min-width:0}.ops-ps__toolbar>[data-import-button]{grid-column:1/-1}.ops-ps__layout{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}}@media(max-width:820px){.ops-ps__layout{grid-template-columns:1fr}.ops-ps__panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-ps__work{grid-row:1}}@media(max-width:600px){.ops-ps{padding:20px 12px 42px}.ops-ps__header{margin-bottom:16px}.ops-ps__header p:last-child{font-size:.92rem}.ops-ps__toolbar{grid-template-columns:1fr 1fr;gap:9px;padding:11px}.ops-ps__toolbar>label:first-child,.ops-ps__toolbar>label:nth-child(2),.ops-ps__toolbar>[data-import-button]{grid-column:1/-1}.ops-ps__toolbar>button{width:100%;font-size:.82rem}.ops-ps__panel{grid-template-columns:1fr}.ops-ps fieldset{padding:14px}.ops-ps figure{padding:10px;border-radius:13px}.ops-ps figcaption{align-items:flex-start;font-size:.92rem}.ops-ps figcaption span{font-size:.72rem}.ops-ps__preview-wrap{min-height:200px;padding:7px}.ops-ps__basket{align-items:flex-start}.ops-ps__artwork-dialog{padding:14px}.ops-ps__artwork-choice{grid-template-columns:48px minmax(0,1fr);gap:9px}.ops-ps__artwork-choice img{width:48px;height:48px}.ops-ps__artwork-use{grid-column:2}}.ops-ps__layout{align-items:start}.ops-ps__panel{align-content:start}.ops-ps__work{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.ops-ps__tile-figure{display:grid;gap:8px}.ops-ps__tile-wrap{display:grid;place-items:center;min-height:0}.ops-ps canvas[data-tile],.ops-ps canvas[data-seam-grid]{width:min(100%,680px);max-height:72vh;object-fit:contain}.ops-ps__status{min-height:1.2em}.ops-ps__dimensions,.ops-ps__layer-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ops-ps__layer-actions button{min-height:40px;padding:7px;font-size:.8rem}.ops-ps__tool-details,.ops-ps__settings{grid-column:1/-1;min-width:0;padding:10px 12px;border:1px solid var(--ops-ps-border);border-radius:11px;background:#faf9f8}.ops-ps details summary{cursor:pointer;font-weight:800;line-height:1.4}.ops-ps__tool-details[open],.ops-ps__settings[open]{display:grid;gap:10px}.ops-ps__tool-details p,.ops-ps__settings p{grid-column:1/-1;margin:0;color:var(--ops-ps-muted);font-size:.78rem;line-height:1.4}.ops-ps__settings{display:block}.ops-ps__settings[open]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-ps__settings summary{grid-column:1/-1}.ops-ps__surface{min-width:0}.ops-ps__surface[open]{display:block}.ops-ps__surface summary{cursor:pointer;padding:12px 14px;font-weight:850}.ops-ps__surface .ops-ps__preview-wrap{margin:0 12px 12px}.ops-ps__surface .ops-ps__zoom{padding-bottom:10px}.ops-ps__toolbar{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto auto auto}.ops-ps__toolbar>[data-import-button]{grid-column:auto}@media(max-width:820px){.ops-ps__work{grid-row:1;top:0;max-height:calc(100svh - 8px);padding:8px;background:#fffffff7;z-index:4}.ops-ps canvas[data-tile],.ops-ps canvas[data-seam-grid]{width:min(100%,58svh);max-height:55svh}.ops-ps__tile-figure{padding:8px}.ops-ps__panel{padding-top:8px}}@media(max-width:600px){.ops-ps__work{top:0;max-height:calc(100svh - 4px);border-radius:0}.ops-ps canvas[data-tile],.ops-ps canvas[data-seam-grid]{width:min(100%,54svh);max-height:52svh}.ops-ps__toolbar{grid-template-columns:1fr 1fr}.ops-ps__toolbar>label:first-child,.ops-ps__toolbar>[data-import-button]{grid-column:1/-1}.ops-ps__toolbar .ops-ps__profile{grid-column:1/-1}.ops-ps__settings{grid-template-columns:1fr}.ops-ps__dimensions{grid-template-columns:1fr 1fr}}.ops-ps__shape-colours,.ops-ps__shape-sizes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-ps fieldset:has([data-shape-type])>label,.ops-ps fieldset:has([data-shape-type])>[data-add-shape]{grid-column:1/-1}.ops-ps fieldset:has([data-shape-type]) p{grid-column:1/-1}@media(max-width:600px){.ops-ps__shape-colours,.ops-ps__shape-sizes{grid-template-columns:1fr 1fr}}.ops-ps__shape-actions{grid-column:1/-1;display:grid;gap:8px}.ops-ps__shape-actions button{width:100%}.ops-ps fieldset:has([data-shape-type]) .ops-ps__shape-actions,.ops-ps fieldset:has([data-text-content]) .ops-ps__shape-actions{grid-column:1/-1}.ops-ps fieldset:has([data-text-content])>label:first-of-type,.ops-ps fieldset:has([data-text-content])>label:has([data-text-color]),.ops-ps fieldset:has([data-text-content])>label:has([data-text-bold]){grid-column:1/-1}.ops-ps fieldset:has([data-text-content])>label:has([data-text-bold]){display:flex;align-items:center;justify-content:space-between}.ops-ps input[data-text-bold]{width:auto;min-height:24px;accent-color:var(--ops-ps-red)}
/*# sourceMappingURL=/cdn/shop/t/302/assets/ops-pattern-studio.css.map */