#pup-color-lab{color-scheme:dark;--bg:#0b0d14;--panel:#131621;--panel2:#1a1e2b;--stroke:#2a2e3e;--text:#f5f5fa;--muted:#9296ad;--accent:#c8b1ff;--mint:#9cead8;--radius:19px}#pup-color-lab *{box-sizing:border-box}#pup-color-lab{min-height:100%;margin:0}#pup-color-lab{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}#pup-color-lab button,#pup-color-lab input{font:inherit}#pup-color-lab button{cursor:pointer}#pup-color-lab button:focus-visible,#pup-color-lab input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#pup-color-lab .app{min-height:100vh;display:flex;flex-direction:column}#pup-color-lab .topbar{height:76px;flex-shrink:0;padding:0 clamp(20px,3vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff11;background:#0c0e16;position:relative;z-index:3;gap:15px}#pup-color-lab .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;white-space:nowrap}#pup-color-lab .brand-icon{width:39px;height:39px;border:1px solid #b9a5fc88;border-radius:13px;background:#ac8dff19;display:grid;place-items:center;color:#c9b2ff}#pup-color-lab .brand-name{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-1px;font-weight:700}#pup-color-lab .brand-name span{color:var(--accent)}#pup-color-lab .header-center{display:flex;align-items:center;gap:9px;color:#a6a9bc;font-size:11px;letter-spacing:2px;font-weight:800}#pup-color-lab .header-center:before{content:"";width:7px;height:7px;border-radius:100%;background:#9cead8;box-shadow:0 0 12px #9cead8aa}#pup-color-lab .header-actions{display:flex;align-items:center;gap:9px}#pup-color-lab .tiny-button{padding:9px 13px;border:1px solid #35384b;border-radius:10px;background:#171b27;color:#e8e6ef;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;transition:.15s}#pup-color-lab .tiny-button:hover,#pup-color-lab .tiny-button.active{background:#272337;border-color:#8c7abc}#pup-color-lab .tiny-button.primary{color:#121018;border-color:transparent;background:linear-gradient(115deg,#d3baff,#a5ebdd);padding:10px 15px}#pup-color-lab .tiny-button.primary:hover{filter:brightness(1.1)}#pup-color-lab .workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 368px;max-width:1900px;width:100%;margin:auto}#pup-color-lab .left{display:flex;flex-direction:column;min-width:0;padding:30px clamp(18px,3.3vw,60px) 24px;gap:23px}#pup-color-lab .intro{position:relative;z-index:1}#pup-color-lab .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.8px;color:var(--mint);font-weight:800;display:flex;align-items:center;gap:10px}#pup-color-lab .eyebrow:before{content:"";width:18px;height:1px;background:var(--mint)}#pup-color-lab h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,51px);letter-spacing:-2.5px;line-height:1.08;margin:12px 0 11px}#pup-color-lab h1 em{font-style:normal;color:var(--accent)}#pup-color-lab .pup-hero-tagline{color:#b9a8ed;font-family:Space Grotesk,sans-serif;font-size:clamp(17px,1.7vw,23px);font-weight:650;letter-spacing:-.5px;line-height:1.3;margin:0 0 8px}#pup-color-lab .intro h1{font-size:clamp(29px,3.1vw,47px);letter-spacing:-1.9px;line-height:1.1;margin-bottom:7px}@media(max-width:820px){#pup-color-lab .intro h1{font-size:clamp(28px,6vw,38px);letter-spacing:-1.2px}#pup-color-lab .pup-hero-tagline{font-size:18px;margin-bottom:8px}}#pup-color-lab .subtitle{color:#a7aac0;font-size:13px;line-height:1.6;max-width:540px;margin:0}#pup-color-lab .stage{height:clamp(360px,53vh,710px);position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid #303345;background:radial-gradient(ellipse 62% 55% at 51% 47%,#32314a,#191b2c 68%,#141724)}#pup-color-lab .stage:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;pointer-events:none;background-image:linear-gradient(#9594bc0b 1px,transparent 1px),linear-gradient(90deg,#9594bc0b 1px,transparent 1px);background-size:45px 45px;transform:perspective(500px) rotateX(57deg) translateY(30%);transform-origin:center;z-index:0}#pup-color-lab .stage:after{content:"";position:absolute;left:8%;right:8%;bottom:-30%;height:65%;background:#9d81d91b;filter:blur(100px);border-radius:50%;pointer-events:none}#pup-color-lab .stage.night{background:radial-gradient(ellipse 58% 60% at 50% 48%,#141b24,#060811 72%,#030409)}#pup-color-lab #three-canvas{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:none;cursor:grab}#pup-color-lab #three-canvas:active{cursor:grabbing}#pup-color-lab .scene-tag,#pup-color-lab .scene-foot{position:absolute;z-index:2;pointer-events:none}#pup-color-lab .scene-tag{left:24px;top:22px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#deddf1}#pup-color-lab .scene-tag i{width:6px;height:6px;background:#9cead8;border-radius:50%;box-shadow:0 0 10px #9cead8a4}#pup-color-lab .scene-tag span{background:#1215228f;padding:10px 13px;border:1px solid #ffffff1c;border-radius:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pup-color-lab .scene-foot{left:24px;bottom:23px;display:flex;gap:9px;align-items:center;color:#c1c1d1;font-size:10px;letter-spacing:.3px}#pup-color-lab .scene-foot .separate{width:3px;height:3px;border-radius:50%;background:#9693ae}#pup-color-lab .canvas-loading{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);color:#c6b7f0;font-weight:700;font-size:13px;text-align:center;line-height:1.7;pointer-events:none}#pup-color-lab .stage-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}#pup-color-lab .view-options,#pup-color-lab .scene-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap}#pup-color-lab .meta-label{font-size:10px;letter-spacing:1.4px;color:#858ba1;text-transform:uppercase;font-weight:800;margin-right:5px}#pup-color-lab .pill{border:1px solid #303344;border-radius:9px;background:#151824;padding:10px 13px;color:#acafc2;font-size:11px;font-weight:800;white-space:nowrap}#pup-color-lab .pill.active{background:#272337;color:#e4d5ff;border-color:#8068b6}#pup-color-lab .pill:hover{border-color:#7a6c9d;color:#fff}#pup-color-lab .hinge-control{display:flex;gap:10px;align-items:center;color:#a7aabe;font-weight:700;font-size:11px}#pup-color-lab input[type=range]{width:100px;accent-color:#c1abf8;cursor:pointer}#pup-color-lab .bottom-note{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#7d8194}#pup-color-lab .sidebar{height:calc(100vh - 76px);min-height:700px;position:sticky;top:0;display:flex;flex-direction:column;border-left:1px solid var(--stroke);background:#11131d}#pup-color-lab .sidebar-head{padding:28px 23px 19px;border-bottom:1px solid #272a3a}#pup-color-lab .side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}#pup-color-lab .side-title h2{font-family:Space Grotesk,sans-serif;font-size:19px;letter-spacing:-.5px;margin:0}#pup-color-lab .count{font-size:10px;color:var(--mint);padding:6px 8px;border:1px solid #76dabd46;background:#8aebc313;border-radius:7px;font-weight:800}#pup-color-lab .side-subtitle{font-size:12px;line-height:1.5;color:#979bb0;margin:0}#pup-color-lab .tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:20px;border-radius:12px;padding:4px;background:#1a1d29}#pup-color-lab .tab{border:0;background:transparent;padding:11px 3px;border-radius:9px;color:#a2a6bc;font-size:11px;font-weight:800}#pup-color-lab .tab.active{background:#3b334f;color:#e7dafe;box-shadow:0 2px 12px #0004}#pup-color-lab .sidebar-body{min-height:0;flex:1;overflow-y:auto;overflow-anchor:none;padding:0 23px 25px;scrollbar-color:#474055 transparent;scrollbar-width:thin}#pup-color-lab .section-caption{display:flex;align-items:center;justify-content:space-between;letter-spacing:1.6px;text-transform:uppercase;font-size:10px;color:#9298ad;font-weight:800;margin:0 0 12px;padding-top:20px}#pup-color-lab .parts-list{display:grid;gap:6px;margin-bottom:24px}#pup-color-lab .part-block{min-width:0;position:relative}#pup-color-lab .part-block.active>.part-row{position:sticky;top:0;z-index:6;box-shadow:0 5px 16px #090811aa;border-color:#c6adff;background:#30293e;border-radius:0 0 11px 11px}#pup-color-lab .part-block.active>.part-row:focus-visible{z-index:7}#pup-color-lab .part-block.active>.editor{margin-top:7px}#pup-color-lab .part-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:#191c29;width:100%;text-align:left;color:#e4e4ed;transition:.12s}#pup-color-lab .part-row:hover{border-color:#645877;background:#211f30}#pup-color-lab .part-row.active{border-color:#b69afa;background:#30293e}#pup-color-lab .part-preview{width:23px;height:23px;border:2px solid #ffffff4a;box-shadow:inset 0 0 0 1px #0002;border-radius:7px;flex-shrink:0}#pup-color-lab .part-name{font-size:12px;font-weight:700;flex:1}#pup-color-lab .part-hex{font-size:10px;font-weight:700;color:#b6b4c9;letter-spacing:.15px;text-align:right;max-width:92px}#pup-color-lab .editor{padding:16px;border:1px solid #9f85d9;background:linear-gradient(135deg,#282138,#191a28);border-radius:13px;margin:0 0 9px;box-shadow:0 9px 24px #0003;animation:editor-in .14s ease-out}@keyframes editor-in{0%{opacity:.65;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#pup-color-lab .editor-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;margin-bottom:4px}#pup-color-lab .editor-detail{font-size:11px;color:#999cb1;line-height:1.6;margin-bottom:15px}#pup-color-lab .swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:2px}#pup-color-lab .pup-color-swatch{display:flex;width:100%;height:auto;max-width:none;min-width:0;min-height:79px;white-space:normal;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 2px;border:1px solid #494458;background:#171a27;color:#dedbe9;border-radius:9px;cursor:pointer;transition:border .13s,background .13s}#pup-color-lab .pup-color-swatch:hover{border-color:#bca4f5;background:#252036}#pup-color-lab .pup-color-swatch.active{border:2px solid #c5abff;padding:6px 1px;background:#322946}#pup-color-lab .swatch-chip{width:27px;height:27px;flex-shrink:0;border:1px solid #ffffff77;box-shadow:inset 0 0 0 1px #0002;border-radius:9px}#pup-color-lab .swatch-label{display:block;max-width:100%;font-size:10px;line-height:1.3;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;font-weight:700}#pup-color-lab .lens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:2px}#pup-color-lab .factory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:2px}#pup-color-lab .factory-choice{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 3px 7px;border:1px solid #555264;border-radius:9px;background:#171a27;color:#e9e7f3;font-size:10px;line-height:1.15;cursor:pointer;transition:border-color .14s,background .14s}#pup-color-lab .factory-choice:hover{border-color:#b9a0f1;background:#242236}#pup-color-lab .factory-choice.active{border:2px solid #bea2ff;padding:8px 2px 6px;background:#2c263d}#pup-color-lab .factory-chip{width:25px;height:25px;border:1px solid #ffffff66;border-radius:7px;box-shadow:inset 0 0 0 1px #0002}#pup-color-lab .factory-name{text-align:center;white-space:normal;overflow-wrap:break-word}#pup-color-lab .finish-label{font-size:10px;font-weight:800;color:#999cb0;letter-spacing:1.2px;margin-bottom:9px;text-transform:uppercase}#pup-color-lab .sidebar-footer{padding:18px 23px 20px;border-top:1px solid #282b3a;background:#121520}#pup-color-lab .footer-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}#pup-color-lab .footer-tools button{font-size:11px;min-height:40px;display:flex;gap:6px;align-items:center;justify-content:center;border-radius:9px;border:1px solid #454255;background:#252434;color:#dedbe7;font-weight:700}#pup-color-lab .footer-tools button:hover{border-color:#b5a1d9}#pup-color-lab .footer-tools .copy{color:#10131a;background:linear-gradient(120deg,#cab3ff,#a4e8d9);border:0}#pup-color-lab .toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:10;background:#f4edff;color:#211a37;font-size:12px;font-weight:800;padding:13px 20px;border-radius:12px;box-shadow:0 10px 40px #0008;pointer-events:none;transition:.22s;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}#pup-color-lab .toast.show{opacity:1;transform:translate(-50%)}#pup-color-lab .mode-panel{border:1px solid #51456a;background:linear-gradient(145deg,#26213a,#1c202d);border-radius:13px;padding:14px 15px;margin-top:15px}#pup-color-lab .mode-kicker{font-size:10px;letter-spacing:1.1px;color:#b9a0f8;font-weight:800;margin-bottom:7px}#pup-color-lab .mode-title{font-size:12px;font-weight:800;color:#f4edf9;line-height:1.45}#pup-color-lab .mode-desc{font-size:11px;line-height:1.55;color:#b5b1c8;margin:5px 0 11px}#pup-color-lab .mode-button{width:100%;border-radius:9px;padding:11px 10px;font-size:11px;font-weight:800;background:#d2baff;color:#20182c;border:0}#pup-color-lab .mode-button:hover{background:#e3d1ff}#pup-color-lab .mode-button.is-multi{background:#3c314f;color:#ecdcff;border:1px solid #9a80ca}#pup-color-lab .mode-price{display:block;color:#a9b8c7;font-size:10px;line-height:1.45;margin-top:8px}#pup-color-lab .stylus-panel{padding:14px;margin-bottom:18px;border:1px solid #53516d;border-radius:13px;background:linear-gradient(140deg,#222037,#151927)}#pup-color-lab .stylus-panel[hidden],#pup-color-lab .mode-panel[hidden],#pup-color-lab .glow-palette[hidden]{display:none}#pup-color-lab .stylus-panel-kicker{font-size:10px;letter-spacing:1.4px;color:#aa9bcf;font-weight:800}#pup-color-lab .stylus-panel-title{font-size:13px;font-weight:800;color:#f1eaff;margin:7px 0 5px}#pup-color-lab .stylus-panel-desc,#pup-color-lab .stylus-panel-note{font-size:10px;line-height:1.55;color:#b3b2c8;margin:0 0 12px}#pup-color-lab .stylus-panel-note{margin:9px 0 0;color:#9e9db8}#pup-color-lab .hex-field{padding-top:14px;margin-top:14px;border-top:1px solid #ffffff1f}#pup-color-lab .hex-field label{font-size:10px;color:#d1c4e8;font-weight:800;letter-spacing:.7px;display:block;margin-bottom:8px}#pup-color-lab .hex-input-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;align-items:center}#pup-color-lab .hex-picker{-webkit-appearance:none;appearance:none;width:38px;height:39px;padding:3px;background:#222436;border:1px solid #79708f;border-radius:9px;cursor:pointer}#pup-color-lab .hex-picker::-webkit-color-swatch-wrapper{padding:0}#pup-color-lab .hex-picker::-webkit-color-swatch{border:0;border-radius:5px}#pup-color-lab .hex-text{width:100%;min-width:0;border:1px solid #5b536c;border-radius:8px;background:#111521;color:#fff;padding:10px;font-weight:700;font-size:12px;text-transform:uppercase}#pup-color-lab .hex-apply{border:0;background:#bdacfa;color:#241d34;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:800}#pup-color-lab .hex-error{font-size:10px;color:#ffbac2;margin:7px 0 0;display:none}#pup-color-lab .hex-error.visible{display:block}#pup-color-lab .glow-choice{margin-top:15px;border:1px solid #443d57;background:#191e2b;border-radius:10px;padding:12px}#pup-color-lab .glow-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#pup-color-lab .glow-title{font-size:12px;font-weight:800;color:#f4efff}#pup-color-lab .glow-help{font-size:10px;line-height:1.5;color:#adb0c4;margin:7px 0 0}#pup-color-lab .glow-switch{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:136px;padding:5px 11px 5px 7px;border-radius:999px;border:1px solid #8973bb;background:#2c2940;color:#ded5f8;font-size:11px;font-weight:800;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}#pup-color-lab .glow-switch-knob{width:22px;height:22px;border-radius:50%;background:#f6f0ff;box-shadow:0 2px 6px #00000047;flex:none;transition:background .18s ease}#pup-color-lab .glow-switch-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}#pup-color-lab .glow-switch-off,#pup-color-lab .glow-switch-on{display:block;white-space:nowrap}#pup-color-lab .glow-switch-on{opacity:.55}#pup-color-lab .glow-switch.is-on{background:#c6b2fc;color:#211931;border-color:#d7cbff}#pup-color-lab .glow-switch.is-on .glow-switch-knob{background:#1e1830}#pup-color-lab .glow-switch.is-on .glow-switch-copy{align-items:flex-end;text-align:right;margin-left:auto}#pup-color-lab .glow-switch.is-on .glow-switch-off{opacity:.55}#pup-color-lab .glow-switch.is-on .glow-switch-on{opacity:1}#pup-color-lab .glow-switch:not(.is-on) .glow-switch-off{opacity:1}#pup-color-lab .glow-switch:not(.is-on) .glow-switch-on{opacity:.55}#pup-color-lab .glow-switch:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.85)}#pup-color-lab .glow-switch:disabled .glow-switch-knob{background:#e5dfff}#pup-color-lab .mode-panel{margin-top:0;margin-bottom:12px}#pup-color-lab .stylus-panel{margin-top:14px;margin-bottom:0}#pup-color-lab .glow-preview-button{border-color:#685387;color:#dfd0fc}#pup-color-lab .glow-preview-button.active{background:#b3f7d6;color:#14241f;border-color:#b3f7d6}#pup-color-lab .glow-palette{padding-top:13px;margin-top:13px;border-top:1px solid #ffffff24}#pup-color-lab .glow-palette.is-disabled{opacity:.5}#pup-color-lab .glow-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#pup-color-lab .glow-swatch{background:#202235;border:1px solid #52516c;border-radius:9px;min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px 3px;color:#ddd8ee;cursor:pointer;transition:opacity .18s ease,filter .18s ease,border-color .18s ease,background .18s ease}#pup-color-lab .glow-swatch:hover{border-color:#a4ddd0;background:#2a3042}#pup-color-lab .glow-swatch.active{border:2px solid #b1f5d5;background:#2d3a3c;padding:5px 2px}#pup-color-lab .glow-swatch.is-disabled{opacity:.42;cursor:not-allowed;filter:saturate(.7)}#pup-color-lab .glow-swatch.is-disabled:hover{border-color:#52516c;background:#202235}#pup-color-lab .glow-swatch-chip{width:29px;height:29px;border-radius:50%;display:block;border:1px solid #ffffff7a;box-shadow:0 0 9px var(--pigment-glow),inset 0 0 4px #ffffff1c}#pup-color-lab .glow-swatch-label{font-size:9px;text-align:center;line-height:1.25;font-weight:700}#pup-color-lab .glow-disclaimer{font-size:10px;line-height:1.55;color:#a7a9bd;margin:10px 0 0}#pup-color-lab .glow-daylight-note{font-size:10px;line-height:1.55;color:#b9b7cf;margin:9px 0 0;padding-left:10px;border-left:2px solid #b4a0e8}#pup-color-lab .stage.night .scene-tag i{background:#aaff91;box-shadow:0 0 14px #aaff91}#pup-color-lab .hidden-file{display:none}@media(max-width:1100px){#pup-color-lab .workspace{grid-template-columns:minmax(0,1fr) 340px}#pup-color-lab .left{padding:23px 22px}#pup-color-lab .stage{height:clamp(360px,49vh,600px)}#pup-color-lab .sidebar-head,#pup-color-lab .sidebar-body,#pup-color-lab .sidebar-footer{padding-left:18px;padding-right:18px}}@media(max-width:820px){#pup-color-lab .header-center{display:none}#pup-color-lab .workspace{display:flex;flex-direction:column}#pup-color-lab .left{padding:28px 18px 23px}#pup-color-lab .stage{height:clamp(370px,56vh,560px)}#pup-color-lab .sidebar{position:static;height:auto;min-height:unset;border-left:0;border-top:1px solid var(--stroke)}#pup-color-lab .sidebar-body{max-height:650px}#pup-color-lab .sidebar-head{padding-top:22px}#pup-color-lab .bottom-note{margin-top:7px}#pup-color-lab .header-actions .tiny-button:not(.primary){display:none}}@media(max-width:460px){#pup-color-lab .topbar{padding:0 16px;height:68px}#pup-color-lab .brand-name{font-size:17px}#pup-color-lab .brand-icon{width:35px;height:35px}#pup-color-lab .topbar .tiny-button.primary{padding:10px;font-size:11px}#pup-color-lab .left{padding:25px 12px 20px;gap:17px}#pup-color-lab h1{font-size:33px;letter-spacing:-1.7px}#pup-color-lab .stage{height:390px;border-radius:16px}#pup-color-lab .scene-foot{left:12px;bottom:13px}#pup-color-lab .scene-tag{left:12px;top:12px}#pup-color-lab .stage-actions{gap:16px}#pup-color-lab .pill{padding:9px 10px}#pup-color-lab .bottom-note{font-size:10px}#pup-color-lab .sidebar-head,#pup-color-lab .sidebar-body,#pup-color-lab .sidebar-footer{padding-left:15px;padding-right:15px}}@media(prefers-reduced-motion:reduce){#pup-color-lab *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}#pup-color-lab{min-height:0;color-scheme:dark;--bg:#100e21;--panel:#17152d;--stroke:#514469;--text:#f5f5fa;--accent:var(--pup-pink,#ff6b9d);--mint:var(--pup-cyan,#82f4e8);color:#f4f0ff;background:radial-gradient(circle at 20% -10%,rgba(135,74,231,.22),transparent 46%),#100e21;font-family:var(--font-body--family,"Quicksand"),sans-serif}#pup-color-lab h1,#pup-color-lab h2,#pup-color-lab .editor-title{font-family:var(--font-heading--family,var(--font-body--family,"Quicksand")),sans-serif;color:#fff}#pup-color-lab .intro{max-width:860px}#pup-color-lab .intro h1 em{color:#ff6b9d}#pup-color-lab .intro .header-actions{margin-top:20px}#pup-color-lab .tiny-button.primary,#pup-color-lab .footer-tools .copy{background:linear-gradient(115deg,#ff89bc,#82f4e8)}#pup-color-lab .sidebar{height:min(930px,calc(100vh - 10px));min-height:680px;top:10px;background:#17152d}#pup-color-lab .part-row.active,#pup-color-lab .part-block.active>.part-row{border-color:#ff94c2}#pup-color-lab .mode-button{background:#82f4e8;color:#15112d}#pup-color-lab .part-block.active>.part-row{top:0}#pup-color-lab .pup-checkout{border:1px solid rgba(166,139,229,.43);background:linear-gradient(118deg,#26203d,#18192f);border-radius:20px;padding:clamp(17px,2vw,25px);box-shadow:0 14px 50px #00000026}#pup-color-lab .pup-checkout-head{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}#pup-color-lab .pup-checkout-kicker{color:#82f4e8;font-size:10px;font-weight:900;letter-spacing:.15em}#pup-color-lab .pup-checkout-total{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.04em;color:#fff;font-weight:800;margin:3px 0 0}#pup-color-lab .pup-price-live{color:#82f4e8;border:1px solid #82f4e844;font-size:10px;font-weight:900;letter-spacing:.1em;padding:8px 10px;border-radius:999px}#pup-color-lab .pup-price-lines{display:grid;gap:8px;margin:17px 0;border-top:1px solid #ffffff1b;padding-top:14px}#pup-color-lab .pup-price-lines>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:#c6c4d7;font-size:12px}#pup-color-lab .pup-price-lines strong{color:#fff;font-size:12px;white-space:nowrap}#pup-color-lab .pup-price-lines small{opacity:.7}#pup-color-lab .pup-buy-button{width:100%;min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:14px 21px;background:linear-gradient(106deg,#ff6b9d,#ff9bd1 50%,#82f4e8);color:#160f28;border:0;border-radius:14px;font-size:14px;font-weight:900;cursor:pointer}#pup-color-lab .pup-buy-button:hover:not(:disabled){filter:brightness(1.08)}#pup-color-lab .pup-buy-button:disabled{opacity:.46;cursor:not-allowed}#pup-color-lab .pup-checkout-status{margin:12px 0 0;color:#d1c9df;font-size:11px;line-height:1.55}#pup-color-lab .pup-build-spec-note{margin:7px 0 0;color:#999bb4;font-size:10px;line-height:1.5}#pup-color-lab button,#pup-color-lab input{font-family:inherit}@media(max-width:820px){#pup-color-lab .sidebar{height:auto;min-height:0;position:static}#pup-color-lab .sidebar-body{max-height:620px}}#pup-color-lab .pup-shell-condition{margin:14px 0 3px;padding:13px 14px;border:1px solid rgba(130,244,232,.28);border-radius:11px;background:#1c2633;color:#d8d9e8;font-size:11px;line-height:1.55}#pup-color-lab .pup-shell-condition[hidden]{display:none!important}#pup-color-lab .pup-shell-condition strong{display:block;color:#a3fff0;font-size:12px;margin-bottom:5px}#pup-color-lab .pup-shell-condition p{margin:4px 0 0}#pup-color-lab .pup-shell-condition details{margin-top:10px;padding-top:10px;border-top:1px solid #ffffff22}#pup-color-lab .pup-shell-condition summary{cursor:pointer;color:#e9c0ff;font-weight:800;line-height:1.45}#pup-color-lab .pup-shell-condition details p{margin:8px 0 0}@media(max-width:820px){#pup-color-lab .workspace{display:flex;flex-direction:column;gap:0}#pup-color-lab .left{display:contents}#pup-color-lab .intro{order:1;margin:0;padding:27px 18px 22px}#pup-color-lab .stage{order:2;align-self:stretch;margin:0 18px}#pup-color-lab .stage-actions{order:3;margin:0;padding:12px 18px 0}#pup-color-lab .sidebar{order:4;margin-top:22px;height:auto!important;min-height:0!important;position:static!important;top:auto!important}#pup-color-lab .pup-checkout{order:5;margin:22px 18px 0}#pup-color-lab .bottom-note{order:6;margin:12px 18px 24px;padding:0}}@media(max-width:460px){#pup-color-lab .intro{padding:24px 12px 18px}#pup-color-lab .stage{margin:0 12px}#pup-color-lab .stage-actions{padding:12px 12px 0}#pup-color-lab .pup-checkout{margin:18px 12px 0}#pup-color-lab .bottom-note{margin:14px 12px 22px}}#pup-color-lab .pup-checkout-shell-note{margin:11px 0 0;border-top:1px solid #ffffff20;padding-top:10px;font-size:10.5px;line-height:1.55;color:#b5aec9}#pup-color-lab .pup-checkout-shell-note strong{color:#c7f8f0}#pup-color-lab .pup-includes-note{display:flex;align-items:baseline;gap:8px;margin:9px 0 0;color:#d4e9e9;font-size:12px;line-height:1.55;font-weight:650}#pup-color-lab .pup-includes-note span{color:#82f4e8;flex:none}#pup-color-lab .pup-lead-time-note{margin:14px 0 9px;padding:12px 14px;border:1px solid rgba(130,244,232,.26);border-radius:12px;background:#82f4e811;color:#e2ddef;font-size:11px;line-height:1.65}#pup-color-lab .pup-lead-time-note strong{color:#a2f8ee}@media(max-width:820px){#pup-color-lab{overflow-x:clip!important;overflow-y:visible!important}#pup-color-lab .stage{position:sticky!important;top:0;z-index:12;height:clamp(188px,30vh,255px)!important;height:clamp(188px,30svh,255px)!important;max-height:255px;margin:0 15px;border-radius:16px;background-color:#171628;box-shadow:0 10px 26px #070617c7}#pup-color-lab .stage-actions{display:none!important}#pup-color-lab .sidebar{margin-top:12px!important}#pup-color-lab .sidebar-head{padding-top:17px!important;padding-bottom:14px!important}#pup-color-lab .sidebar-body{max-height:min(58vh,565px)!important;max-height:min(58svh,565px)!important;overscroll-behavior:contain}#pup-color-lab .scene-tag{top:11px;left:11px}#pup-color-lab .scene-tag span{padding:6px 9px;font-size:9px}#pup-color-lab .scene-foot{display:none}}@media(max-width:460px){#pup-color-lab .stage{margin-inline:12px;height:clamp(185px,29vh,235px)!important;height:clamp(185px,29svh,235px)!important}#pup-color-lab .sidebar-head{padding-top:14px!important}}#pup-color-lab .stage .pup-stage-view{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;align-items:center;justify-content:center;width:43px;height:43px;padding:0;border-radius:13px;border:1px solid rgba(204,181,255,.58);background:#1d1932e6;color:#e6dcff;box-shadow:0 5px 20px #00000059;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pup-color-lab .pup-glow-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}#pup-color-lab .pup-inline-view{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid #816eab;background:#29253d;color:#eadcff;cursor:pointer}#pup-color-lab .pup-view-switch.active{background:#b1f3e3;color:#182b30;border-color:#b1f3e3}#pup-color-lab .pup-view-switch:hover{border-color:#b5f2e9;filter:brightness(1.12)}#pup-color-lab .pup-view-switch:focus-visible{outline:2px solid #aef4e7;outline-offset:3px}#pup-color-lab .pup-view-switch .pup-view-sun{display:none}#pup-color-lab .pup-view-switch.active .pup-view-sun{display:block}#pup-color-lab .pup-view-switch.active .pup-view-moon{display:none}#pup-color-lab .pup-view-switch[hidden]{display:none!important}#pup-color-lab .stage .pup-stage-view svg,#pup-color-lab .pup-inline-view svg{pointer-events:none;flex:none}@media(max-width:820px){#pup-color-lab .stage .pup-stage-view{width:38px;height:38px;right:10px;bottom:10px;border-radius:11px}#pup-color-lab .pup-glow-actions{gap:7px}}@media(max-width:820px){#pup-color-lab .stage{backface-visibility:hidden;contain:layout paint;will-change:transform}#pup-color-lab #three-canvas{backface-visibility:hidden}#pup-color-lab .stage:after{display:none}}@media screen and (max-width:820px){#pup-color-lab,#pup-color-lab .workspace,#pup-color-lab .sidebar,#pup-color-lab .sidebar-body{overscroll-behavior-y:auto!important}#pup-color-lab .stage{position:relative!important;top:auto!important;z-index:1!important}#pup-color-lab .sidebar{height:auto!important;min-height:0!important;overflow:visible!important}#pup-color-lab .sidebar-body{height:auto!important;max-height:none!important;overflow-x:visible!important;overflow-y:visible!important;touch-action:pan-y}#pup-color-lab .part-block.active>.part-row{position:relative!important;top:auto!important}}@media screen and (max-width:820px){#pup-color-lab{--pup-sticky-preview-height: clamp(170px, 27svh, 225px)}#pup-color-lab .stage{position:sticky!important;top:0!important;z-index:12!important;height:var(--pup-sticky-preview-height)!important;max-height:none!important;overflow:hidden}#pup-color-lab .sidebar-head{display:contents}#pup-color-lab .sidebar-head>.side-title{margin:15px 15px 6px}#pup-color-lab .sidebar-head>.side-subtitle{margin:0 15px 8px}#pup-color-lab .sidebar-head>.mode-panel{margin:10px 15px 12px}#pup-color-lab .sidebar-head>.tabs{position:sticky;top:calc(var(--pup-sticky-preview-height) + 5px);z-index:13;margin:8px 12px 0;border:1px solid rgba(180,154,248,.25);background:#201a32;box-shadow:0 4px 16px #0706168c}#pup-color-lab .sidebar-body{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior-y:auto!important;touch-action:pan-y}#pup-color-lab .sidebar-body .section-caption{padding-top:15px}#pup-color-lab .pup-checkout{position:relative;z-index:14}}@media screen and (max-width:460px){#pup-color-lab{--pup-sticky-preview-height: clamp(165px, 26svh, 210px)}}#pup-color-lab .pup-share{margin:12px 0 0}#pup-color-lab .pup-share-launch{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:11px 14px;background:#7eecdb16;border:1px solid rgba(130,244,232,.43);border-radius:12px;color:#c7fff4;font-weight:800;font-size:12px;cursor:pointer;transition:background .16s ease,border-color .16s ease}#pup-color-lab .pup-share-launch:hover{background:#82f4e826;border-color:#91fff2}#pup-color-lab .pup-share-launch svg{flex:none}#pup-color-lab .pup-share-chevron{margin-left:auto;transition:transform .18s ease}#pup-color-lab .pup-share-launch[aria-expanded=true] .pup-share-chevron{transform:rotate(180deg)}#pup-color-lab .pup-share-hint{text-align:center;font-size:10.5px;line-height:1.5;color:#ada7c2;margin:7px 2px 0}#pup-color-lab .pup-share-panel{margin-top:12px;padding:14px;border:1px solid rgba(185,165,250,.34);border-radius:13px;background:linear-gradient(135deg,#201c35,#191b2b);box-shadow:0 8px 22px #0000002e}#pup-color-lab .pup-share-panel[hidden],#pup-color-lab #pup-share-native[hidden],#pup-color-lab .pup-share-load-notice[hidden]{display:none!important}#pup-color-lab .pup-share-panel label{display:block;font-size:10px;letter-spacing:.13em;color:#cfc0ff;font-weight:850;margin-bottom:8px}#pup-color-lab #pup-share-url{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid #716385;border-radius:9px;background:#111521;color:#eee9ff;font:500 11px/1.4 monospace;overflow:hidden;text-overflow:ellipsis}#pup-color-lab #pup-share-url:focus{outline:2px solid #95e5e0;outline-offset:1px}#pup-color-lab .pup-share-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}#pup-color-lab .pup-share-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1 1 auto;min-height:39px;border-radius:9px;border:1px solid #6e6288;padding:9px 11px;color:#e7dfff;background:#302a49;font-size:11px;font-weight:800;cursor:pointer}#pup-color-lab .pup-share-buttons .pup-share-copy{background:linear-gradient(110deg,#c5adff,#91eee5);color:#19162a;border:0}#pup-color-lab .pup-share-buttons .pup-share-copy.is-copied{background:#8cefd4;color:#123229}#pup-color-lab .pup-share-buttons button:hover{filter:brightness(1.12)}#pup-color-lab .pup-share-buttons button svg{flex:none}#pup-color-lab .pup-share-status{font-size:10.5px;color:#b6afc9;line-height:1.5;margin:10px 0 0}#pup-color-lab .pup-share-load-notice{margin:13px 0 0;border:1px solid rgba(255,195,151,.46);border-radius:9px;padding:11px 13px;background:#35272f;color:#ffded4;font-size:12px;line-height:1.5}@media(max-width:460px){#pup-color-lab .pup-share-panel{padding:12px}#pup-color-lab .pup-share-buttons{gap:7px}#pup-color-lab .pup-share-buttons button{padding:9px 8px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/pup-color-lab.css.map */