:root{color:#f8f6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy:#111329;--navy2:#191a3a;--ink:#17172b;--muted:#73758d;--line:#e9e8f1;--lilac:#a996ff;--pink:#ffb2d7;--mint:#95e9c2;--gold:#ffd883;--blue:#8bd7f2;--rose:#ff9e9e;background:#111329;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:#fff;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7c5cff}.skip-link{z-index:20;color:#17172b;background:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,6vw,92px);display:flex}.brand{letter-spacing:-.06em;align-items:center;gap:10px;min-height:44px;font:800 21px Manrope,sans-serif;display:inline-flex}.brand-mark{filter:drop-shadow(0 4px 8px #ffb7d83b);flex:none;width:34px;height:34px;display:block}.site-header nav{align-items:center;gap:clamp(22px,4vw,58px);display:flex}.site-header nav a,.header-cta{color:#d7d6e6;align-items:center;min-height:44px;font-size:13px;transition:color .18s;display:flex}.site-header nav a:hover,.header-cta:hover{color:#fff}.site-header nav a span,.header-cta span{color:var(--gold);margin-left:4px}.header-cta{color:#fff;border:1px solid #ffffff36;border-radius:999px;padding:0 15px}.hero{color:#fff;background:radial-gradient(at 73% 45%,#2b2952 0,#171832 32%,#111329 67%);grid-template-columns:minmax(0,1fr) minmax(360px,.93fr);align-items:center;gap:5vw;min-height:568px;padding:74px clamp(22px,8vw,124px) 72px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:600px;position:relative}.eyebrow{color:#e5d8ff;letter-spacing:.17em;margin:0 0 20px;font-size:10px;font-weight:700}.eyebrow-star{color:var(--pink);vertical-align:-1px;margin-right:8px;font-size:16px}.hero h1{letter-spacing:-.075em;margin:0;font:800 clamp(46px,6.4vw,84px)/1.02 Manrope,sans-serif}.hero h1 span{color:#c5b7ff}.hero-description{color:#b9b9d0;max-width:480px;margin:22px 0 0;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:29px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#211735;background:linear-gradient(100deg,#ffb3d5,#ffcd86);box-shadow:0 8px 28px #ffb3d532}.button-primary span{font-size:17px}.button-quiet{color:#f1edff}.button-quiet span{color:var(--mint)}.hero-note{color:#c0bfd2;align-items:center;gap:10px;margin-top:32px;font-size:11px;display:flex}.hero-note i{background:#85849d;border-radius:50%;width:3px;height:3px}.note-check{color:#10251e;background:#92e4bf;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:800;display:grid}.hero-art{isolation:isolate;min-height:405px;position:relative}.art-halo{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.halo-one{background:radial-gradient(circle at 35% 35%,#ffb8cf 0,#e994da 28%,#8b79df 59%,#5749a1 100%);width:310px;height:310px;top:7%;right:14%;box-shadow:0 0 100px #ae85ff37}.halo-two{opacity:.86;background:radial-gradient(circle at 40% 40%,#b1f2d7,#56c7bf 60%,#4c9bba);width:170px;height:170px;bottom:4%;right:0}.art-orbit{border:1px solid #ffffff4d;border-radius:50%;position:absolute;transform:rotate(-29deg)}.orbit-one{width:480px;height:180px;top:31%;right:-5%}.orbit-two{border-color:#ffd68b7d;width:400px;height:126px;top:39%;right:1%;transform:rotate(29deg)}.art-sun{z-index:1;background:linear-gradient(145deg,#ffe28e,#ff9ac3);border-radius:34% 66% 57% 43%;width:106px;height:106px;position:absolute;top:18%;right:33%;transform:rotate(-15deg);box-shadow:0 0 55px #ffd38268}.float-card{z-index:2;color:#25213e;backdrop-filter:blur(10px);background:linear-gradient(130deg,#ffffffed,#f8f2ffeb);border:1px solid #ffffff40;border-radius:15px;align-items:center;gap:11px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 18px 45px #0c0c2559}.float-card strong,.float-card small{display:block}.float-card strong{font-size:11px}.float-card small{color:#818097;margin-top:3px;font-size:9px}.float-top{top:24%;right:2%}.float-bottom{bottom:18%;left:3%}.mini-icon{border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.mini-icon.mint{color:#178558;background:#d8f7e9}.mini-icon.violet{color:#7150d9;background:#e7ddff}.sparkle{color:#ee93ba;margin-left:15px}.mini-arrow{color:#6b56d7;margin-left:15px}.art-caption{z-index:2;color:#d8d2f2;letter-spacing:.16em;font-size:8px;font-weight:700;position:absolute;bottom:5%;right:4%}.caption-dot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 12px var(--mint);border-radius:50%;margin-right:7px;display:inline-block}.hero-index{color:#8c8ba5;letter-spacing:.1em;font:700 10px Manrope;position:absolute;bottom:29px;right:clamp(22px,6vw,92px)}.hero-index span{color:#484862;margin:0 6px}.promise-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:-1px auto 0;padding:34px 36px;display:grid}.promise-strip>div{align-items:center;gap:12px;display:flex}.promise-icon{border-radius:14px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.promise-icon.pink{color:#de72a2;background:#fff0f5}.promise-icon.yellow{color:#cf9417;background:#fff7df}.promise-icon.green{color:#399c75;background:#e9faf1}.promise-strip strong,.promise-strip small{display:block}.promise-strip strong{font-size:12px}.promise-strip small{color:#8b8b9f;margin-top:4px;font-size:10px}.discover-section{max-width:1120px;margin:0 auto;padding:78px 26px 82px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.eyebrow-dark{color:#8c69ca;margin-bottom:10px}.section-heading h2,.full-library h2{letter-spacing:-.06em;color:#1d1b36;margin:0;font:800 clamp(28px,4vw,42px)/1.1 Manrope,sans-serif}.section-heading>p{color:#77768b;max-width:320px;margin:0;font-size:13px;line-height:1.6}.search-box{background:#fbfaff;border:1px solid #e6e3ef;border-radius:15px;align-items:center;gap:12px;height:58px;padding:0 14px;display:flex;box-shadow:0 5px 22px #251b4510}.search-box svg{fill:none;stroke:#8875b6;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.search-box input{color:#211f3b;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:13px}.search-box input::placeholder{color:#a1a0b3}.search-box kbd{color:#9592a9;background:#fff;border:1px solid #e9e6f1;border-radius:7px;place-items:center;width:26px;height:27px;font-size:12px;display:grid}.filter-row{scrollbar-width:thin;gap:8px;padding:16px 0 5px;display:flex;overflow-x:auto}.filter-row button{color:#77758b;cursor:pointer;background:#fff;border:1px solid #e8e6ee;border-radius:999px;flex:none;min-height:37px;padding:0 14px;font-size:11px}.filter-row button.active{color:#fff;background:#282448;border-color:#282448}.result-count{color:#8d8a9c;margin:13px 0;font-size:10px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-card{background:#fff;border:1px solid #eae8f0;border-radius:16px;align-items:flex-start;gap:12px;min-height:132px;padding:18px 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.tool-card:hover{border-color:#d0c5f3;transform:translateY(-3px);box-shadow:0 13px 30px #21183e0c}.tool-symbol{letter-spacing:-.05em;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid}.tool-symbol.lilac{color:#795bd5;background:#efeaff}.tool-symbol.mint{color:#328d69;background:#e4f8ef}.tool-symbol.peach{color:#d18148;background:#fff0e4}.tool-symbol.blue{color:#428eae;background:#e4f5fb}.tool-symbol.rose{color:#ca6473;background:#fff0f1}.tool-symbol.gold{color:#b38927;background:#fff7df}.tool-copy{flex-direction:column;gap:5px;padding-right:12px;display:flex}.tool-category{color:#9182b5;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.tool-copy strong{color:#24223c;font:700 13px/1.35 Manrope,sans-serif}.tool-copy>span:last-child{color:#8a899b;font-size:10px;line-height:1.5}.tool-arrow{color:#a7a2b7;font-size:13px;position:absolute;top:14px;right:15px}.empty-results{text-align:center;color:#77758b;border:1px dashed #dad6e5;border-radius:15px;padding:40px 20px}.empty-results>span{color:#8f78d3;font-size:30px;display:block}.empty-results strong{color:#302d49;margin-top:10px;display:block}.empty-results p{margin:6px 0 0;font-size:12px}.full-library{background:linear-gradient(115deg,#f4f0ff,#f9f3fb 56%,#effaf6);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto 76px;padding:44px 54px;display:flex;position:relative;overflow:hidden}.library-kicker{color:#7e68bb;letter-spacing:.14em;margin-bottom:11px;font-size:9px;font-weight:800;display:block}.full-library h2{font-size:31px}.full-library p{color:#767489;max-width:430px;margin:12px 0 18px;font-size:12px;line-height:1.7}.library-link{color:#514096;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.library-orbit{flex:none;width:220px;height:155px;position:relative}.orbit-center{color:#fff;background:#252344;border-radius:17px;place-items:center;width:70px;height:48px;font:800 11px Manrope;display:grid;position:absolute;top:55px;left:76px;box-shadow:0 12px 26px #28234438}.orbit-disc{border-radius:15px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:grid;position:absolute;box-shadow:0 8px 22px #17152b19}.disc-a{color:#b34f84;background:#fbd9ea;top:21px;left:34px;transform:rotate(-12deg)}.disc-b{color:#6c52ba;background:#ddd5ff;top:17px;right:21px;transform:rotate(11deg)}.disc-c{color:#38886b;background:#cef1e4;bottom:12px;left:51px;transform:rotate(7deg)}.library-orbit:before,.library-orbit:after{content:"";border:1px solid #afa2cf8c;border-radius:50%;width:190px;height:87px;position:absolute;top:34px;left:16px;transform:rotate(-14deg)}.library-orbit:after{border-color:#96cbb58a;transform:rotate(25deg)}.site-footer{color:#858397;border-top:1px solid #eeedf3;justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:20px clamp(22px,6vw,92px);font-size:10px;display:flex}.footer-brand{color:#25233c;font-size:17px}.footer-brand .brand-mark{width:29px;height:29px}.site-footer>a:last-child{color:#514096;align-items:center;min-height:44px;font-weight:700;display:flex}.site-footer>a:last-child span{margin-left:5px}@media (width<=800px){.site-header{height:68px;padding:0 22px}.site-header nav{gap:20px}.site-header nav a{align-items:center;min-height:44px;display:flex}.hero{grid-template-columns:1fr;gap:2px;min-height:0;padding:59px 26px 42px}.hero-copy{max-width:570px}.hero h1{font-size:clamp(48px,10vw,76px)}.hero-art{min-height:310px;margin-top:8px}.halo-one{width:250px;height:250px;top:7%;right:22%}.halo-two{width:120px;height:120px;bottom:2%;right:7%}.orbit-one{width:400px;height:140px;top:30%;right:4%}.orbit-two{width:350px;height:110px;top:36%;right:8%}.art-sun{width:84px;height:84px;top:15%;right:41%}.float-top{top:17%;right:8%}.float-bottom{bottom:14%;left:7%}.hero-index{bottom:18px;right:26px}.promise-strip{gap:12px;margin:0 22px;padding:24px 0}.promise-strip>div{gap:8px}.promise-icon{border-radius:12px;width:34px;height:34px}.promise-strip strong{font-size:10px}.promise-strip small{font-size:9px}.discover-section{padding:62px 22px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-library{margin:0 22px 54px;padding:35px 32px}.full-library h2{font-size:27px}}@media (width<=540px){.site-header{padding:0 18px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.site-header nav a:nth-child(3){display:none}.brand{font-size:18px}.brand-mark{width:30px;height:30px;font-size:21px}.header-cta{align-items:center;min-height:44px;padding:0 12px;font-size:11px;display:flex}.hero{padding:47px 22px 30px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(45px,12.5vw,65px)}.hero-description{margin-top:17px;font-size:14px;line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch;margin-top:22px}.button{min-height:48px}.button-quiet{justify-content:flex-start;padding-left:10px}.hero-note{flex-wrap:wrap;gap:8px;margin-top:23px;font-size:9px}.hero-art{transform-origin:50%;min-height:270px;margin-top:2px;transform:scale(.94)}.halo-one{width:220px;height:220px;top:10%;right:19%}.halo-two{width:108px;height:108px;right:2%}.orbit-one{width:330px;height:118px;top:34%;right:-7%}.orbit-two{width:300px;height:93px;top:39%;right:0}.art-sun{width:72px;height:72px;top:18%;right:36%}.float-card{border-radius:13px;padding:10px 11px}.float-top{top:19%;right:-1%}.float-bottom{bottom:13%;left:-1%}.float-card strong{font-size:10px}.float-card small{font-size:8px}.mini-icon{width:30px;height:30px}.art-caption{font-size:7px;bottom:3%;right:0}.hero-index{display:none}.promise-strip{grid-template-columns:1fr;gap:15px;margin:0 18px;padding:22px 0}.promise-strip>div{gap:11px}.promise-strip strong{font-size:11px}.promise-strip small{font-size:9px}.discover-section{padding:52px 18px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.section-heading h2{font-size:30px}.section-heading>p{font-size:12px}.search-box{height:54px;padding:0 11px}.search-box input{font-size:12px}.filter-row{margin-right:-18px;padding-right:18px}.filter-row button{min-height:44px}.tool-grid{grid-template-columns:1fr;gap:9px}.tool-card{min-height:100px;padding:15px 14px}.tool-symbol{width:39px;height:39px}.tool-copy strong{font-size:12px}.tool-copy>span:last-child{font-size:10px}.full-library{border-radius:20px;margin:0 18px 45px;padding:27px 23px}.full-library h2{font-size:25px}.full-library p{font-size:11px}.library-orbit{transform-origin:100%;width:100px;height:100px;margin-right:-15px;transform:scale(.68)}.library-orbit:before,.library-orbit:after{display:none}.orbit-center{top:29px;left:25px}.disc-a{top:0;left:2px}.disc-b{top:5px;right:-11px}.disc-c{bottom:-3px;left:9px}.site-footer{flex-wrap:wrap;align-items:flex-start;padding:22px 18px}.site-footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-art{background:0 0;place-items:center;display:grid;overflow:hidden}.hero-art-picture{width:100%;height:100%;min-height:inherit;display:block}.hero-art-picture img{object-fit:contain;object-position:center;filter:drop-shadow(0 18px 42px #9880ff30);width:100%;height:100%;display:block}@media (width<=540px){.hero-art{min-height:440px!important;margin-top:8px!important;transform:none!important}.hero-art-picture{width:min(100%,300px)}.hero-art-picture img{object-fit:contain}}.site-header nav a[aria-current=page]{color:#fff}.catalog-more{color:#77758b;margin:18px 0 0;font-size:12px}.catalog-more a{color:#514096;font-weight:700}@media (width<=540px){.site-header{gap:10px;padding:0 14px}.brand{gap:7px;font-size:17px}.brand-mark{width:29px;height:29px}.site-header nav{flex:none;gap:8px!important}.site-header nav a{white-space:nowrap;font-size:10px!important}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:flex!important}.header-cta{white-space:nowrap;flex:none;padding:0 8px;font-size:10px}}@media (width<=359px){.site-header nav a:nth-child(2){display:none!important}}.timezone-studio{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;display:grid}.timezone-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:13px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.timezone-studio .panel-head{color:#756b91;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:850;display:flex}.timezone-studio .panel-head strong{color:#aaa3b5;text-align:right;font-size:8px}.timezone-studio label{color:#777487;gap:6px;min-width:0;margin:0;font-size:11px;font-weight:800;display:grid}.timezone-studio input,.timezone-studio select{color:#29263a;background:#fcfbfe;border:1px solid #e0dfe9;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:10px 11px;font-size:13px}.timezone-datetime{grid-template-columns:1fr 1fr;gap:8px;display:grid}.timezone-quick-actions,.timezone-result-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.timezone-quick-actions button,.timezone-result-actions button,.timezone-add>button{color:#66558f;background:#fff;border:1px solid #e4e1eb;border-radius:10px;min-height:44px;padding:8px 10px;font-size:10px;font-weight:800}.timezone-quick-actions button:first-child,.timezone-result-actions button:first-child{color:#fff;background:#6954a1;border-color:#6954a1}.timezone-why,.timezone-database{color:#6d6680;background:#f3f0fa;border-radius:11px;gap:5px;padding:12px;font-size:10px;line-height:1.55;display:grid}.timezone-why b,.timezone-database b{color:#57417e;font-size:11px}.timezone-verdict{color:#507559;overflow-wrap:anywhere;background:#f2faf4;border:1px solid #d8ebde;border-radius:11px;gap:5px;padding:12px;font-size:11px;line-height:1.55;display:grid}.timezone-verdict.caution{color:#85662c;background:#fff9ec;border-color:#f0d9ae}.timezone-verdict b{font-size:12px}.timezone-city-list{gap:7px;display:grid}.timezone-city-list article{background:#fcfbfe;border:1px solid #ebe9f1;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-width:0;padding:12px;display:grid}.timezone-city-list article.source{background:#f9f6ff;border-color:#b9a9df}.timezone-city-list article>div{align-items:center;gap:7px;min-width:0;display:flex}.timezone-city-list article>div b{overflow-wrap:anywhere;color:#383348;min-width:0;font-size:12px}.timezone-origin{color:#604a93;letter-spacing:.06em;background:#eae3f8;border-radius:99px;padding:3px 6px;font-size:7px;font-weight:900}.timezone-city-list article>strong{color:#272438;letter-spacing:-.03em;overflow-wrap:anywhere;grid-column:1/-1;font:750 18px/1.35 Manrope,sans-serif}.timezone-city-list article>span{color:#777487;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.timezone-city-list article em{color:#8c642c;background:#fff1db;border-radius:99px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:800}.timezone-city-list article em.previous{color:#4f6390;background:#e9efff}.timezone-city-list article>button{color:#8b718f;background:#fff;border:1px solid #e7e4ed;border-radius:8px;min-height:40px;padding:5px 8px;font-size:9px;font-weight:800}.timezone-city-list article>button:disabled{opacity:.3;cursor:not-allowed}.timezone-add{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.timezone-add>button{color:#fff;background:#211a37;min-width:88px}.timezone-result-actions button{min-height:46px}.timezone-odd{background:#fff;border:1px solid #ece9f3;border-radius:12px;gap:7px;padding:12px;display:grid}.timezone-odd .panel-head{margin-bottom:2px}.timezone-odd article{background:#fcfbfe;border:1px solid #f0eef4;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px;display:grid}.timezone-odd article b{color:#51466a;overflow-wrap:anywhere;font-size:10px}.timezone-odd article code{color:#6954a1;font:800 10px ui-monospace,monospace}.timezone-odd article span{color:#777487;grid-column:1/-1;font-size:9px}.timezone-invalid{color:#98524d;background:#fff4f2;border:1px solid #f0ceca;border-radius:11px;gap:5px;padding:13px;font-size:11px;line-height:1.55;display:grid}.timezone-fold{color:#805f29;background:#fff9ec;border:1px solid #f0d9ae;border-radius:11px;gap:5px;padding:12px;font-size:10px;display:grid}.timezone-fold>span{color:#897956;line-height:1.5}.timezone-fold>div{grid-template-columns:1fr 1fr;gap:7px;margin-top:3px;display:grid}.timezone-fold button{color:#705a33;background:#fff;border:1px solid #eadcbf;border-radius:9px;min-height:44px;padding:7px;font-size:10px;font-weight:800}.timezone-fold button.active{background:#f5ecd9;border-color:#ad8640}.timezone-studio button{touch-action:manipulation}@media (width<=700px){.timezone-studio{grid-template-columns:minmax(0,1fr);gap:10px}.timezone-studio>section{padding:13px}.timezone-city-list article{padding:11px}.timezone-city-list article>strong{font-size:17px}.timezone-add{grid-template-columns:minmax(0,1fr) auto}}.unix-studio{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:14px;display:grid}.unix-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:13px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.unix-studio .panel-head{color:#756b91;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:850;display:flex}.unix-studio .panel-head strong{color:#aaa3b5;text-align:right;font-size:8px}.unix-studio label{color:#777487;gap:6px;min-width:0;margin:0;font-size:11px;font-weight:800;display:grid}.unix-studio input,.unix-studio select{color:#29263a;background:#fcfbfe;border:1px solid #e0dfe9;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:10px 11px;font:13px ui-monospace,monospace}.unix-now{background:#f3faf5;border:1px solid #d9e8df;border-radius:12px;gap:10px;padding:13px;display:grid}.unix-now>div:first-child{gap:4px;min-width:0;display:grid}.unix-now span,.unix-verdict>div>span{color:#748675;letter-spacing:.08em;font-size:8px;font-weight:850}.unix-now b{color:#315c43;overflow-wrap:anywhere;font:800 18px ui-monospace,monospace}.unix-now small{color:#728578;overflow-wrap:anywhere;font:9px ui-monospace,monospace}.unix-now>div:last-child,.unix-results-head>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.unix-now button,.unix-examples button,.unix-results-head button,.unix-row-list button{color:#66558f;background:#fff;border:1px solid #e4e1eb;border-radius:9px;min-height:42px;padding:7px 10px;font-size:9px;font-weight:800}.unix-mode-switch{background:#f2f1f6;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.unix-mode-switch button{color:#777487;background:0 0;border:1px solid #0000;border-radius:8px;min-height:44px;padding:7px;font-size:10px;font-weight:800}.unix-mode-switch button.active{color:#65558f;background:#fff;border-color:#e9e6f0;box-shadow:0 2px 7px #29233c0c}.unix-examples{gap:6px;display:grid}.unix-examples>span{color:#898594;letter-spacing:.06em;font-size:8px;font-weight:850}.unix-examples>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.unix-examples button{min-height:44px}.unix-datetime{grid-template-columns:1fr 1fr;gap:8px;display:grid}.unix-inline-note,.unix-concept,.unix-privacy{color:#777487;background:#f3f0fa;border-radius:10px;margin:0;padding:11px;font-size:9px;line-height:1.55}.unix-concept,.unix-privacy{gap:4px;display:grid}.unix-concept b,.unix-privacy b{color:#57417e;font-size:10px}.unix-output-panel{grid-area:1/2/span 2}.unix-verdict{color:#507559;background:#f2faf4;border:1px solid #d8eadd;border-radius:12px;gap:5px;padding:13px;display:grid}.unix-verdict>div{gap:4px;min-width:0;display:grid}.unix-verdict>div>b{color:#2f543e;overflow-wrap:anywhere;font:750 16px/1.45 Manrope,sans-serif}.unix-verdict>p{color:#68796e;margin:0;font-size:10px;line-height:1.5}.unix-warning{color:#83652d;background:#fff8e8;border-radius:9px;margin:0;padding:10px 11px;font-size:9px;line-height:1.5}.unix-results-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.unix-results-head>div:first-child{gap:3px;display:grid}.unix-results-head b{color:#393447;font-size:11px}.unix-results-head span{color:#898594;font-size:8px}.unix-results-head button:first-child{color:#fff;background:#6954a1;border-color:#6954a1}.unix-row-list{gap:6px;display:grid}.unix-row-list article{background:#fcfbfe;border:1px solid #ebe9f1;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 8px;min-width:0;padding:10px;display:grid}.unix-row-list article>div{gap:4px;min-width:0;display:grid}.unix-row-list article>div>b{color:#62577a;font-size:9px}.unix-row-list article>div>span{color:#898594;overflow-wrap:anywhere;font-size:8px;line-height:1.45}.unix-row-list code{color:#29263a;overflow-wrap:anywhere;white-space:pre-wrap;background:#f0eff5;border-radius:7px;grid-column:1/-1;min-width:0;padding:8px;font:10px/1.5 ui-monospace,monospace;display:block}.unix-row-list button{grid-area:1/2;min-height:38px;padding:5px 8px}.unix-reference{background:#fff;border:1px solid #ece9f3;border-radius:12px;gap:7px;padding:12px;display:grid}.unix-reference .panel-head{margin-bottom:2px}.unix-reference p{color:#777487;background:#fcfbfe;border-radius:8px;margin:0;padding:9px;font-size:9px;line-height:1.55}.unix-reference p b{color:#584183}.unix-invalid{color:#98524d;background:#fff4f2;border:1px solid #f0ceca;border-radius:11px;gap:5px;padding:13px;font-size:10px;line-height:1.55;display:grid}.unix-studio button{touch-action:manipulation}@media (width<=700px){.unix-studio{grid-template-columns:minmax(0,1fr);gap:10px}.unix-studio>section{padding:13px}.unix-output-panel{grid-area:auto}.unix-results-head{flex-direction:column;align-items:flex-start}.unix-results-head>div:last-child{width:100%}.unix-results-head button{flex:1}.unix-now{gap:8px}}.barcode-studio{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;display:grid}.barcode-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:13px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.barcode-studio .panel-head{color:#756b91;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:850;display:flex}.barcode-studio .panel-head strong{color:#aaa3b5;text-align:right;font-size:8px}.barcode-studio label{color:#777487;gap:6px;min-width:0;margin:0;font-size:11px;font-weight:800;display:grid}.barcode-studio input:not([type=range]):not([type=checkbox]),.barcode-studio select{color:#29263a;background:#fcfbfe;border:1px solid #e0dfe9;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:10px 11px;font:13px ui-monospace,monospace}.barcode-examples{gap:6px;display:grid}.barcode-examples>span{color:#898594;letter-spacing:.06em;font-size:8px;font-weight:850}.barcode-examples>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.barcode-examples button,.barcode-export button{color:#66558f;background:#fff;border:1px solid #e4e1eb;border-radius:9px;min-height:44px;padding:7px 9px;font-size:9px;font-weight:800}.barcode-height{grid-template-columns:1fr auto;align-items:center}.barcode-height b{color:#3f374a;font:800 13px ui-monospace,monospace}.barcode-height input[type=range]{accent-color:#438c80;grid-column:1/-1;width:100%}.barcode-hri{background:#fcfbfe;border:1px solid #ece9f0;border-radius:9px;align-items:center;gap:9px;min-height:46px;padding:8px 10px;display:flex!important}.barcode-hri input{accent-color:#438c80;width:18px;height:18px}.barcode-principle,.barcode-prefix-note,.barcode-privacy{color:#657b75;background:#eef9f5;border-radius:11px;gap:5px;padding:12px;font-size:9px;line-height:1.55;display:grid}.barcode-principle b,.barcode-prefix-note b,.barcode-privacy b{color:#347568;font-size:10px}.barcode-output{grid-area:1/2/span 2}.barcode-verdict{color:#507559;background:#f2faf4;border:1px solid #d8eadd;border-radius:11px;gap:5px;padding:12px;font-size:10px;line-height:1.55;display:grid}.barcode-verdict.verified{color:#506b92;background:#f1f6ff;border-color:#c8d8f0}.barcode-verdict.caution{color:#925d3c;background:#fff6f0;border-color:#f0d3c0}.barcode-verdict b{font-size:12px}.barcode-verdict small{color:#8d765f;font-size:8px}.barcode-artboard{background:repeating-linear-gradient(135deg,#faf9fc,#faf9fc 8px,#f4f2f8 8px 16px);border:1px solid #e7e5ed;border-radius:13px;place-items:center;min-width:0;min-height:170px;padding:22px 12px;display:grid;overflow-x:auto}.barcode-artboard svg{background:#fff;width:min(100%,560px);height:auto;display:block;box-shadow:0 5px 20px #20202b18}.barcode-export{grid-template-columns:1fr 1fr;gap:7px;display:grid}.barcode-export button:first-child{color:#fff;background:#438c80;border-color:#438c80}.barcode-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.barcode-metrics article{background:#fcfbfe;border:1px solid #eae8ef;border-radius:10px;align-content:start;gap:5px;min-width:0;padding:11px;display:grid}.barcode-metrics article span{color:#898594;letter-spacing:.06em;font-size:7px;font-weight:850}.barcode-metrics article b{color:#40394b;overflow-wrap:anywhere;font:750 12px/1.4 Manrope,sans-serif}.barcode-metrics article small{color:#898594;font-size:8px}.barcode-work{background:#fff;border:1px solid #eae8ef;border-radius:12px;gap:5px;padding:12px;display:grid}.barcode-work>.panel-head{margin-bottom:3px}.barcode-work-head,.barcode-work>div:not(.panel-head){color:#777487;border-bottom:1px solid #efedf2;grid-template-columns:.8fr .7fr 1fr 1fr;align-items:center;gap:7px;padding:8px;font-size:9px;display:grid}.barcode-work-head{letter-spacing:.05em;background:#f3f1f7;border:0;border-radius:7px;font-size:7px;font-weight:850}.barcode-work>div:not(.panel-head)>span:first-child{color:#aaa2b2;font:9px ui-monospace,monospace}.barcode-work>div:not(.panel-head)>b,.barcode-work>div:not(.panel-head)>strong{color:#40394b;font:800 10px ui-monospace,monospace}.barcode-work footer{color:#6f6a7b;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px 6px 3px;font-size:9px;display:grid}.barcode-work footer b{color:#51416f;font:850 11px ui-monospace,monospace}.barcode-prefix-note{color:#777487;background:#f5f2fa}.barcode-prefix-note b{color:#57417e}.barcode-privacy{color:#777487;background:#f1f7f3}.barcode-privacy b{color:#53745b}.barcode-invalid{color:#98524d;background:#fff4f2;border:1px solid #f0ceca;border-radius:11px;gap:5px;padding:13px;font-size:10px;line-height:1.55;display:grid}.barcode-empty{color:#898594;text-align:center;border:1px dashed #dedbe5;border-radius:11px;justify-items:center;gap:6px;padding:22px 14px;display:grid}.barcode-empty>span{color:#438c80;font-size:28px}.barcode-empty b{color:#40394b;font-size:12px}.barcode-empty p{max-width:300px;margin:0;font-size:9px;line-height:1.5}.barcode-studio button{touch-action:manipulation}@media (width<=700px){.barcode-studio{grid-template-columns:minmax(0,1fr);gap:10px}.barcode-studio>section{padding:13px}.barcode-output{grid-area:auto}.barcode-artboard{min-height:135px;padding:15px 8px}.barcode-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-work-head,.barcode-work>div:not(.panel-head){grid-template-columns:.8fr .6fr 1fr 1fr;gap:4px;padding:7px 5px}}.shadow-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.shadow-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.shadow-studio .panel-head{color:#756b91;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:850;display:flex}.shadow-studio .panel-head strong{color:#aaa3b5;text-align:right;font-size:8px}.shadow-studio label{color:#777487;gap:5px;min-width:0;margin:0;font-size:10px;font-weight:800;display:grid}.shadow-studio input:not([type=checkbox]):not([type=range]){color:#29263a;background:#fcfbfe;border:1px solid #e0dfe9;border-radius:9px;width:100%;min-width:0;min-height:44px;padding:8px;font:12px ui-monospace,monospace}.shadow-studio input[type=color]{height:44px;padding:4px!important}.shadow-studio input[type=range]{accent-color:#438c80;touch-action:pan-y;width:100%;min-height:40px}.shadow-studio button{color:#66558f;touch-action:manipulation;background:#fff;border:1px solid #e4e1eb;border-radius:9px;min-height:44px;padding:7px 10px;font-size:9px;font-weight:800}.shadow-studio button:disabled{opacity:.4;cursor:not-allowed}.shadow-studio button:focus-visible,.shadow-studio input:focus-visible{outline-offset:2px;outline:3px solid #438c8060}.shadow-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shadow-presets button{min-width:0}.shadow-presets button.active{color:#347568;background:#eef9f5;border-color:#438c80}.shadow-scene-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shadow-scene-settings label:last-child{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.shadow-scene-settings label:last-child input{grid-column:1/-1}.shadow-layer-heading{justify-content:space-between;align-items:center;gap:8px;padding-top:3px;display:flex}.shadow-layer-heading>b,.shadow-code-head b{color:#393447;font-size:11px}.shadow-layer-editor{background:#fcfbfe;border:1px solid #ebe9f1;border-radius:12px;gap:9px;padding:11px;display:grid}.shadow-layer-editor header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid}.shadow-layer-editor header>b{color:#51416f;font-size:10px}.shadow-layer-editor header button{min-height:40px}.shadow-inset{background:#fff;border:1px solid #ebe9f1;border-radius:8px;align-items:center;min-height:40px;padding:4px 7px;gap:5px!important;display:flex!important}.shadow-inset input{accent-color:#438c80;width:17px;height:17px}.shadow-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.shadow-colour-row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:9px;display:grid}.shadow-technique,.shadow-performance{color:#777487;background:#f3f0fa;border-radius:10px;gap:4px;padding:11px;font-size:9px;line-height:1.55;display:grid}.shadow-technique b,.shadow-performance b{color:#57417e;font-size:10px}.shadow-technique p{margin:0}.shadow-stage{border:1px solid #e6e5ec;border-radius:14px;place-items:center;min-height:260px;padding:38px 24px;transition:background-color .18s;display:grid}.shadow-live-card{text-align:center;align-content:center;justify-items:center;gap:9px;width:min(100%,340px);min-height:150px;padding:24px;transition:box-shadow .18s,border-radius .18s,background-color .18s;display:grid}.shadow-live-card span{color:#858395;letter-spacing:.12em;font-size:8px;font-weight:850}.shadow-live-card b{color:#302c43;font:800 22px/1.2 Manrope,sans-serif}.shadow-live-card small{color:#777487;font-size:9px;line-height:1.5}.shadow-insight{color:#587461;background:#f2faf4;border:1px solid #d8eadd;border-radius:10px;gap:4px;padding:11px;font-size:9px;line-height:1.5;display:grid}.shadow-insight b{color:#34734d;font-size:10px}.shadow-insight.caution{color:#83652d;background:#fff9ec;border-color:#f0d9ae}.shadow-insight.caution b{color:#8b6724}.shadow-code-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.shadow-code-head>div:first-child{gap:3px;display:grid}.shadow-code-head span{color:#898594;font-size:8px}.shadow-code-head>div:last-child{flex-wrap:wrap;gap:5px;display:flex}.shadow-code-head button:first-child{color:#fff;background:#438c80;border-color:#438c80}.shadow-code{color:#e8e5f5;white-space:pre-wrap;overflow-wrap:anywhere;background:#242337;border:1px solid #e7e5ed;border-radius:11px;margin:0;padding:13px;font:10px/1.7 ui-monospace,monospace}.shadow-performance{color:#6d7a70;background:#f1f7f3}.shadow-performance b{color:#53745b}@media (width<=700px){.shadow-studio{grid-template-columns:minmax(0,1fr);gap:10px}.shadow-studio>section{padding:13px}.shadow-stage{min-height:210px;padding:28px 18px}.shadow-live-card{min-height:130px}.shadow-code-head{flex-direction:column;align-items:flex-start}.shadow-code-head>div:last-child{width:100%}.shadow-code-head button{flex:1}.shadow-layer-editor{padding:9px}.shadow-layer-editor header{grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.shadow-colour-row{grid-template-columns:65px minmax(0,1fr)}}.palette-studio{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:14px;display:grid}.palette-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:13px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.palette-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.palette-toolbar>div{min-width:0}.palette-toolbar>div>span{color:#756b91;letter-spacing:.09em;font-size:8px;font-weight:850}.palette-toolbar h3{color:#2c293f;letter-spacing:-.035em;margin:7px 0 5px;font:800 clamp(18px,2.5vw,24px)/1.12 Manrope,sans-serif}.palette-toolbar p{color:#777487;max-width:540px;margin:0;font-size:10px;line-height:1.55}.palette-studio button{color:#61527f;touch-action:manipulation;background:#fff;border:1px solid #e4e1eb;border-radius:9px;min-height:44px;padding:8px 10px;font-size:9px;font-weight:800}.palette-studio button:hover{background:#f6f2fb}.palette-studio button:focus-visible{outline-offset:2px;outline:3px solid #8059bb65}.palette-generate{flex:none;grid-template-columns:auto auto;align-items:center;column-gap:7px;display:grid;color:#fff!important;background:#8059bb!important;border-color:#8059bb!important}.palette-generate>span{font-size:10px}.palette-generate>small{color:#e8dff4;grid-column:2;font-size:7px;font-weight:600}.palette-harmonies{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.palette-harmonies button{text-align:left;align-content:center;gap:4px;min-width:0;display:grid}.palette-harmonies button b{font-size:9px}.palette-harmonies button small{color:#898594;font-size:7px;line-height:1.35}.palette-harmonies button.active,.palette-format-tabs button.active{color:#674491;background:#f5f0fb;border-color:#8059bb}.palette-swatches-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.palette-swatch-card{background:#fff;border:1px solid #e9e7ef;border-radius:12px;min-width:0;overflow:hidden}.palette-swatch-face{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;min-height:142px;padding:8px;display:grid}.palette-swatch-face>span{color:color-mix(in srgb,currentColor 72%,transparent);letter-spacing:.07em;text-transform:uppercase;grid-column:1;font-size:7px;font-weight:850}.palette-swatch-face>button{border-color:color-mix(in srgb,currentColor 35%,transparent);background:color-mix(in srgb,currentColor 12%,transparent);width:38px;height:38px;min-height:38px;color:inherit;grid-area:1/2;padding:0;font-size:15px}.palette-swatch-face>button.locked{background:color-mix(in srgb,currentColor 22%,transparent)}.palette-swatch-face>strong{letter-spacing:-.03em;grid-area:3/1/auto/-1;font:850 12px ui-monospace,monospace}.palette-swatch-meta{gap:5px;padding:8px;display:grid}.palette-hex-copy{text-align:left;color:#453a59!important;background:0 0!important;border-color:#0000!important;min-height:38px!important;padding:4px!important;font:800 9px ui-monospace,monospace!important}.palette-swatch-meta>small{color:#858293;overflow-wrap:anywhere;font-size:7px;line-height:1.4}.palette-swatch-meta>div{gap:3px;display:grid}.palette-swatch-meta>div span{color:#9b7781;font-size:7px;font-weight:800}.palette-swatch-meta>div span.contrast-pass{color:#398055}.palette-spread{color:#607763;background:#f2faf4;border:1px solid #d8eadd;border-radius:11px;gap:6px;padding:11px;display:grid}.palette-spread.low{color:#85672f;background:#fff9ec;border-color:#f0d9ae}.palette-spread>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-spread>div:first-child b{letter-spacing:.08em;font-size:8px}.palette-spread>div:first-child strong{font:800 14px ui-monospace,monospace}.palette-spread>span{font-size:8px;line-height:1.45}.palette-spread-track{background:#fff;border-radius:99px;height:7px;overflow:hidden}.palette-spread-track i{border-radius:inherit;background:#64a77a;height:100%;display:block}.palette-chart{background:#fcfbfe;border:1px solid #ece9f3;border-radius:12px;gap:7px;padding:10px;display:grid}.palette-chart .panel-head{margin:0;font-size:7px}.palette-chart svg{width:100%;height:auto;display:block;overflow:visible}.palette-preview-export{gap:11px!important}.palette-interface-preview,.palette-export-panel{background:#fff;border:1px solid #e8e8ee;border-radius:15px;align-content:start;gap:10px;min-width:0;padding:13px;display:grid}.palette-interface-preview .panel-head,.palette-export-panel .panel-head{color:#756b91;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:8px;font-weight:850;display:flex}.palette-interface-preview .panel-head strong,.palette-export-panel .panel-head strong{color:#aaa3b5;font-size:7px}.palette-mock-frame{border:1px solid #ebe8f1;border-radius:12px;place-items:center;min-height:250px;padding:20px;transition:background-color .16s;display:grid}.palette-mock-frame article{border:1px solid;border-radius:12px;width:min(100%,380px);padding:17px;transition:background-color .16s,border-color .16s;box-shadow:0 12px 30px #20193118}.palette-mock-frame article>span{letter-spacing:.1em;font-size:7px;font-weight:850}.palette-mock-frame h4{margin:8px 0 6px;font:800 17px/1.2 Manrope,sans-serif}.palette-mock-frame p{margin:0 0 13px;font-size:10px;line-height:1.55}.palette-mock-frame article>button{border:0!important}.palette-role-key{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.palette-role-key>span{color:#797688;align-items:center;gap:4px;min-width:0;font-size:7px;display:flex}.palette-role-key i{border:1px solid #0002;border-radius:4px;flex:none;width:12px;height:12px}.palette-format-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.palette-format-tabs button{min-width:0;padding:6px 4px;font-size:8px}.palette-export-panel pre{color:#f0edf8;white-space:pre-wrap;overflow-wrap:anywhere;background:#242337;border:1px solid #e8e6ee;border-radius:10px;min-height:165px;max-height:250px;margin:0;padding:11px;font:9px/1.6 ui-monospace,monospace;overflow:auto}.palette-export-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.palette-export-actions button:first-child{color:#fff;background:#8059bb;border-color:#8059bb}.palette-export-panel aside{color:#777487;background:#f5f2fa;border-radius:9px;gap:4px;padding:10px;font-size:8px;line-height:1.5;display:grid}.palette-export-panel aside b{color:#57417e;font-size:9px}@media (width<=760px){.palette-studio{grid-template-columns:minmax(0,1fr);gap:10px}.palette-studio>section{padding:13px}.palette-toolbar{flex-direction:column}.palette-generate{grid-template-columns:auto auto;justify-content:center;width:100%}.palette-harmonies{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-swatches-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.palette-swatch-card:last-child{grid-column:1/-1}.palette-swatch-face{min-height:115px}.palette-swatch-face>strong{font-size:14px}.palette-mock-frame{min-height:220px;padding:14px}.palette-role-key{gap:2px}.palette-role-key>span{flex-direction:column;justify-content:center;font-size:7px}}.palette-hex-copy{min-height:44px!important}.palette-swatch-face>button{width:44px;height:44px;min-height:44px}.palette-swatch-face>span{font-size:9px}.palette-swatch-meta>small,.palette-swatch-meta>div span,.palette-role-key>span{font-size:8px}.palette-format-tabs button{font-size:9px}.contrast-studio{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;display:grid}.contrast-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:13px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.contrast-studio .panel-head{color:#756b91;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:9px;font-weight:850;display:flex}.contrast-studio .panel-head strong{color:#aaa3b5;text-align:right;font-size:8px}.contrast-studio button{color:#66558f;touch-action:manipulation;background:#fff;border:1px solid #e4e1eb;border-radius:9px;min-height:44px;padding:8px 10px;font-size:9px;font-weight:800}.contrast-studio button:focus-visible,.contrast-studio input:focus-visible{outline-offset:2px;outline:3px solid #6954a160}.contrast-colour-input{gap:6px;display:grid}.contrast-colour-input>label{color:#777487;font-size:10px;font-weight:800}.contrast-colour-input>div{grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.contrast-colour-input input[type=color]{background:#fff;border:1px solid #e2dfea;border-radius:10px;width:54px;height:46px;padding:4px}.contrast-colour-input input[type=text]{color:#29263a;text-transform:uppercase;background:#fcfbfe;border:1px solid #e0dfe9;border-radius:10px;width:100%;min-width:0;min-height:46px;padding:10px;font:13px ui-monospace,monospace}.contrast-colour-input button{width:44px;padding:0;font-size:17px}.contrast-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.contrast-actions .contrast-fix{color:#fff;background:#6954a1;border-color:#6954a1}.contrast-actions button:disabled{opacity:.45}.contrast-info,.contrast-local-note{color:#777487;background:#f5f2fa;border-radius:10px;gap:4px;margin:0;padding:11px;font-size:9px;line-height:1.55;display:grid}.contrast-info b{color:#57417e;font-size:10px}.contrast-local-note{color:#738075;background:#f2f7f4}.contrast-scorecard{grid-template-columns:1fr 1fr;gap:8px;display:grid}.contrast-scorecard>div{background:#fcfbfe;border:1px solid #eae8ef;border-radius:11px;align-content:start;gap:5px;min-width:0;padding:12px;display:grid}.contrast-scorecard>div>span{color:#898594;letter-spacing:.07em;font-size:8px;font-weight:850}.contrast-scorecard>div:first-child>strong{color:#2d2b40;letter-spacing:-.05em;font:850 clamp(31px,5vw,43px)/1 Manrope,sans-serif}.contrast-scorecard>div:first-child>strong small{font-size:16px}.contrast-scorecard em{color:#a45b56;font-size:9px;font-style:normal;font-weight:850}.contrast-scorecard em.contrast-ready{color:#398055}.contrast-scorecard>div>b{color:#3c394c;font:750 11px ui-monospace,monospace}.contrast-scorecard>div>small{color:#858293;overflow-wrap:anywhere;font-size:8px;line-height:1.4}.contrast-preview-box{border:1px solid #e8e6ef;border-radius:13px;place-items:center;min-height:200px;padding:20px;transition:color .15s,background-color .15s;display:grid}.contrast-preview-box article{width:min(100%,500px)}.contrast-preview-box span,.contrast-preview-box small{letter-spacing:.07em;font-size:9px;font-weight:800}.contrast-preview-box h3{margin:8px 0;font:750 24px/1.2 Manrope,sans-serif}.contrast-preview-box p{margin:0 0 10px;font-size:15px;line-height:1.6}.contrast-preview-box small{letter-spacing:0;font-size:12px;font-weight:500}.contrast-levels{grid-template-columns:1fr 1fr;gap:7px;display:grid}.contrast-levels article{border:1px solid;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:7px;min-width:0;padding:10px;display:grid}.contrast-levels article.pass{color:#39754b;background:#f3faf4;border-color:#cfe5d4}.contrast-levels article.fail{color:#a75049;background:#fff5f3;border-color:#f0d7d1}.contrast-levels article>span{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:900;display:grid}.contrast-levels article>div{gap:4px;min-width:0;display:grid}.contrast-levels article b{color:#403c4d;font-size:9px;line-height:1.4}.contrast-levels article small{color:#858293;font-size:8px;line-height:1.4}.contrast-levels article>strong{letter-spacing:.05em;padding-top:4px;font-size:8px}.contrast-threshold-scale{background:#fcfbfe;border:1px solid #ece9f3;border-radius:11px;gap:8px;padding:11px;display:grid}.contrast-threshold-scale .panel-head{font-size:7px}.contrast-track{background:linear-gradient(90deg,#f0ccd0 0 10%,#f1dfa9 10% 17.5%,#cce7d4 17.5% 30%,#a9d8ba 30% 100%);border-radius:99px;height:12px;overflow:hidden}.contrast-track i{background:#6b59ac5c;border-right:2px solid #322b42;height:100%;transition:width .15s;display:block}.contrast-threshold-scale>div:last-child{color:#898594;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:7px;display:flex}.contrast-threshold-scale>div:last-child b{color:#605875;font-size:7px}.contrast-limit{color:#817252;background:#fff8e9;border-radius:10px;gap:4px;padding:11px;font-size:8px;line-height:1.55;display:grid}.contrast-limit b{color:#80652b;font-size:9px}.contrast-invalid{color:#9b514b;background:#fff5f3;border:1px solid #f0d0cd;border-radius:11px;gap:5px;padding:15px;font-size:10px;line-height:1.5;display:grid}.contrast-invalid b{font-size:12px}@media (width<=700px){.contrast-studio{grid-template-columns:minmax(0,1fr);gap:10px}.contrast-studio>section{padding:13px}.contrast-scorecard{grid-template-columns:1fr 1fr}.contrast-levels{grid-template-columns:1fr}.contrast-preview-box{min-height:180px;padding:16px}.contrast-threshold-scale>div:last-child,.contrast-threshold-scale>div:last-child b{font-size:8px}}.colour-converter-studio{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:14px;display:grid}.colour-converter-studio>section{background:#fff;border:1px solid #e9e8f1;border-radius:18px;align-content:start;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 14px 36px #25213a0a}.colour-converter-studio .panel-head{color:#52766f;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:9px;font-weight:850;display:flex}.colour-converter-studio .panel-head strong{color:#9aa7a1;text-align:right;font-size:8px}.colour-converter-studio button{color:#3f7668;touch-action:manipulation;background:#fff;border:1px solid #dfe9e5;border-radius:9px;min-height:44px;padding:8px 10px;font-size:9px;font-weight:800}.colour-converter-studio button:focus-visible,.colour-converter-studio input:focus-visible{outline-offset:2px;outline:3px solid #408e8060}.colour-converter-swatch{background:var(--picked-colour);color:#fff;text-shadow:0 1px 4px #0008;border:1px solid #e6e8ec;border-radius:13px;align-content:end;gap:5px;min-height:118px;padding:14px;display:grid;position:relative;overflow:hidden}.colour-converter-swatch:before{content:"";background:linear-gradient(120deg,#0002,#0000 65%);position:absolute;inset:0}.colour-converter-swatch>span,.colour-converter-swatch>strong,.colour-converter-swatch>input{z-index:1}.colour-converter-swatch>span{letter-spacing:.1em;font-size:8px;font-weight:850}.colour-converter-swatch>strong{font:850 22px ui-monospace,monospace}.colour-converter-swatch>input{background:#ffffff4d;border:1px solid #fff8;border-radius:10px;width:48px;height:48px;padding:3px;position:absolute;top:12px;right:12px}.colour-model-field{background:#fdfdff;border:1px solid #eae9ef;border-radius:12px;gap:7px;padding:11px;display:grid}.colour-model-field h3{color:#333449;justify-content:space-between;align-items:baseline;gap:6px;margin:0;font:800 11px Manrope,sans-serif;display:flex}.colour-model-field h3 small{color:#87938f;font:700 8px sans-serif}.colour-model-field>label,.colour-channel-grid label{color:#777487;gap:5px;font-size:8px;font-weight:800;display:grid}.colour-converter-studio input:not([type=color]){color:#303448;background:#fff;border:1px solid #e0e4e6;border-radius:9px;width:100%;min-width:0;min-height:42px;padding:8px;font:12px ui-monospace,monospace}.colour-model-field p{color:#858293;margin:0;font-size:8px;line-height:1.45}.colour-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.colour-channel-grid label{min-width:0}.colour-model-note,.colour-local-note{color:#68796f;background:#f1f8f4;border-radius:10px;gap:5px;padding:10px;font-size:8px;line-height:1.5;display:grid}.colour-model-note>b{color:#407457;font-size:9px}.colour-format-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.colour-format-cards article{background:#fff;border:1px solid #e9e8ef;border-radius:11px;align-content:start;gap:7px;min-width:0;padding:10px;display:grid}.colour-format-cards article>span{color:#8b8999;letter-spacing:.08em;font-size:7px;font-weight:850}.colour-format-cards article>strong{color:#37364b;overflow-wrap:anywhere;align-items:center;min-height:31px;font:800 12px/1.4 ui-monospace,monospace;display:flex}.colour-format-cards article>small{color:#8b8999;font-size:8px}.colour-format-cards article>button{width:100%}.colour-model-ramps{gap:8px;display:grid}.colour-model-ramps article{border:1px solid #e9e8ef;border-radius:11px;gap:6px;padding:10px;display:grid}.colour-model-ramps header{color:#454457;justify-content:space-between;gap:8px;font-size:8px;display:flex}.colour-model-ramps header span{color:#888697;text-align:right}.colour-model-ramps article>div{border:1px solid #e7e7ed;border-radius:7px;grid-template-columns:repeat(11,minmax(0,1fr));height:27px;display:grid;overflow:hidden}.colour-model-ramps i:first-child{border-radius:6px 0 0 6px}.colour-model-ramps i:last-child{border-radius:0 6px 6px 0}.colour-model-css{background:#fbfafc;border:1px solid #eae8ef;border-radius:11px;gap:8px;padding:11px;display:grid}.colour-model-css .panel-head button{min-height:38px;padding:5px 8px}.colour-model-css pre{color:#f0edf8;white-space:pre-wrap;overflow-wrap:anywhere;background:#242337;border-radius:9px;margin:0;padding:10px;font:9px/1.65 ui-monospace,monospace}.colour-model-insight{color:#776b4d;background:#fffaf0;border:1px solid #eadfbc;border-radius:10px;padding:11px;font-size:8px;line-height:1.55}.colour-model-insight b{color:#80672a;font-size:9px}.colour-model-insight p{margin:5px 0 0}.colour-local-note{color:#7d7b89;background:#f5f4f8}.colour-invalid{color:#9a554e;background:#fff5f3;border:1px solid #eed4d1;border-radius:11px;gap:5px;padding:14px;font-size:9px;line-height:1.5;display:grid}.colour-invalid b{font-size:11px}.colour-model-css .panel-head button{min-height:44px}@media (width<=700px){.colour-converter-studio{grid-template-columns:minmax(0,1fr);gap:10px}.colour-converter-studio>section{padding:13px}.colour-converter-swatch{min-height:100px}.colour-format-cards{grid-template-columns:1fr 1fr}.colour-format-cards article{padding:8px}.colour-format-cards article>strong{font-size:10px}.colour-model-ramps header{flex-direction:column;align-items:flex-start;gap:3px}.colour-model-ramps header span{text-align:left}.colour-channel-grid{gap:5px}}