.spr-cg{--cg-bg: #0a0a0a;--cg-panel: #121212;--cg-raise: #1b1b1b;--cg-line: #2c2c2c;--cg-line-hi: #4a4a4a;--cg-fg: #f4f4f4;--cg-dim: #9a9a9a;--cg-accent: #ffffff;--cg-canvas: #dcdcdc;--cg-sel: #00a2ff;--cg-danger: #ff3b30;--cg-cut: 10px;--cg-head: "Russo One", "Arial Black", Impact, sans-serif;--cg-body: "Saira", "Helvetica Neue", Arial, sans-serif;position:relative;color:var(--cg-fg);background:var(--cg-bg);font:14px/1.4 var(--cg-body);display:flex;flex-direction:column;min-height:640px;height:calc(100vh - var(--spr-cg-offset, 0px));height:calc(100dvh - var(--spr-cg-offset, 0px));max-height:1100px;overflow:hidden;-webkit-font-smoothing:antialiased}.spr-cg *,.spr-cg *:before,.spr-cg *:after{box-sizing:border-box}:where(.spr-cg) button{font:inherit;color:inherit;cursor:pointer}:where(.spr-cg) button:disabled{opacity:.35;cursor:default}:where(.spr-cg) svg{display:block}.spr-cg :focus-visible{outline:2px solid var(--cg-sel);outline-offset:2px}.spr-cg__top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--cg-line);background:linear-gradient(180deg,#161616,#0b0b0b)}.spr-cg__title{display:flex;flex-direction:column;min-width:0;margin-right:auto}.spr-cg__kicker{font:11px/1 var(--cg-head);letter-spacing:.25em;color:var(--cg-dim)}.spr-cg__title h1{margin:4px 0 0;font:22px/1 var(--cg-head);text-transform:uppercase;letter-spacing:.03em;font-style:italic}.spr-cg__modes{display:flex;border:1px solid var(--cg-line-hi);clip-path:polygon(var(--cg-cut) 0,100% 0,calc(100% - var(--cg-cut)) 100%,0 100%)}.spr-cg__modes button{background:none;border:0;padding:9px 18px;font:12px/1 var(--cg-head);text-transform:uppercase;letter-spacing:.08em;color:var(--cg-dim)}.spr-cg__modes button.is-on{background:var(--cg-accent);color:#000}.spr-cg__bar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.spr-cg__sep{width:1px;height:22px;background:var(--cg-line);margin:0 6px}.spr-cg__ib{width:34px;height:34px;display:grid;place-items:center;background:none;border:1px solid transparent}.spr-cg__ib:hover:not(:disabled){border-color:var(--cg-line-hi);background:var(--cg-raise)}.spr-cg__ib svg,.spr-cg__btn svg,.spr-cg__tools svg,.spr-cg__iconrow svg,.spr-cg__quick svg,.spr-cg__lrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.spr-cg__zoom{min-width:48px;text-align:center;font:12px/1 var(--cg-head);color:var(--cg-dim)}.spr-cg__select,.spr-cg__input{background:var(--cg-raise);color:var(--cg-fg);border:1px solid var(--cg-line-hi);border-radius:0;padding:8px 10px;font:inherit;width:100%;min-width:0}.spr-cg__select{-webkit-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--cg-fg) 50%),linear-gradient(135deg,var(--cg-fg) 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}.spr-cg__views{width:auto;height:34px;padding-top:0;padding-bottom:0}.spr-cg__input--big{font:22px/1.1 var(--cg-head);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px}.spr-cg textarea.spr-cg__input{resize:vertical}.spr-cg__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cg-accent);color:#000;border:0;padding:10px 18px;text-decoration:none;font:13px/1 var(--cg-head);text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.spr-cg__btn:hover:not(:disabled){background:#d9d9d9}.spr-cg__btn--ghost{background:var(--cg-raise);color:var(--cg-fg);box-shadow:inset 0 0 0 1px var(--cg-line-hi)}.spr-cg__btn--ghost:hover:not(:disabled){background:#262626}.spr-cg__btn--full{width:100%}.spr-cg__btn--cta{width:100%;padding:16px;font-size:16px;margin-top:6px}.spr-cg__link{background:none;border:0;padding:0;color:var(--cg-fg);text-decoration:underline;font-weight:600}.spr-cg__menu{position:relative}.spr-cg__drop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:260px;background:#101010;border:1px solid var(--cg-line-hi);padding:6px;box-shadow:0 18px 40px #0009}.spr-cg__drop[hidden]{display:none}.spr-cg__drop button,.spr-cg__drop a{display:block;width:100%;text-align:left;padding:9px 10px;background:none;border:0;color:var(--cg-fg);text-decoration:none;font-size:13px}.spr-cg__drop button:hover,.spr-cg__drop a:hover{background:var(--cg-accent);color:#000}.spr-cg__drop-h{font:10px/1 var(--cg-head);letter-spacing:.2em;text-transform:uppercase;color:var(--cg-dim);padding:10px 10px 4px}.spr-cg__main{flex:1;min-height:0;display:grid;grid-template-columns:56px minmax(0,1fr) 360px}.spr-cg__tools{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-right:1px solid var(--cg-line);background:var(--cg-panel);overflow-y:auto}.spr-cg__tools button{width:44px;height:38px;display:grid;place-items:center;background:none;border:1px solid transparent;flex:none}.spr-cg__tools button:hover{background:var(--cg-raise);border-color:var(--cg-line)}.spr-cg__tools button.is-on{background:var(--cg-accent);color:#000}.spr-cg__tools button:nth-child(2){margin-bottom:8px}.spr-cg__tools button:nth-child(14){margin-top:8px}.spr-cg__stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--cg-canvas);background-image:radial-gradient(#c4c4c4 1px,transparent 1px);background-size:22px 22px}.spr-cg__svg{width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default}.spr-cg__stage[data-tool=hand] .spr-cg__svg,.spr-cg__svg.is-space{cursor:grab}.spr-cg__svg.is-panning{cursor:grabbing!important}.spr-cg__stage[data-tool=rect] .spr-cg__svg,.spr-cg__stage[data-tool=ellipse] .spr-cg__svg,.spr-cg__stage[data-tool=triangle] .spr-cg__svg,.spr-cg__stage[data-tool=stripe] .spr-cg__svg,.spr-cg__stage[data-tool=chevron] .spr-cg__svg,.spr-cg__stage[data-tool=diamond] .spr-cg__svg,.spr-cg__stage[data-tool=star] .spr-cg__svg,.spr-cg__stage[data-tool=hex] .spr-cg__svg,.spr-cg__stage[data-tool=pen] .spr-cg__svg{cursor:crosshair}.spr-cg__stage[data-tool=text] .spr-cg__svg{cursor:text}.spr-cg__svg [data-oid]{cursor:move}.spr-cg__stage:not([data-tool=select]) .spr-cg__svg [data-oid]{cursor:inherit}.spr-cg__base{stroke:none}.spr-cg__ui *{pointer-events:none}.spr-cg__ui .spr-cg__handle{pointer-events:all}.spr-cg__hover{stroke:var(--cg-sel);opacity:.55}.spr-cg__selpanel{stroke:var(--cg-sel)}.spr-cg__cliphint{stroke:var(--cg-sel);opacity:.45}.spr-cg__selbox{stroke:var(--cg-sel)}.spr-cg__handle{fill:#fff;stroke:var(--cg-sel)}.spr-cg__handle--rot{cursor:grab}.spr-cg__handle--first{fill:var(--cg-sel)}.spr-cg__penfill{fill:var(--cg-sel);opacity:.15}.spr-cg__penh{stroke:var(--cg-sel);fill:#fff}.spr-cg__hint{position:absolute;left:12px;bottom:12px;right:12px;max-width:max-content;z-index:2;pointer-events:none;background:#0a0a0adb;color:#fff;padding:7px 12px;font-size:12px;letter-spacing:.02em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.spr-cg__hint[hidden]{display:none}.spr-cg__toast{position:absolute;left:50%;top:14px;transform:translate(-50%,-12px);opacity:0;z-index:5;pointer-events:none;background:#fff;color:#000;padding:10px 16px;font:12px/1.2 var(--cg-head);text-transform:uppercase;letter-spacing:.05em;transition:opacity .2s,transform .2s;max-width:90%;text-align:center;box-shadow:0 10px 30px #00000040}.spr-cg__toast.is-on{opacity:1;transform:translate(-50%)}.spr-cg__uploadcover{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#0a0a0ac7;place-items:center;padding:24px;text-align:center}.spr-cg[data-mode=upload] .spr-cg__uploadcover{display:grid}.spr-cg__uploadcover>div{max-width:420px}.spr-cg__uploadcover h2{font:26px/1 var(--cg-head);text-transform:uppercase;font-style:italic;margin:0 0 10px}.spr-cg__uploadcover p{color:#cfcfcf;margin:0 0 18px}.spr-cg__uploadcover .spr-cg__dlrow{justify-content:center}.spr-cg__side{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--cg-line);background:var(--cg-panel)}.spr-cg__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cg-line);border-bottom:1px solid var(--cg-line)}.spr-cg__tabs button{background:var(--cg-panel);border:0;padding:11px 4px;font:11px/1 var(--cg-head);text-transform:uppercase;letter-spacing:.1em;color:var(--cg-dim);position:relative}.spr-cg__tabs button:hover{color:var(--cg-fg)}.spr-cg__tabs button.is-on{background:var(--cg-accent);color:#000}.spr-cg__tabs button.is-on:before{content:"\25b6";font-size:8px;margin-right:5px;vertical-align:1px}.spr-cg__pane{flex:1;overflow-y:auto;padding:14px 16px 24px;overscroll-behavior:contain}.spr-cg__pane[hidden]{display:none}.spr-cg__h{font:11px/1 var(--cg-head);letter-spacing:.2em;text-transform:uppercase;color:var(--cg-dim);margin:18px 0 10px;display:flex;align-items:center;gap:8px}.spr-cg__h:after{content:"";flex:1;height:1px;background:var(--cg-line)}.spr-cg__pane>.spr-cg__h:first-child,.spr-cg__tblock:first-of-type .spr-cg__h{margin-top:2px}.spr-cg__name{font:16px/1.2 var(--cg-head);text-transform:uppercase;margin-bottom:12px}.spr-cg__tip{color:var(--cg-dim);font-size:12.5px;margin:8px 0}.spr-cg__steps{margin:0;padding-left:20px;display:grid;gap:10px;color:#d2d2d2}.spr-cg__steps b{color:#fff}.spr-cg__field{margin:10px 0;display:grid;gap:6px;min-width:0}.spr-cg__field>label{font-size:12px;color:var(--cg-dim);text-transform:uppercase;letter-spacing:.06em}.spr-cg__field em{text-transform:none;letter-spacing:0;font-style:normal;opacity:.8}.spr-cg__row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spr-cg__check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:13px;cursor:pointer}.spr-cg__check input{accent-color:#fff;width:16px;height:16px;margin:1px 0 0;flex:none}.spr-cg__check--box{border:1px solid var(--cg-line-hi);padding:10px 12px;background:var(--cg-raise)}.spr-cg input[type=range]{width:100%;accent-color:#fff}.spr-cg__colorrow{display:flex;gap:8px}.spr-cg__colorrow input[type=color]{width:44px;height:36px;padding:0;border:1px solid var(--cg-line-hi);background:none;cursor:pointer;flex:none}.spr-cg__colorrow input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.spr-cg__colorrow input[type=color]::-webkit-color-swatch{border:0}.spr-cg__hex{flex:1;min-width:0;background:var(--cg-raise);border:1px solid var(--cg-line-hi);color:var(--cg-fg);padding:0 10px;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.spr-cg__sw{display:flex;flex-wrap:wrap;gap:4px}.spr-cg__sw button{width:22px;height:22px;padding:0;border:1px solid #000;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff2e}.spr-cg__sw button:hover,.spr-cg__sw button.is-on{outline:2px solid #fff;outline-offset:1px}.spr-cg__sw--doc{margin-top:6px;align-items:center}.spr-cg__sw--doc span{font-size:11px;color:var(--cg-dim);margin-right:4px}.spr-cg__quick{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.spr-cg__quick button{height:40px;display:grid;place-items:center;background:var(--cg-raise);border:1px solid var(--cg-line)}.spr-cg__quick button:hover{background:#fff;color:#000}.spr-cg__mini{display:grid;gap:2px}.spr-cg__mini button{text-align:left;background:var(--cg-raise);border:0;padding:8px 10px;font-size:13px}.spr-cg__mini button:hover{background:#fff;color:#000}.spr-cg__grid4{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spr-cg__grid4 label{display:grid;gap:4px;font-size:11px;color:var(--cg-dim);text-transform:uppercase;letter-spacing:.06em}.spr-cg__grid4 input{background:var(--cg-raise);border:1px solid var(--cg-line-hi);color:var(--cg-fg);padding:7px 8px;font:13px/1 ui-monospace,Menlo,monospace;width:100%}.spr-cg__iconrow{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:10px}.spr-cg__iconrow button{display:grid;place-items:center;gap:2px;padding:8px 0;background:var(--cg-raise);border:1px solid var(--cg-line)}.spr-cg__iconrow button small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--cg-dim)}.spr-cg__iconrow button:hover{background:#fff;color:#000}.spr-cg__iconrow button:hover small{color:#000}.spr-cg__iconrow button.is-danger:hover{background:var(--cg-danger);color:#fff}.spr-cg__group{margin:12px 0}.spr-cg__gh{font:13px/1 var(--cg-head);text-transform:uppercase;margin-bottom:6px;font-style:italic}.spr-cg__prow{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:3px 0}.spr-cg__prow input[type=color]{width:34px;height:28px;padding:0;border:1px solid var(--cg-line-hi);background:none;cursor:pointer}.spr-cg__prow input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.spr-cg__prow input[type=color]::-webkit-color-swatch{border:0}.spr-cg__prow button{text-align:left;background:none;border:0;padding:4px 0;font-size:13px}.spr-cg__prow button:hover{text-decoration:underline}.spr-cg__prow span{font:11px/1 ui-monospace,Menlo,monospace;color:var(--cg-dim)}.spr-cg__swap{display:flex;flex-wrap:wrap;gap:6px}.spr-cg__swap label{width:34px;height:34px;background:var(--c);border:1px solid #000;box-shadow:inset 0 0 0 1px #fff3;cursor:pointer;position:relative}.spr-cg__swap label:hover{outline:2px solid #fff;outline-offset:1px}.spr-cg__swap input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.spr-cg__lib{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.spr-cg__lib button,.spr-cg__upi>button:first-child{aspect-ratio:1;width:100%;display:grid;place-items:center;padding:10px;background:#f1f1f1;border:2px solid transparent}.spr-cg__lib button:hover,.spr-cg__upi>button:first-child:hover{border-color:var(--cg-sel)}.spr-cg__lib img{max-width:100%;max-height:100%;object-fit:contain}.spr-cg__lib--up{margin-top:10px}.spr-cg__upi{position:relative}.spr-cg__lib--up .spr-cg__upi>button:first-child{background:repeating-conic-gradient(#e6e6e6 0 25%,#f6f6f6 0 50%) 0 0 / 14px 14px}.spr-cg__x{position:absolute;top:2px;right:2px;width:22px;height:22px;border:0;background:#000;color:#fff;font-size:15px;line-height:1;display:grid;place-items:center;padding:0}.spr-cg__drop-zone{display:grid;place-items:center;gap:4px;padding:18px;border:1px dashed var(--cg-line-hi);background:var(--cg-raise);cursor:pointer;text-align:center;position:relative}.spr-cg__drop-zone:hover,.spr-cg__drop-zone.is-over{border-color:#fff;background:#222}.spr-cg__drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.spr-cg__drop-zone span{display:flex;align-items:center;gap:8px;font:13px/1 var(--cg-head);text-transform:uppercase;letter-spacing:.06em}.spr-cg__drop-zone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.spr-cg__drop-zone small{color:var(--cg-dim)}.spr-cg__tblock{border-bottom:1px solid var(--cg-line);padding-bottom:14px;margin-bottom:6px}.spr-cg__fonts{display:grid;grid-template-columns:1fr 1fr;gap:4px}.spr-cg__fonts button{display:grid;gap:4px;padding:10px 8px 7px;background:var(--cg-raise);border:1px solid var(--cg-line);text-align:left;min-width:0}.spr-cg__fonts button span{font-size:20px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spr-cg__fonts button small{font:10px/1 var(--cg-body);color:var(--cg-dim);text-transform:uppercase;letter-spacing:.06em}.spr-cg__fonts button:hover{border-color:#fff}.spr-cg__fonts button.is-on{background:#fff;color:#000;border-color:#fff}.spr-cg__fonts button.is-on small{color:#555}.spr-cg__placerow{display:flex;align-items:center;gap:12px;margin-top:12px}.spr-cg__placerow span{color:var(--cg-dim);font-size:12px}.spr-cg__lgroup{margin-bottom:4px}.spr-cg__lpanel{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;padding:7px 4px;font-size:13px}.spr-cg__lpanel i{width:14px;height:14px;background:var(--c);border:1px solid #555;flex:none}.spr-cg__lpanel small{margin-left:auto;color:var(--cg-dim)}.spr-cg__lpanel:hover,.spr-cg__lpanel.is-on{background:var(--cg-raise)}.spr-cg__lrow{display:grid;grid-template-columns:1fr repeat(4,28px);align-items:center;margin-left:22px;border-left:1px solid var(--cg-line)}.spr-cg__lrow button{background:none;border:0;height:30px;display:grid;place-items:center;color:var(--cg-dim)}.spr-cg__lrow button:hover{color:#fff}.spr-cg__lrow svg{width:15px;height:15px}.spr-cg__lname{justify-items:start;padding:0 10px!important;color:var(--cg-fg)!important;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important;text-align:left}.spr-cg__lrow.is-on{background:#fff}.spr-cg__lrow.is-on button,.spr-cg__lrow.is-on .spr-cg__lname{color:#000!important}.spr-cg__price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;color:#000;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);margin-bottom:8px}.spr-cg__price span{font:13px/1.2 var(--cg-head);text-transform:uppercase}.spr-cg__price b{font:20px/1 var(--cg-head)}.spr-cg__seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cg-line-hi)}.spr-cg__seg button{background:none;border:0;padding:10px 6px;font-size:12.5px;color:var(--cg-dim)}.spr-cg__seg button.is-on{background:#fff;color:#000;font-weight:600}.spr-cg__pro{margin:12px 0;padding:12px;border:1px solid var(--cg-line-hi);background:var(--cg-raise)}.spr-cg__pro p{margin:6px 0 10px;color:#cfcfcf;font-size:12.5px}.spr-cg__dlrow{display:flex;flex-wrap:wrap;gap:6px}.spr-cg__dlrow .spr-cg__btn{padding:9px 14px;font-size:12px}.spr-cg__file{width:100%;font-size:12.5px;color:var(--cg-dim);padding:10px;border:1px dashed var(--cg-line-hi);background:var(--cg-raise)}.spr-cg__file::file-selector-button{font:12px/1 var(--cg-head);text-transform:uppercase;background:#fff;color:#000;border:0;padding:8px 12px;margin-right:10px;cursor:pointer}.spr-cg__err{color:var(--cg-danger);font-weight:600;min-height:1px;margin:8px 0 0;font-size:13px}.spr-cg__err:empty{display:none}.spr-cg__modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;display:grid;place-items:center;padding:20px}.spr-cg__modal[hidden]{display:none}.spr-cg__modal-card{background:var(--cg-panel);border:1px solid var(--cg-line-hi);max-width:680px;width:100%;max-height:100%;overflow:auto;padding:18px}.spr-cg__modal-img{width:100%;background:#fff;margin:6px 0 12px}.spr-cg__tbl{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:12px}.spr-cg__tbl td{border-bottom:1px solid var(--cg-line);padding:6px 4px;vertical-align:top;word-break:break-word}.spr-cg__tbl td:first-child{color:var(--cg-dim);white-space:nowrap;padding-right:12px}.spr-cg__ib--label{width:auto;padding:0 10px;gap:6px;display:inline-flex;align-items:center;font:11px/1 var(--cg-head);text-transform:uppercase;letter-spacing:.08em;color:var(--cg-dim)}.spr-cg__ib--label.is-on{background:var(--cg-accent);color:#000;border-color:var(--cg-accent)}.spr-cg__ib--label.is-on:hover:not(:disabled){background:#d9d9d9}.spr-cg__symline{stroke:#ff2d95;opacity:.7;fill:none}.spr-cg__paint{margin:12px 0;padding:12px;border:1px solid var(--cg-line);background:#0e0e0e;display:grid;gap:10px}.spr-cg__paint .spr-cg__field{margin:0}.spr-cg__plabel{font-size:12px;color:var(--cg-dim);text-transform:uppercase;letter-spacing:.06em}.spr-cg__seg--sm{grid-template-columns:repeat(4,1fr)}.spr-cg__seg--sm button{padding:8px 2px;font-size:11.5px}.spr-cg__gbar{height:26px;border:1px solid var(--cg-line-hi);background:var(--g),repeating-conic-gradient(#555 0 25%,#888 0 50%) 0 0 / 12px 12px}.spr-cg__presets{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.spr-cg__presets button{height:20px;padding:0;border:1px solid #000;background:var(--g),repeating-conic-gradient(#555 0 25%,#888 0 50%) 0 0 / 8px 8px}.spr-cg__presets button:hover{outline:2px solid #fff;outline-offset:1px}.spr-cg__stop{display:grid;grid-template-columns:36px 1fr 28px;gap:6px 8px;align-items:center;padding:8px;background:var(--cg-raise);border:1px solid var(--cg-line)}.spr-cg__stop input[type=color]{width:36px;height:30px;padding:0;border:1px solid var(--cg-line-hi);background:none;cursor:pointer}.spr-cg__stop input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.spr-cg__stop input[type=color]::-webkit-color-swatch{border:0}.spr-cg__stop .spr-cg__hex{height:30px}.spr-cg__stop label{grid-column:1 / -1;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:11px;color:var(--cg-dim);text-transform:uppercase;letter-spacing:.05em}.spr-cg__stop--mini{grid-template-columns:36px 96px 1fr}.spr-cg__stop--mini span{font-size:12px;color:var(--cg-dim)}.spr-cg__x2{width:28px;height:28px;border:1px solid var(--cg-line-hi);background:none;font-size:16px;line-height:1;padding:0;color:var(--cg-dim)}.spr-cg__x2:hover{background:var(--cg-danger);color:#fff;border-color:var(--cg-danger)}.spr-cg .spr-cg__btn--sm{padding:8px 12px;font-size:11px}.spr-cg__slide label{display:flex;justify-content:space-between}.spr-cg__slide output{font:12px/1 ui-monospace,Menlo,monospace;color:var(--cg-fg);text-transform:none;letter-spacing:0}.spr-cg__row2>.spr-cg__slide{margin:4px 0}.spr-cg__pats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.spr-cg__pats button{display:grid;gap:4px;justify-items:center;padding:6px 4px;background:var(--cg-raise);border:1px solid var(--cg-line)}.spr-cg__pats svg{width:42px;height:42px;border:1px solid #000}.spr-cg__pats small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--cg-dim)}.spr-cg__pats button:hover{border-color:#fff}.spr-cg__pats button.is-on{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.spr-cg__pats button.is-on small{color:#fff}.spr-cg__note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-bottom:8px;background:#1a1220;border:1px solid #5a2346;font-size:12.5px;color:#f2d7e6}.spr-cg__note svg{width:18px;height:18px;flex:none;fill:none;stroke:#ff2d95;stroke-width:1.8;stroke-linejoin:round}.spr-cg__mirrors{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:4px}.spr-cg__mirrors button{display:grid;justify-items:center;gap:4px;padding:10px 4px;background:var(--cg-raise);border:1px solid var(--cg-line);font-size:11.5px;text-align:center}.spr-cg__mirrors button:hover{background:#fff;color:#000}.spr-cg__mirrors svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.spr-cg__iconrow--4{grid-template-columns:repeat(4,1fr)}.spr-cg__iconrow small{white-space:nowrap}.spr-cg__mini em{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ff2d95;margin-left:6px}.spr-cg__pchip{width:34px;height:28px;padding:0;border:1px solid var(--cg-line-hi);background:var(--g),repeating-conic-gradient(#555 0 25%,#888 0 50%) 0 0 / 8px 8px}@media(max-width:1100px){.spr-cg__main{grid-template-columns:52px minmax(0,1fr) 310px}}@media(max-width:860px){.spr-cg{height:auto;max-height:none;overflow:visible}.spr-cg__top{gap:10px;padding:10px 12px}.spr-cg__title h1{font-size:18px}.spr-cg__modes{order:3;width:100%}.spr-cg__modes button{flex:1}.spr-cg__bar{width:100%;justify-content:space-between}.spr-cg__sep{display:none}.spr-cg__views{flex:1;min-width:0}.spr-cg__main{display:flex;flex-direction:column}.spr-cg__tools{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--cg-line);padding:6px}.spr-cg__tools button:nth-child(2){margin:0 8px 0 0}.spr-cg__tools button:nth-child(14){margin:0 0 0 8px}.spr-cg__stage{height:62vh;height:62svh;min-height:340px;flex:none}.spr-cg__side{border-left:0;border-top:1px solid var(--cg-line)}.spr-cg__pane{overflow:visible}.spr-cg__drop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/spr-custom-gear.css.map */