body.sps-configurator-page{background:#f5f6f5}body.sps-configurator-page .site-header,body.sps-configurator-page .site-footer{display:none!important}body.sps-configurator-page .main-content{padding:0!important;margin:0!important}.section-sps-configurator{position:relative;isolation:isolate;overflow:hidden}.sps-studio{--studio-bg: #f5f6f5;--studio-panel: #ffffff;--studio-panel-soft: #f3f5f4;--studio-canvas: #ecefee;--studio-text: #111314;--studio-muted: #6b7478;--studio-border: rgba(17, 19, 20, .12);--studio-border-strong: rgba(17, 19, 20, .2);--studio-primary: #393D3F;--studio-accent: #44BBA4;--studio-shadow: rgba(20, 23, 24, .11);min-height:100dvh;background:radial-gradient(circle at 22% 10%,rgba(68,187,164,.16),transparent 32%),linear-gradient(180deg,#fbfcfc 0%,var(--studio-bg) 100%);color:var(--studio-text);font-family:var(--font-body, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);overflow:hidden}html[data-theme=dark] .sps-studio{--studio-bg: #101314;--studio-panel: #171b1c;--studio-panel-soft: #202526;--studio-canvas: #15191a;--studio-text: #f4f6f5;--studio-muted: rgba(244, 246, 245, .66);--studio-border: rgba(255, 255, 255, .1);--studio-border-strong: rgba(255, 255, 255, .18);--studio-primary: #f4f6f5;--studio-shadow: rgba(0, 0, 0, .34);background:radial-gradient(circle at 75% 8%,rgba(68,187,164,.18),transparent 34%),linear-gradient(180deg,#0f1213 0%,var(--studio-bg) 100%)}.sps-studio *{box-sizing:border-box}.sps-studio__topbar{min-height:68px;padding:10px clamp(12px,1.8vw,24px);display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(330px,1fr);align-items:center;gap:16px;border-bottom:1px solid var(--studio-border);background:#ffffffc7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;z-index:8}html[data-theme=dark] .sps-studio__topbar{background:#101314c7}.sps-studio__brand,.sps-studio__top-actions,.sps-studio__statusbar{display:flex;align-items:center}.sps-studio__brand{gap:12px;min-width:0}.sps-studio__back{width:42px;height:42px;border-radius:999px;background:var(--studio-panel);color:var(--studio-text);border:1px solid var(--studio-border);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 26px var(--studio-shadow);font-size:1.35rem}.sps-studio__document{display:grid;gap:3px;min-width:0}.sps-studio__eyebrow{color:var(--studio-accent);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:950}.sps-studio__document strong{color:var(--studio-text);font-size:1rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sps-studio__statusbar{justify-self:center;gap:8px;color:var(--studio-muted);background:var(--studio-panel);border:1px solid var(--studio-border);padding:9px 14px;border-radius:999px;font-size:.86rem;font-weight:800;box-shadow:0 10px 26px var(--studio-shadow)}.sps-status-dot{width:8px;height:8px;border-radius:999px;background:var(--studio-accent);box-shadow:0 0 0 4px #44bba429}.sps-studio__top-actions{justify-self:end;gap:8px}.sps-mode{display:inline-flex;gap:3px;padding:4px;border-radius:999px;background:var(--studio-panel);border:1px solid var(--studio-border);box-shadow:0 10px 26px var(--studio-shadow)}.sps-mode button,.sps-studio__button,.sps-preview-controls button,.sps-stepnav button,.sps-preset{font:inherit;cursor:pointer}.sps-mode button{border:0;background:transparent;color:var(--studio-muted);border-radius:999px;min-width:42px;height:36px;font-weight:900}.sps-mode button.is-active{background:#44bba429;color:var(--studio-accent)}.sps-studio__button{min-height:40px;border-radius:999px;border:1px solid var(--studio-border);background:var(--studio-panel);color:var(--studio-text);padding:0 14px;font-weight:900;box-shadow:0 10px 26px var(--studio-shadow);transition:opacity .16s ease,border-color .16s ease,background .16s ease}.sps-studio__button:hover:not(:disabled){border-color:var(--studio-accent)}.sps-studio__button:disabled{opacity:.55;cursor:not-allowed}.sps-studio__button--primary{background:var(--studio-accent);color:#101314;border-color:#44bba480}.sps-studio__button--primary:hover:not(:disabled){background:#5ed1bb}.sps-studio__button--full{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center}.sps-studio__workspace{height:calc(100dvh - 68px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:16px;padding:16px;overflow:hidden}.sps-studio__preview{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}.sps-studio__canvas-card{position:relative;overflow:hidden;border:1px solid var(--studio-border);border-radius:26px;background:linear-gradient(rgba(20,23,24,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,23,24,.07) 1px,transparent 1px),radial-gradient(circle at 20% 20%,rgba(68,187,164,.12),transparent 34%),var(--studio-canvas);background-size:40px 40px,40px 40px,auto,auto;box-shadow:inset 0 0 0 1px #ffffff73,0 24px 80px var(--studio-shadow)}html[data-theme=dark] .sps-studio__canvas-card{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 15% 20%,rgba(68,187,164,.12),transparent 38%),var(--studio-canvas);background-size:40px 40px,40px 40px,auto,auto;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 80px var(--studio-shadow)}.sps-studio__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}.sps-studio__canvas:active{cursor:grabbing}.sps-studio__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;gap:12px;color:var(--studio-text);font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:#ffffff6b;transition:opacity .2s ease,visibility .2s ease}html[data-theme=dark] .sps-studio__loader{background:#0000004d}.sps-studio__loader.is-hidden{opacity:0;visibility:hidden}.sps-studio__loader span{width:38px;height:38px;border-radius:999px;border:3px solid rgba(68,187,164,.22);border-top-color:var(--studio-accent)}.sps-studio__measurement{position:absolute;z-index:3;color:var(--studio-text);background:#ffffffc7;border:1px solid var(--studio-border);border-radius:999px;padding:8px 11px;font-size:.84rem;font-weight:850;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}html[data-theme=dark] .sps-studio__measurement{color:#f4f6f5d1;background:#ffffff14}.sps-studio__measurement--top{top:20px;left:50%;transform:translate(-50%)}.sps-studio__measurement--side{left:18px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sps-preview-controls{justify-self:center;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px;border:1px solid var(--studio-border);background:color-mix(in srgb,var(--studio-panel) 92%,transparent);border-radius:999px;box-shadow:0 12px 32px var(--studio-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sps-view-group,.sps-zoom-group{display:inline-flex;align-items:center;gap:5px}.sps-preview-controls button{border:0;border-radius:999px;background:transparent;color:var(--studio-muted);min-height:36px;min-width:48px;padding:0 12px;font-weight:900}.sps-preview-controls button:hover,.sps-preview-controls button.is-active{background:#44bba429;color:var(--studio-accent)}.sps-zoom-slider{display:inline-grid;grid-template-columns:54px minmax(120px,190px);align-items:center;gap:9px;min-height:36px;padding:0 11px;border-radius:999px;background:var(--studio-panel-soft);border:1px solid var(--studio-border);color:var(--studio-text);font-size:.82rem;font-weight:950}.sps-zoom-slider span{color:var(--studio-accent);font-variant-numeric:tabular-nums;text-align:right}.sps-zoom-slider input{width:100%;accent-color:var(--studio-accent);cursor:pointer}.sps-studio__panel{min-width:0;overflow:auto;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:var(--studio-accent) transparent}.sps-panel-intro{padding:18px 18px 16px;border-radius:24px;background:var(--studio-panel);border:1px solid var(--studio-border);box-shadow:0 16px 44px var(--studio-shadow);margin-bottom:12px}.sps-panel-intro span{color:var(--studio-accent);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:950}.sps-panel-intro h1{color:var(--studio-text);margin:8px 0 6px;font-size:1.65rem;line-height:1.02;letter-spacing:-.04em}.sps-panel-intro p,.sps-panel-card__head p{margin:0;color:var(--studio-muted);line-height:1.55;font-size:.92rem}.sps-stepnav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:5px;background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:18px;position:sticky;top:0;z-index:2;margin-bottom:12px}.sps-stepnav button{border:0;background:transparent;color:var(--studio-muted);border-radius:14px;min-height:52px;padding:7px 4px;font-size:.76rem;font-weight:900;display:grid;place-items:center;gap:3px}.sps-stepnav button span{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--studio-panel-soft);color:var(--studio-muted);font-size:.7rem}.sps-stepnav button:hover,.sps-stepnav button.is-active{background:#44bba421;color:var(--studio-accent)}.sps-stepnav button.is-active span{background:var(--studio-accent);color:#101314}.sps-studio__form{display:grid;gap:12px}.sps-panel-card{padding:18px;border-radius:24px;background:var(--studio-panel);border:1px solid var(--studio-border);box-shadow:0 16px 44px var(--studio-shadow);scroll-margin-top:88px}.sps-panel-card--order{margin-bottom:20px}.sps-panel-card__head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.sps-panel-card__head>span{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#44bba426;color:var(--studio-accent);font-size:.72rem;font-weight:950}.sps-panel-card__head h2{margin:0 0 4px;color:var(--studio-text);font-size:1.05rem;line-height:1.15;letter-spacing:-.025em}.sps-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.sps-preset{border:1px solid var(--studio-border);border-radius:18px;padding:12px 10px;background:var(--studio-panel-soft);color:var(--studio-text);text-align:left}.sps-preset:hover{border-color:var(--studio-accent)}.sps-preset strong,.sps-preset small{display:block}.sps-preset strong{font-size:.9rem;color:var(--studio-text)}.sps-preset small{margin-top:3px;color:var(--studio-muted);font-size:.74rem;line-height:1.3}.sps-field,.sps-color,.sps-upload{display:grid;gap:8px;margin-bottom:12px}.sps-field span,.sps-color span{color:var(--studio-text);font-size:.86rem;font-weight:850}.sps-field input:not([type=range]),.sps-field select{width:100%;min-height:48px;border:1px solid var(--studio-border);border-radius:16px;background:var(--studio-panel-soft);color:var(--studio-text);padding:12px 13px;font:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.sps-field input:focus,.sps-field select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 4px #44bba426}.sps-field input[type=range]{width:100%;accent-color:var(--studio-accent)}.sps-studio__split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sps-studio__colors{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.sps-color{margin:0;padding:12px;border:1px solid var(--studio-border);border-radius:18px;background:var(--studio-panel-soft)}.sps-color input{display:block;width:100%;height:38px;border:0;border-radius:12px;padding:0;background:transparent;cursor:pointer}.sps-upload{padding:18px;border:1px dashed var(--studio-border-strong);border-radius:20px;background:var(--studio-panel-soft);color:var(--studio-text);cursor:pointer;text-align:center}.sps-upload:hover{border-color:var(--studio-accent)}.sps-upload input{display:none}.sps-upload strong{color:var(--studio-text)}.sps-upload small{color:var(--studio-muted)}.sps-studio__summary{display:grid;gap:5px;padding:15px;border:1px solid var(--studio-border);border-radius:18px;background:#44bba41a;margin-top:4px}.sps-studio__summary span,.sps-studio__summary small,.sps-studio__notice{color:var(--studio-muted)}.sps-studio__summary strong{color:var(--studio-text)}.sps-studio__notice{margin:12px 0 14px;font-size:.86rem;line-height:1.55}@media(max-width:1180px){.sps-studio{overflow:visible}.sps-studio__topbar{grid-template-columns:1fr;gap:10px}.sps-studio__statusbar,.sps-studio__top-actions,.sps-studio__brand{justify-self:stretch}.sps-studio__top-actions{overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.sps-studio__workspace{height:auto;min-height:calc(100dvh - 68px);grid-template-columns:1fr;overflow:visible}.sps-studio__preview{min-height:62dvh}.sps-preview-controls{border-radius:24px;justify-content:center}.sps-studio__panel{overflow:visible;padding-right:0}}@media(max-width:740px){.sps-studio__workspace{padding:10px;gap:10px}.sps-studio__canvas-card{min-height:510px;border-radius:22px}.sps-studio__split,.sps-studio__colors,.sps-preset-grid{grid-template-columns:1fr}.sps-stepnav{grid-template-columns:repeat(5,minmax(62px,1fr));overflow-x:auto}.sps-studio__top-actions{flex-wrap:wrap}.sps-preview-controls{width:100%;border-radius:22px}.sps-view-group,.sps-zoom-group{width:100%;justify-content:center}.sps-zoom-slider{grid-template-columns:48px minmax(120px,1fr);flex:1}}@media(prefers-reduced-motion:reduce){.sps-studio__button,.sps-field input,.sps-field select{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sps-configurator.css.map */