#atelier-magnet-photo-editor{width:100%}#atelier-magnet-photo-editor .mag-shop{--mag-bg:#f7f7f3;--mag-paper:#fffefa;--mag-ink:#14251c;--mag-muted:#586058;--mag-line:#d6d9d2;--mag-brown:rgb(var(--color-button));--mag-tint:#f0e9dc;--mag-green:#28634b;--mag-error:#8c3629;background:var(--mag-bg);color:var(--mag-ink);font:inherit;color-scheme:light;container-type:inline-size}#atelier-magnet-photo-editor .mag-shop *{box-sizing:border-box}#atelier-magnet-photo-editor .mag-shop [hidden]{display:none!important}#atelier-magnet-photo-editor .mag-shop button,#atelier-magnet-photo-editor .mag-shop input{font:inherit}#atelier-magnet-photo-editor .mag-shop button{color:inherit}#atelier-magnet-photo-editor .mag-brand{display:flex;align-items:center;gap:14px;padding:16px 30px;border-bottom:1px solid var(--mag-line);font-size:13px;color:var(--mag-muted)}#atelier-magnet-photo-editor .mag-logo{width:48px;height:48px;object-fit:contain}#atelier-magnet-photo-editor .mag-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"product choices" "workspace workspace" "order order";gap:24px;padding:22px 30px 30px}#atelier-magnet-photo-editor .mag-product-heading{grid-area:product}#atelier-magnet-photo-editor .mag-eyebrow{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--mag-muted)}#atelier-magnet-photo-editor h1{font:400 28px/1.15 var(--font-heading-family);margin:6px 0 8px}#atelier-magnet-photo-editor .mag-product-heading>p{font-size:14px;color:var(--mag-muted);margin:0}#atelier-magnet-photo-editor .mag-choices{grid-area:choices;display:block;margin:0;padding:0}#atelier-magnet-photo-editor .mag-choices fieldset{padding:0;border:0;margin:0;min-width:0}#atelier-magnet-photo-editor .mag-choices legend{margin:0 0 8px;font-size:14px}#atelier-magnet-photo-editor .mag-pack-row{display:flex;gap:10px;flex-wrap:wrap}#atelier-magnet-photo-editor .mag-pack-row label{display:block}#atelier-magnet-photo-editor .mag-pack-row input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}#atelier-magnet-photo-editor .mag-pack-row label>span{display:flex;align-items:center;gap:18px;border:1px solid var(--mag-line);border-radius:5px;padding:10px 14px;min-height:46px;font-size:14px}#atelier-magnet-photo-editor .mag-pack-row strong{font-weight:500;white-space:nowrap}#atelier-magnet-photo-editor .mag-pack-row label:has(input:checked)>span{border-color:var(--mag-brown);box-shadow:inset 0 0 0 1px var(--mag-brown);background:var(--mag-tint)}#atelier-magnet-photo-editor .mag-pack-row label:has(input:focus-visible)>span{outline:auto}#atelier-magnet-photo-editor .mag-classic{display:block;font-size:12px;color:var(--mag-muted);margin-top:5px}#atelier-magnet-photo-editor .mag-workspace{grid-area:workspace;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;border-top:1px solid var(--mag-line);padding-top:22px}#atelier-magnet-photo-editor .mag-shop:not(.has-editor) .mag-workspace{grid-template-columns:1fr;max-width:760px;margin:auto}#atelier-magnet-photo-editor .mag-upload-panel,#atelier-magnet-photo-editor .mag-editor{min-width:0}#atelier-magnet-photo-editor h2{font:400 24px/1.2 var(--font-heading-family);margin:0}#atelier-magnet-photo-editor .mag-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}#atelier-magnet-photo-editor .mag-count{font-size:14px;white-space:nowrap}#atelier-magnet-photo-editor .mag-outline,#atelier-magnet-photo-editor .mag-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 14px;border-radius:5px;font-size:14px;text-align:center;line-height:1.35}#atelier-magnet-photo-editor .mag-shop .mag-outline{border:1px solid var(--mag-brown);color:var(--mag-brown);background:transparent}#atelier-magnet-photo-editor .mag-shop .mag-primary{border:1px solid var(--mag-brown);background:var(--mag-brown);color:#fff}#atelier-magnet-photo-editor .mag-upload{width:100%}#atelier-magnet-photo-editor .mag-upload,#atelier-magnet-photo-editor .mag-replace{position:relative;overflow:hidden}#atelier-magnet-photo-editor .mag-native-picker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}#atelier-magnet-photo-editor .mag-upload:has(input:focus-visible),#atelier-magnet-photo-editor .mag-replace:has(input:focus-visible){outline:auto}#atelier-magnet-photo-editor .mag-upload[aria-disabled=true]{opacity:.5}#atelier-magnet-photo-editor .mag-upload svg{width:20px;height:20px}#atelier-magnet-photo-editor .mag-file-help{font-size:12px;color:var(--mag-muted);margin:8px 0 18px}#atelier-magnet-photo-editor .mag-upload-error{font-size:13px;color:var(--mag-error);margin:10px 0}#atelier-magnet-photo-editor .mag-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}#atelier-magnet-photo-editor .mag-photo-tile{position:relative;min-width:0}#atelier-magnet-photo-editor .mag-tile-button{position:relative;display:block;border:1px solid var(--mag-line);border-radius:6px;overflow:hidden;padding:0;width:100%;background:var(--mag-paper);aspect-ratio:766/768}#atelier-magnet-photo-editor .mag-tile-button[aria-pressed=true]{outline:2px solid var(--mag-brown);outline-offset:2px}#atelier-magnet-photo-editor .mag-tile-button canvas{display:block;width:100%;height:100%}#atelier-magnet-photo-editor .mag-empty{border-style:dashed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--mag-muted);min-height:68px}#atelier-magnet-photo-editor .mag-empty svg{width:24px;height:24px}#atelier-magnet-photo-editor .mag-empty span{font-size:12px}#atelier-magnet-photo-editor .mag-tile-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 5px;margin-top:7px;font-size:12px}#atelier-magnet-photo-editor .mag-tile-state{color:var(--mag-muted);font-size:11px}#atelier-magnet-photo-editor .mag-tile-state.is-confirmed{color:var(--mag-green)}#atelier-magnet-photo-editor .mag-remove{display:flex;align-items:center;justify-content:center;position:absolute;top:3px;right:3px;width:32px;height:32px;background:var(--mag-paper);border:1px solid var(--mag-line);border-radius:50%;padding:7px}#atelier-magnet-photo-editor .mag-remove svg{width:16px;height:16px}#atelier-magnet-photo-editor .mag-grid-help{font-size:13px;line-height:1.5;color:var(--mag-muted);margin:18px 0 8px}#atelier-magnet-photo-editor .mag-saved-status{font-size:13px;color:var(--mag-green);min-height:20px;margin:8px 0}#atelier-magnet-photo-editor .mag-editor{padding:0 0 0 26px;border-left:1px solid var(--mag-line)}#atelier-magnet-photo-editor .mag-editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;min-height:30px}#atelier-magnet-photo-editor .mag-text{border:0;background:transparent;padding:4px 0;font-size:13px;color:var(--mag-brown);text-decoration:underline;text-underline-offset:3px}#atelier-magnet-photo-editor .mag-back{display:flex;align-items:center;gap:6px;text-decoration:none}#atelier-magnet-photo-editor .mag-back svg{width:17px;height:17px}#atelier-magnet-photo-editor .mag-photo-number{font-size:13px;color:var(--mag-muted)}#atelier-magnet-photo-editor .mag-editor-help{font-size:13px;margin:7px 0 14px;color:var(--mag-muted)}#atelier-magnet-photo-editor .mag-crop-surface{max-width:360px;width:100%;margin:auto;aspect-ratio:766/768;overflow:hidden;background:var(--mag-paper);touch-action:none;-webkit-user-select:none;user-select:none}#atelier-magnet-photo-editor .mag-canvas{display:block;width:100%;height:100%;touch-action:none}#atelier-magnet-photo-editor .mag-front-caption{font-size:12px;text-align:center;color:var(--mag-muted);margin:7px 0 17px}#atelier-magnet-photo-editor .mag-zoom-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}#atelier-magnet-photo-editor .mag-zoom-value{font-size:12px;color:var(--mag-muted);margin-left:7px;white-space:nowrap;font-variant-numeric:tabular-nums}#atelier-magnet-photo-editor .mag-zoom-row{display:flex;align-items:center;gap:8px;margin:3px 0 7px}#atelier-magnet-photo-editor .mag-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:1px solid var(--mag-line);border-radius:5px;background:var(--mag-paper);padding:11px}#atelier-magnet-photo-editor .mag-icon svg{width:20px;height:20px}#atelier-magnet-photo-editor .mag-zoom{min-width:0;width:100%;height:32px;accent-color:var(--mag-brown)}#atelier-magnet-photo-editor .mag-icon:disabled{opacity:.4}#atelier-magnet-photo-editor .mag-keyboard{font-size:12px;margin:5px 0 16px;color:var(--mag-muted)}#atelier-magnet-photo-editor .mag-keyboard summary{padding:8px 0;text-decoration:underline;text-underline-offset:3px}#atelier-magnet-photo-editor .mag-pan-row{display:flex;gap:8px;margin:6px 0}#atelier-magnet-photo-editor .mag-pan-help{font-size:12px;line-height:1.5;margin:6px 0 0}#atelier-magnet-photo-editor .mag-quality{font-size:13px;color:var(--mag-error);margin:10px 0}#atelier-magnet-photo-editor .mag-editor-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}#atelier-magnet-photo-editor .mag-tolerance{font-size:12px;color:var(--mag-muted);margin:12px 0 0;line-height:1.5}#atelier-magnet-photo-editor .mag-order{grid-area:order;width:100%;max-width:760px;border-top:1px solid var(--mag-line);margin:8px auto 0;padding-top:18px}#atelier-magnet-photo-editor .mag-order>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}#atelier-magnet-photo-editor .mag-order-summary{font-size:14px}#atelier-magnet-photo-editor .mag-total{font-weight:500;font-size:21px;white-space:nowrap}#atelier-magnet-photo-editor .mag-cart{width:100%}#atelier-magnet-photo-editor .mag-cart:disabled{opacity:.5}#atelier-magnet-photo-editor .mag-order-help{font-size:13px;color:var(--mag-muted);margin:8px 0 0}#atelier-magnet-photo-editor .mag-shop.has-editor .mag-order{display:none}#atelier-magnet-photo-editor .mag-stage{padding:18px 0 24px;margin-top:12px}#atelier-magnet-photo-editor .mag-phone{max-width:390px;width:100%;margin:auto;border:1px solid var(--mag-line);border-radius:16px;overflow:hidden}@container (max-width:660px){#atelier-magnet-photo-editor .mag-brand{padding:12px 16px;gap:10px;font-size:12px}#atelier-magnet-photo-editor .mag-logo{width:40px;height:40px}#atelier-magnet-photo-editor .mag-main{display:block;padding:20px 16px 24px}#atelier-magnet-photo-editor h1{font-size:27px}#atelier-magnet-photo-editor h2{font-size:23px}#atelier-magnet-photo-editor .mag-choices{display:block;margin:20px 0 24px;padding-bottom:17px}#atelier-magnet-photo-editor .mag-pack-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}#atelier-magnet-photo-editor .mag-pack-row label>span{display:block;padding:10px;font-size:14px}#atelier-magnet-photo-editor .mag-pack-row strong{display:block;margin-top:2px}#atelier-magnet-photo-editor .mag-classic{display:block;padding:0;margin-top:8px}#atelier-magnet-photo-editor .mag-workspace{grid-template-columns:1fr;gap:0;border-top:0;padding-top:0}#atelier-magnet-photo-editor .mag-editor{border-left:0;padding:0}#atelier-magnet-photo-editor .mag-shop.has-editor .mag-upload-panel,#atelier-magnet-photo-editor .mag-shop.has-editor .mag-product-heading,#atelier-magnet-photo-editor .mag-shop.has-editor .mag-choices{display:none}#atelier-magnet-photo-editor .mag-crop-surface{max-width:340px}#atelier-magnet-photo-editor .mag-editor-top{margin-bottom:12px}#atelier-magnet-photo-editor .mag-tile-label{display:block}#atelier-magnet-photo-editor .mag-tile-state{display:block;margin-top:2px}#atelier-magnet-photo-editor .mag-remove{width:34px;height:34px}#atelier-magnet-photo-editor .mag-file-help{font-size:11px}#atelier-magnet-photo-editor .mag-editor-actions{grid-template-columns:1fr 1.35fr}#atelier-magnet-photo-editor .mag-editor-actions button{padding:10px 8px;font-size:13px}}#atelier-magnet-photo-editor .mag-main{display:block;padding:0}#atelier-magnet-photo-editor .mag-choices{margin:0 0 22px}#atelier-magnet-photo-editor .mag-finish{margin-top:20px}#atelier-magnet-photo-editor .mag-film-help{font-size:13px;color:var(--mag-muted);margin:8px 0 0}#atelier-magnet-photo-editor .mag-finish-row{display:flex;flex-wrap:wrap;gap:8px}#atelier-magnet-photo-editor .mag-finish-row label{position:relative}#atelier-magnet-photo-editor .mag-finish-row input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}#atelier-magnet-photo-editor .mag-finish-row span{display:block;padding:9px 12px;border:1px solid var(--mag-line);border-radius:5px;font-size:14px}#atelier-magnet-photo-editor .mag-finish-row label:has(input:checked) span{border-color:var(--mag-brown);box-shadow:inset 0 0 0 1px var(--mag-brown);background:var(--mag-tint)}#atelier-magnet-photo-editor .mag-finish-row label:has(input:focus-visible) span{outline:auto}#atelier-magnet-photo-editor .mag-icon>span{font-size:22px;line-height:1}#atelier-magnet-photo-editor .mag-notes{margin-bottom:16px;font-size:14px}#atelier-magnet-photo-editor textarea{display:block;width:100%;padding:10px;margin-top:8px;font:inherit;font-size:16px;border:1px solid var(--mag-line);background:var(--mag-paper);color:var(--mag-ink)}#atelier-magnet-photo-editor .mag-remove{font-size:20px;line-height:1}#atelier-magnet-photo-editor .mag-upload-panel{width:100%}#atelier-magnet-photo-editor .mag-shop.has-editor .mag-order{display:block}@container (max-width:660px){#atelier-magnet-photo-editor .mag-main{padding:0}#atelier-magnet-photo-editor .mag-shop.has-editor .mag-order{display:none}#atelier-magnet-photo-editor .mag-choices{padding:0}}.mag-shop button.mag-confirm{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/37/assets/atelier-magnet-editor.css.map */