.prismatica-host{--ink:#eaf8ff;--muted:#83a2b7;--panel:rgba(7,22,35,.72);--line:rgba(132,219,255,.16);--cyan:#2bd9ff;--blue:#2376ff;--rx:0deg;--ry:0deg}.prismatica-host *{box-sizing:border-box}.prismatica-host{scroll-behavior:smooth;background:#030a12;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -30%,#12395a 0,transparent 45%),#030a12}.prismatica-host a,.prismatica-host button,.prismatica-host input{font:inherit}.prismatica-host a,.prismatica-host button{-webkit-tap-highlight-color:transparent}.prismatica-host button{color:inherit}.prismatica-host .app-shell{min-height:100vh;position:relative;overflow:hidden;padding:22px clamp(18px,4vw,62px) 30px;isolation:isolate}.prismatica-host .aurora{position:fixed;width:46vw;height:46vw;border-radius:50%;filter:blur(95px);opacity:.17;z-index:-3;pointer-events:none;animation:prismatica-drift 16s ease-in-out infinite alternate}.prismatica-host .a1{left:-18vw;top:20vh;background:#008cff}.prismatica-host .a2{right:-20vw;top:-12vh;background:#00ffc8;animation-delay:-7s}.prismatica-host .grid-floor{position:fixed;inset:42% -20% -30%;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(65,188,255,.22) 1px,transparent 0),linear-gradient(90deg,rgba(65,188,255,.22) 1px,transparent 0);background-size:54px 54px;transform:perspective(430px) rotateX(57deg);-webkit-mask-image:linear-gradient(transparent,#000 25%,transparent 90%);mask-image:linear-gradient(transparent,#000 25%,transparent 90%)}.prismatica-host .glass{background:linear-gradient(145deg,rgba(13,34,50,.82),rgba(4,14,24,.72));border:1px solid var(--line);box-shadow:0 25px 80px rgba(0,0,0,.38),inset 0 1px hsla(0,0%,100%,.05);backdrop-filter:blur(24px) saturate(125%)}.prismatica-host .topbar{max-width:1500px;margin:auto;height:70px;border-radius:17px;display:flex;align-items:center;padding:0 18px 0 23px;position:relative;z-index:5}.prismatica-host .brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.prismatica-host .brand b{display:block;font-size:.86rem;letter-spacing:.19em}.prismatica-host .brand small{display:block;font-size:.55rem;letter-spacing:.27em;color:#5fa4c8;margin-top:3px}.prismatica-host .brand-orbit{width:35px;height:35px;border:1px solid #2fbff2;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 18px #1685bb66}.prismatica-host .brand-orbit:after,.prismatica-host .brand-orbit:before{content:"";position:absolute;width:28px;height:9px;border:1px solid #43ddff;border-radius:50%;transform:rotate(35deg)}.prismatica-host .brand-orbit:after{transform:rotate(-35deg)}.prismatica-host .brand-orbit span{width:7px;height:7px;background:#75efff;border-radius:50%;box-shadow:0 0 11px #1ee6ff}.prismatica-host .topbar nav{display:flex;gap:8px;margin:auto}.prismatica-host .topbar nav a{color:#7296ac;text-decoration:none;padding:24px 18px 21px;border-bottom:2px solid transparent;font-size:.86rem}.prismatica-host .topbar nav a.active,.prismatica-host .topbar nav a:hover{color:#dffbff;border-color:var(--cyan)}.prismatica-host .header-actions,.prismatica-host .history-actions{display:flex;align-items:center;gap:8px}.prismatica-host .button,.prismatica-host .export-bar button,.prismatica-host .history-actions button,.prismatica-host .icon-button{border:1px solid var(--line);background:#0b2131;border-radius:10px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.prismatica-host .button:hover,.prismatica-host .export-bar button:hover,.prismatica-host .history-actions button:hover,.prismatica-host .icon-button:hover{border-color:#42c9ff;transform:translateY(-1px);background:#123148}.prismatica-host .button svg,.prismatica-host .export-bar svg,.prismatica-host .history-actions svg,.prismatica-host .icon-button svg{width:16px}.prismatica-host .icon-button{width:42px;padding:0}.prismatica-host .button.primary{background:linear-gradient(120deg,#166dff,#10bdeb);border-color:#45dfff;box-shadow:0 0 25px #097dca55}.prismatica-host .mobile-menu{display:none;background:none;border:0}.prismatica-host .studio-head{max-width:1500px;margin:clamp(38px,5vw,74px) auto 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.prismatica-host .eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.2em;color:#38d8ff;text-transform:uppercase;display:flex;align-items:center;gap:8px}.prismatica-host .eyebrow svg{width:14px}.prismatica-host .studio-head h2{font-size:clamp(2.2rem,4.1vw,4.8rem);line-height:1;margin:12px 0 13px;letter-spacing:-.052em;font-weight:650}.prismatica-host .studio-head h2 em{font-style:normal;color:#55dfff;text-shadow:0 0 35px #00a6ff66}.prismatica-host .studio-head>div>p:last-child{color:var(--muted);margin:0;font-size:1rem}.prismatica-host .history-actions button{background:transparent;color:#87aabe;font-size:.8rem}.prismatica-host .history-actions button:disabled{opacity:.3;cursor:not-allowed}.prismatica-host .workspace{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(380px,.92fr) minmax(500px,1.35fr);gap:18px;perspective:1200px}.prismatica-host .palette-card,.prismatica-host .wheel-card{border-radius:20px;padding:23px;min-width:0;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .16s ease-out}.prismatica-host .holo-edge:after{content:"";position:absolute;inset:-1px;border-radius:20px;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(70,223,255,.36),transparent 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.prismatica-host .card-head,.prismatica-host .card-head>div,.prismatica-host .preview-toolbar,.prismatica-host .preview-toolbar>div{display:flex;align-items:center;gap:11px}.prismatica-host .card-head{justify-content:space-between;margin-bottom:24px}.prismatica-host .card-head h3,.prismatica-host .preview-toolbar h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.13em;margin:0}.prismatica-host .step{color:#37d9ff;font:700 .66rem ui-monospace,monospace;border:1px solid #2097b855;border-radius:6px;padding:5px}.prismatica-host .live{font-size:.6rem;letter-spacing:.16em;color:#47dbe1}.prismatica-host .live i{display:inline-block;width:6px;height:6px;background:#55fff0;border-radius:50%;box-shadow:0 0 10px #55fff0;margin-right:6px}.prismatica-host .wheel-zone{display:flex;align-items:center;gap:32px;padding:4px 4px 27px}.prismatica-host .color-wheel{--h:198deg;position:relative;flex:0 0 auto;width:min(22vw,225px);aspect-ratio:1;border-radius:50%;border:0;background:conic-gradient(from -90deg,#f33,#ff0,#0f5,#0fffff,#25f,#f0f,#f33);cursor:crosshair;box-shadow:0 0 0 1px #7de9ff44,0 24px 45px #0009,0 0 45px hsl(var(--h) 80% 50%/.2);transform:translateZ(28px)}.prismatica-host .color-wheel:after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle,#fff 0,hsla(0,0%,100%,.9) 2%,transparent 65%),linear-gradient(transparent,rgba(0,0,0,.65));mix-blend-mode:soft-light}.prismatica-host .wheel-depth{position:absolute;inset:12%;border-radius:50%;background:#06131e;box-shadow:inset 0 0 30px #000,0 0 0 1px #7de9ff33;z-index:2}.prismatica-host .wheel-core{position:absolute;inset:31%;display:grid;place-content:center;border-radius:50%;z-index:3;background:radial-gradient(circle at 35% 25%,#173b52,#07111b 60%);box-shadow:inset 0 1px #ffffff1c,0 8px 25px #000}.prismatica-host .wheel-core b{font-size:1.7rem}.prismatica-host .wheel-core small{color:#5a829b;font-size:.55rem;letter-spacing:.25em}.prismatica-host .picker{position:absolute;z-index:4;width:17px;height:17px;background:#fff;border:4px solid #07131d;border-radius:50%;top:3%;left:calc(50% - 8px);transform-origin:8px calc(112px - 7px);transform:rotate(var(--h));box-shadow:0 0 12px #fff}.prismatica-host .slider-stack{flex:1;display:grid;gap:28px}.prismatica-host .range>span{display:flex;justify-content:space-between;color:#a9c2d2;font-size:.76rem;margin-bottom:9px}.prismatica-host .range output{font-family:ui-monospace,monospace;color:#fff}.prismatica-host .range input{width:100%;accent-color:var(--fill);cursor:pointer}.prismatica-host .mode-label{display:flex;align-items:center;gap:6px;color:#7695a9;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin:0 0 10px}.prismatica-host .mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.prismatica-host .mode-grid button{position:relative;min-height:80px;border-radius:10px;border:1px solid var(--line);background:#061722;color:#7e9bad;display:grid;place-content:center;gap:8px;cursor:pointer;font-size:.63rem}.prismatica-host .mode-grid button.selected{border-color:#2edcff;color:#fff;background:#0b2b3c;box-shadow:inset 0 0 20px #0fbbe51a,0 0 17px #06a7d41f}.prismatica-host .mode-grid button>svg{position:absolute;width:12px;right:5px;top:5px;color:#33d8ff}.prismatica-host .harmony-icon{height:24px;position:relative;display:flex;align-items:center;justify-content:center}.prismatica-host .harmony-icon i{position:absolute;width:10px;height:10px;border-radius:50%;background:#45dfff;border:2px solid #082130}.prismatica-host .harmony-icon i:first-child{transform:translateX(-13px)}.prismatica-host .harmony-icon i:nth-child(3){transform:translateX(13px)}.prismatica-host .harmony-icon i:nth-child(4){transform:translateY(12px)}.prismatica-host .h2 i:nth-child(2){transform:translateX(15px);background:#ff7f55}.prismatica-host .h3 i:first-child{transform:translate(-11px,7px)}.prismatica-host .h3 i:nth-child(2){transform:translate(11px,7px)}.prismatica-host .h3 i:nth-child(3){transform:translateY(-10px)}.prismatica-host .h4 i:first-child{transform:translate(-12px,-7px)}.prismatica-host .h4 i:nth-child(2){transform:translate(12px,-7px)}.prismatica-host .h4 i:nth-child(3){transform:translate(12px,10px)}.prismatica-host .h4 i:nth-child(4){transform:translate(-12px,10px)}.prismatica-host .h5 i:first-child{transform:translateX(-16px)}.prismatica-host .h5 i:nth-child(2){transform:translateX(-5px)}.prismatica-host .h5 i:nth-child(3){transform:translateX(6px)}.prismatica-host .h5 i:nth-child(4){transform:translateX(17px)}.prismatica-host .swatches{height:320px;display:flex;gap:7px}.prismatica-host .swatch{--swatch:#fff;flex:1;min-width:0;border:0;padding:0;border-radius:12px;overflow:hidden;background:var(--swatch);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffff44;transition:.24s ease;position:relative}.prismatica-host .swatch:focus-visible,.prismatica-host .swatch:hover{flex:1.25;transform:translateY(-6px);outline:2px solid #fff;outline-offset:2px}.prismatica-host .color-space{flex:1;padding:15px 10px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff;text-shadow:0 1px 9px #000a}.prismatica-host .color-space i{font-style:normal;font-size:.52rem;letter-spacing:.12em}.prismatica-host .color-space b{font:700 .85rem ui-monospace,monospace}.prismatica-host .swatch-meta{height:62px;background:#081722e8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;padding:0 10px;gap:8px;color:#d8edf8}.prismatica-host .swatch-meta strong{font:.72rem ui-monospace}.prismatica-host .swatch-meta small{font-size:.56rem;color:#698ba0}.prismatica-host .swatch-meta svg{width:13px}.prismatica-host .export-bar{min-height:65px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#061722;display:flex;align-items:center;padding:8px;gap:8px}.prismatica-host .export-bar>div{display:flex;align-items:center;gap:10px;margin-right:auto}.prismatica-host .export-bar>div>svg{color:#33d9ff}.prismatica-host .export-bar span b,.prismatica-host .export-bar span small{display:block;font-size:.68rem}.prismatica-host .export-bar span small{color:#62839a;margin-top:3px}.prismatica-host .export-bar button{font-size:.68rem;min-height:40px}.prismatica-host .preview-section{max-width:1500px;margin:18px auto 0;border-radius:20px;padding:18px;transform:rotateX(calc(var(--rx)*.25)) rotateY(calc(var(--ry)*.25));transition:.2s}.prismatica-host .preview-toolbar{justify-content:space-between;margin:2px 5px 16px}.prismatica-host .segmented{background:#041019;border:1px solid var(--line);border-radius:9px;padding:3px;display:flex}.prismatica-host .segmented button{border:0;border-radius:6px;padding:7px 13px;background:transparent;color:#7292a7;font-size:.7rem;cursor:pointer}.prismatica-host .segmented button.active{background:#123246;color:#fff}.prismatica-host .interface-preview{--p1:#42d8ff;--p2:#128eff;--p3:#165ab8;--p4:#092950;--p5:#041529;height:390px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 70% 50%,color-mix(in srgb,var(--p2),transparent 68%),transparent 32%),#050c14;display:grid;grid-template-columns:58px 1fr;color:#fff;border:1px solid #ffffff14}.prismatica-host .interface-preview.light{background:#e8f7fb;color:#092234}.prismatica-host .interface-preview aside{background:#06111dcc;border-right:1px solid #ffffff12;display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:14px}.prismatica-host .interface-preview aside button{border:0;background:transparent;color:#577c95;padding:7px}.prismatica-host .interface-preview aside button.on{color:var(--p1);background:#ffffff0b;border-radius:7px}.prismatica-host .mini-logo{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--p1);color:var(--p1);border-radius:8px;margin-bottom:28px}.prismatica-host .mock-content{padding:20px 34px 22px;display:grid;grid-template-rows:auto 1fr auto}.prismatica-host .mock-nav{display:flex;align-items:center;font-size:.61rem;letter-spacing:.08em}.prismatica-host .mock-nav span{margin:auto;color:#7491a3}.prismatica-host .mock-hero button,.prismatica-host .mock-nav button{border:0;border-radius:7px;background:var(--p2);color:#fff;padding:9px 13px;font-weight:650}.prismatica-host .mock-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center}.prismatica-host .mock-hero small{font-size:.52rem;color:var(--p1);letter-spacing:.17em}.prismatica-host .mock-hero h3{font-size:clamp(1.8rem,3.1vw,3.5rem);line-height:.97;letter-spacing:-.055em;margin:10px 0}.prismatica-host .mock-hero h3 em{font-style:normal;color:var(--p1)}.prismatica-host .mock-hero p{color:#7392a5;font-size:.7rem;max-width:300px}.prismatica-host .mock-hero button{margin-top:8px;background:transparent;border:1px solid var(--p1);color:var(--p1)}.prismatica-host .orbital{position:relative;width:210px;height:210px;margin:auto;display:grid;place-items:center;transform-style:preserve-3d;animation:prismatica-float 5s ease-in-out infinite}.prismatica-host .orbital i{position:absolute;border:1px solid color-mix(in srgb,var(--p1),transparent 30%);border-radius:50%;width:80%;height:30%;transform:rotate(35deg);box-shadow:0 0 20px color-mix(in srgb,var(--p1),transparent 70%)}.prismatica-host .orbital i:nth-child(2){transform:rotate(-35deg)}.prismatica-host .orbital i:nth-child(3){transform:rotate(90deg)}.prismatica-host .orbital span{width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,var(--p1) 12%,var(--p2) 45%,var(--p5));box-shadow:0 0 45px var(--p2)}.prismatica-host .mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff12;padding-top:13px}.prismatica-host .mock-metrics div{display:grid}.prismatica-host .mock-metrics b{color:var(--p1);font-size:1rem}.prismatica-host .mock-metrics small{color:#648398;font-size:.57rem}.prismatica-host .contrast-wrap{padding:5px}.prismatica-host .contrast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.prismatica-host .contrast-grid div{min-height:65px;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:0 1px 8px #0004}.prismatica-host .contrast-grid b{font-size:1.1rem}.prismatica-host .contrast-grid small,.prismatica-host .contrast-grid span{font-size:.6rem}.prismatica-host .contrast-wrap>p{display:flex;align-items:center;gap:8px;color:#7396aa;font-size:.7rem}.prismatica-host .contrast-wrap>p svg{width:15px}.prismatica-host .app-shell>footer{max-width:1500px;margin:22px auto 0;border-top:1px solid var(--line);padding:18px 3px 0;display:flex;justify-content:space-between;color:#4e7186;font-size:.57rem;letter-spacing:.09em}@keyframes prismatica-drift{to{transform:translate(9vw,8vh) scale(1.15)}}@keyframes prismatica-float{50%{transform:translateY(-9px) rotateY(8deg)}}@media(max-width:1050px){.prismatica-host .workspace{grid-template-columns:1fr}.prismatica-host .wheel-zone{justify-content:center}.prismatica-host .color-wheel{width:225px}.prismatica-host .topbar nav{display:none}.prismatica-host .header-actions{margin-left:auto}.prismatica-host .studio-head{align-items:flex-start;flex-direction:column}.prismatica-host .swatches{height:280px}}@media(max-width:680px){.prismatica-host .app-shell{padding:12px}.prismatica-host .topbar{height:62px;padding:0 13px}.prismatica-host .brand small,.prismatica-host .header-actions .button,.prismatica-host .header-actions>.icon-button{display:none}.prismatica-host .mobile-menu{display:block}.prismatica-host .studio-head{margin-top:34px}.prismatica-host .studio-head h2{font-size:2.7rem}.prismatica-host .history-actions{width:100%;overflow:auto}.prismatica-host .history-actions button{white-space:nowrap}.prismatica-host .palette-card,.prismatica-host .wheel-card{padding:16px}.prismatica-host .wheel-zone{flex-direction:column}.prismatica-host .color-wheel{width:min(76vw,235px)}.prismatica-host .slider-stack{width:100%}.prismatica-host .mode-grid{grid-template-columns:repeat(3,1fr)}.prismatica-host .swatches{height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.prismatica-host .swatch{height:150px}.prismatica-host .swatch:nth-child(3){grid-column:span 2}.prismatica-host .export-bar{flex-wrap:wrap}.prismatica-host .export-bar>div{width:100%}.prismatica-host .preview-toolbar{flex-wrap:wrap}.prismatica-host .segmented{order:3;width:100%}.prismatica-host .segmented button{flex:1}.prismatica-host .interface-preview{height:430px;grid-template-columns:44px 1fr}.prismatica-host .mock-content{padding:16px}.prismatica-host .mock-nav span{display:none}.prismatica-host .mock-nav button{margin-left:auto}.prismatica-host .mock-hero{grid-template-columns:1fr}.prismatica-host .orbital{display:none}.prismatica-host .mock-hero h3{font-size:2.4rem}.prismatica-host .app-shell>footer{flex-direction:column;gap:8px}.prismatica-host .contrast-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.prismatica-host *,.prismatica-host :after,.prismatica-host :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.prismatica-host{--muted:#c8deec;--line:rgba(132,219,255,.28);color:#eaf8ff;border-radius:20px;overflow:hidden}.prismatica-host .app-shell{min-height:0;padding:20px 16px 28px}.prismatica-host .studio-head{margin:12px auto 28px}.prismatica-host .studio-head h2{font-size:clamp(1.6rem,3vw,3rem);line-height:1.15}.prismatica-host .aurora{position:absolute}.prismatica-host .palette-card,.prismatica-host .preview-section,.prismatica-host .wheel-card{position:relative;transform:none;transform-style:flat}.prismatica-host .history-actions{flex-wrap:wrap;overflow:visible}.prismatica-host button{min-height:44px}.prismatica-host button:focus-visible,.prismatica-host input:focus-visible{outline:3px solid #7ce6ff;outline-offset:4px}.prismatica-host input[type=range]{min-height:32px}.prismatica-host .history-actions button,.prismatica-host .mode-grid button,.prismatica-host .mode-label,.prismatica-host .range>span,.prismatica-host .segmented button,.prismatica-host .swatch-meta small,.prismatica-host .wheel-core small{color:#c8deec}.prismatica-host .color-space b,.prismatica-host .color-space i:not(:empty){background:#06131e;color:#fff;padding:4px;border-radius:4px;text-shadow:none}.prismatica-host .color-space b{font-size:.72rem}.prismatica-host .button.primary{background:#0b63d6;color:#fff}.prismatica-host .studio-status{min-height:3em;margin-top:14px;color:#eaf8ff;font-size:.85rem}.prismatica-host .interface-preview{grid-template-columns:1fr;min-height:330px;height:auto}.prismatica-host .mock-content{min-width:0}.prismatica-host .mock-hero h4{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;margin:20px 0;color:inherit}.prismatica-host .mock-hero p{color:inherit;font-size:.95rem;line-height:1.6;max-width:36rem}.prismatica-host .mock-nav span{color:inherit;margin-left:auto}.prismatica-host .preview-chips{display:flex;gap:8px;margin-top:20px}.prismatica-host .preview-chips>span{width:38px;height:38px;border-radius:8px;border:1px solid}.prismatica-host .contrast-wrap>p{color:#eaf8ff;font-size:.9rem;line-height:1.6}.prismatica-host .contrast-grid{margin-top:16px}.prismatica-host .contrast-grid .contrast-cell{background:#06131e;color:#eaf8ff;gap:5px;padding-bottom:10px;overflow:hidden;text-shadow:none}.prismatica-host .contrast-sample{width:100%;height:55px;display:grid;place-items:center;font-size:1.4rem}.prismatica-host .contrast-grid small,.prismatica-host .contrast-grid span:not(.contrast-sample){font-size:.72rem}@media(max-width:680px){.prismatica-host .contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prismatica-host .mode-grid button{font-size:.68rem}.prismatica-host .color-wheel{width:225px}.prismatica-host .app-shell{padding:12px}.prismatica-host .card-head h3,.prismatica-host .preview-toolbar h3{font-size:.8rem;letter-spacing:.06em}}