@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080a11;--panel:#10131e;--border:#272a3d;--text:#f4f5fc;--muted:#b1b6ca;--purple:#a68aff;--cyan:#68e6ed;--font:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.review-strip{min-height:32px;padding:5px 20px;background:#141020;border-bottom:1px solid #2b2240;text-align:center;font-size:11px;letter-spacing:.07em;color:#d4c7f3}.status-dot{display:inline-block;width:5px;height:5px;background:#bd9bff;border-radius:50%;margin-right:8px}.strip-note{opacity:.65;margin-left:14px}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font:600 14px/1.25 var(--font);letter-spacing:.04em}.brand small{font-size:7px;letter-spacing:.18em;color:var(--muted)}.brand-mark{border:1px solid #53457c;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#32234f,#151523);font-size:26px}.brand-mark span{font-size:16px;color:var(--cyan);margin-left:-4px;margin-top:-12px}nav{display:flex;gap:32px;font-size:13px}nav a{color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:white}.header-action{font-size:12px;border:1px solid #3c344e;padding:10px 16px;border-radius:7px}.header-action span{margin-left:22px;color:var(--purple)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding-top:55px;padding-bottom:85px;min-height:630px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;color:var(--purple);line-height:1.6}.tiny-cross{margin-right:9px;font-size:15px}h1,h2,h3{font-family:var(--font);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0}h1{font-size:clamp(46px,5vw,68px);margin:24px 0}h2{font-size:36px;margin:14px 0 0}h3{font-size:24px}.gradient-text{background:linear-gradient(100deg,#c0a8ff 15%,#82a3ff 65%,#6ce6e9);color:transparent;background-clip:text}.hero-copy>p{max-width:435px;font-size:16px;color:var(--muted);margin:24px 0 28px;line-height:1.8}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 19px;font-size:13px;border-radius:8px;font-weight:600;border:1px solid transparent;text-align:center;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.primary{background:#b69aff;color:#160d29;border-color:#c6b2ff}.secondary{background:#141420;border-color:#383044;color:#f1ecff}.cyan-button{background:var(--cyan);color:#072328}.hero-footnote{display:flex;align-items:center;gap:15px;font:9px var(--font);letter-spacing:.13em;color:#81869b;margin-top:25px}.hero-footnote i{height:3px;width:3px;border-radius:50%;background:#666580}.orbital-art{position:relative;min-height:460px;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse at 52% 48%,#522c7755,transparent 63%)}.orbital-art:before{content:'';position:absolute;inset:35px;background-image:linear-gradient(#82719e0c 1px,transparent 1px),linear-gradient(90deg,#82719e0c 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.orbit{position:absolute;border:1px solid #9f77e336;border-radius:50%;width:355px;height:355px;transform:rotate(-25deg) scaleY(.58)}.o2{transform:rotate(47deg) scaleY(.58);border-color:#7fdbec38}.o3{transform:rotate(105deg) scaleY(.58);border-color:#a784dc4a}.art-core{height:215px;width:215px;border:1px solid #9d79e86b;border-radius:50%;background:radial-gradient(circle at 30% 25%,#72589855,#1d183cc7 45%,#0e1521 85%);box-shadow:inset 0 0 40px #9e78d02b,0 0 90px #753eb52e;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(8px)}.art-core span{font-size:8px;letter-spacing:.25em;color:#b1a5d1}.art-core b{font:120px/.95 var(--font);background:linear-gradient(100deg,#e7dcff,#9d85f8,#77cedc);background-clip:text;color:transparent}.floating-chip{position:absolute;padding:12px 18px;border:1px solid #47405680;border-radius:9px;background:#171723cf;backdrop-filter:blur(15px);font:600 11px var(--font);letter-spacing:.09em;box-shadow:0 14px 35px #0006}.floating-chip small{display:block;font:7px var(--font);color:#9295ac;margin:6px 0 0 13px;letter-spacing:.13em}.floating-chip i{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--purple);margin-right:8px}.chip-one{left:8%;top:70px;transform:rotate(-6deg)}.chip-two{right:0;bottom:89px;transform:rotate(5deg)}.chip-two i{background:var(--cyan)}.art-cross{position:absolute;color:#57506d}.c1{right:50px;top:65px}.c2{left:65px;bottom:65px}.art-caption{position:absolute;bottom:15px;font-size:7px;letter-spacing:.19em;color:#6c708b}.section{padding-bottom:78px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading p{margin:0;font-size:13px;color:var(--muted)}.section-heading h2{font-size:32px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.world-card{display:block;position:relative;overflow:hidden;padding:32px 35px;border:1px solid #3b3054;border-radius:14px;background:radial-gradient(ellipse at right top,#5b367937,transparent 75%),#13121e;min-height:300px;transition:border-color .2s,transform .2s}.world-card.sl{border-color:#23414b;background:radial-gradient(ellipse at right top,#20677538,transparent 75%),#0e181e}.world-card:hover,.tool-card:hover{transform:translateY(-4px);border-color:var(--purple)}.world-card.sl:hover{border-color:var(--cyan)}.world-index{font-size:9px;letter-spacing:.17em;color:#a696ba}.world-card h3{font-size:36px;margin-top:36px}.world-card p{font-size:14px;color:var(--muted);margin:14px 0 28px}.world-symbol{position:absolute;right:30px;top:5px;font:180px var(--font);letter-spacing:-.16em;opacity:.09;transform:rotate(-15deg)}.world-symbol span{color:var(--cyan)}.card-link{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;color:#d2bdff}.sl .card-link,.cyan .card-link{color:#91e8ec}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{border:1px solid var(--border);background:linear-gradient(140deg,#171722,#10121c);padding:27px;border-radius:13px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;min-height:287px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:10px}.tool-number{font:17px var(--font);color:#aa92d7}.pill{font-size:8px;letter-spacing:.08em;padding:4px 8px;border:1px solid #3c3551;border-radius:4px;color:#d0bfe8;background:#2a203e55;white-space:nowrap}.cyan .pill{color:#a7dbdf;border-color:#2c414c;background:#16313955}.tool-card h3{font-size:21px;letter-spacing:-.035em}.tool-card p{font-size:13px;color:var(--muted);margin:14px 0 26px}.tool-card .card-link{margin-top:auto}.quiet-label{font-size:9px;letter-spacing:.14em;color:#9799ad}.event-banner{padding:42px 50px;border:1px solid #313042;border-radius:16px;background:linear-gradient(120deg,#171522,#10161f);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;overflow:hidden}.event-banner p{max-width:465px;color:var(--muted);font-size:14px;margin:18px 0 25px}.event-graphic{justify-self:end;transform:rotate(-9deg);font:100px/.9 var(--font);letter-spacing:-.07em;color:#c6b5f5}.event-graphic>span{display:block}.event-graphic>span:nth-child(2){margin-left:40px;color:#72cdd4}.event-graphic small{display:block;font:8px var(--font);letter-spacing:.2em;color:#a8a0bd;margin-top:25px}.site-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:40px;padding-top:35px;padding-bottom:35px;color:#969bb0}.footer-brand{color:#dfdbe9;font:500 13px var(--font)}.footer-brand span{color:var(--purple)}.site-footer p{font-size:12px;margin:10px 0}.site-footer small{font-size:10px}.site-footer>div:nth-child(2){display:flex;gap:24px;font-size:11px;padding-top:8px}.footer-build{font-size:8px;letter-spacing:.12em;padding-top:8px}.skip-link{position:absolute;left:15px;top:-90px;padding:10px;background:#fff;color:#000;z-index:100}.skip-link:focus{top:15px}.page-hero{padding-top:42px;padding-bottom:40px}.page-hero h1{max-width:880px;font-size:clamp(36px,4.4vw,58px)}.page-hero p{max-width:680px;color:var(--muted);font-size:16px}.breadcrumbs{font-size:11px;color:#9392a9;margin-bottom:28px}.breadcrumbs a:hover{color:white}.tool-workspace{display:grid;grid-template-columns:1fr 1.05fr;gap:25px;align-items:start}.panel{background:linear-gradient(130deg,#171725,#11141e);border:1px solid var(--border);padding:30px;border-radius:15px}.panel h2{font-size:22px;margin:0 0 22px;letter-spacing:-.03em}.panel p{font-size:13px;color:var(--muted)}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.field{display:block;font-size:12px;color:#dcd9e9;margin-bottom:20px}.field input,.field textarea,.field select{display:block;width:100%;padding:13px 15px;border:1px solid #393548;background:#0b0d16;border-radius:7px;color:var(--text);margin-top:8px;font-size:14px;min-height:48px}.field textarea{resize:vertical;min-height:150px}.field small{display:block;color:#989db2;font-size:11px;margin-top:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-row .field{margin-bottom:15px}input::placeholder,textarea::placeholder{color:#73788e}.full-width{width:100%}.status{font-size:12px;color:#c5bee0;min-height:20px;white-space:pre-line;margin:15px 0 0}.status.error{color:#ffb4c3}.results-main{font:48px var(--font);letter-spacing:-.045em;color:#c5afff}.results-label{color:#aba4c4;font-size:12px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;padding-top:25px;border-top:1px solid #343044}.result-grid span{display:block;color:#9fa3b9;font-size:11px}.result-grid strong{display:block;font:22px var(--font);margin-top:5px}.helper{font-size:12px;color:#a8adc1}.info-section{max-width:850px;padding-top:45px}.info-section h2{font-size:27px;margin-bottom:20px}.info-section p,.info-section li{font-size:14px;color:#b0b5ca}.info-section a{color:var(--purple);text-decoration:underline}.info-section details{border-top:1px solid var(--border);padding:18px 0}.info-section summary{cursor:pointer;color:#ece9f6;font-size:15px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:35px 0 20px}.results-header h2{margin:0;font-size:24px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#121520;border:1px solid var(--border);border-radius:11px;overflow:hidden;display:flex;flex-direction:column}.product-image{aspect-ratio:1;background:radial-gradient(ellipse at center,#332945,#171824);display:grid;place-items:center;color:#8a7aaa;font:22px var(--font);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:18px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:16px;letter-spacing:-.02em;overflow-wrap:anywhere}.product-body p{font-size:11px;color:#a6a8be}.product-body a{font-size:12px;color:#d3beff;margin-top:auto}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.subnav a{padding:8px 16px;font-size:12px;border:1px solid var(--border);border-radius:6px}.subnav .active{background:#302440;border-color:#705394}.code-output{font:12px/1.75 Consolas,'Courier New',monospace;background:#080d13;color:#c3ebe5;border:1px solid #263c43;border-radius:9px;width:100%;min-height:430px;padding:20px;resize:vertical;white-space:pre;tab-size:4}.example-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.example-buttons button{background:#1d2430;color:#bbdae0;border:1px solid #344954;border-radius:6px;padding:7px 10px;font-size:11px}.output-actions{display:flex;gap:8px;margin-top:14px}.empty-state{text-align:center;border:1px dashed #38344a;border-radius:14px;padding:60px 25px;background:#11131c}.empty-state h2{font-size:26px}.empty-state p{color:var(--muted);font-size:14px;max-width:500px;margin:18px auto}.empty-mark{font:40px var(--font);color:#ab88dd}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-grid .panel h2{line-height:1.2}.guide-grid .panel li{font-size:14px;color:#bbc1d3;margin:10px 0}.guide-grid .panel a{color:var(--purple);font-size:13px}.inline-link{color:var(--purple);text-decoration:underline}.sample-note{font-size:11px;color:#9fa6b9;margin-top:12px}[hidden]{display:none!important}
@media(min-width:1450px){.hero{padding-top:75px;padding-bottom:105px}}@media(max-width:1000px){.site-header{gap:20px}nav{gap:18px}.hero{grid-template-columns:1.1fr 1fr}.hero h1{font-size:48px}.orbit{width:290px;height:290px}.art-core{width:185px;height:185px}.chip-one{left:0}.chip-two{right:-5px}.tool-grid{gap:12px}.tool-card{padding:20px}.pill{font-size:7px}.site-footer{flex-wrap:wrap}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.strip-note{display:none}.site-header{height:85px;gap:15px;flex-wrap:wrap;align-content:center}.brand{font-size:12px}.brand-mark{width:33px;height:33px;font-size:22px}.header-action{display:none}nav{gap:15px;font-size:11px}.hero{grid-template-columns:1fr;padding:38px 0 45px;min-height:0}.hero h1{font-size:clamp(42px,9vw,62px)}.hero-copy>p{font-size:15px;max-width:480px}.hero-footnote{font-size:8px;gap:10px}.hero-buttons{gap:10px}.button{padding:12px 16px;font-size:12px;gap:16px}.orbital-art{min-height:350px;max-width:480px;width:100%;margin:auto}.orbit{width:305px;height:305px}.art-core{width:190px;height:190px}.chip-one{left:2%;top:45px}.chip-two{bottom:65px;right:4%}.art-caption{bottom:0;font-size:6px}.section{padding-bottom:45px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:27px}.section-heading p{margin-top:15px}.quiet-label{display:block;margin-top:15px}.world-grid,.tool-grid,.tool-workspace,.guide-grid{grid-template-columns:1fr}.world-card{padding:25px;min-height:265px}.world-card h3{margin-top:25px}.tool-card{padding:25px;min-height:230px}.card-top{margin-bottom:24px}.pill{font-size:8px}.tool-card h3{font-size:23px}.event-banner{padding:30px;grid-template-columns:1fr 100px;gap:15px}.event-banner h2{font-size:28px}.event-banner p{font-size:13px}.event-graphic{font-size:65px}.event-graphic small{font-size:6px;max-width:100px}.site-footer{gap:20px}.site-footer>div:nth-child(2){flex-wrap:wrap;gap:20px}.footer-build{display:none}.panel{padding:22px}.page-hero{padding-top:27px;padding-bottom:22px}.page-hero h1{font-size:38px}.page-hero p{font-size:15px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-body{padding:13px}.info-section{padding-top:30px}.results-main{font-size:42px}.code-output{min-height:360px}.field-row{gap:12px}.results-header{flex-wrap:wrap}}
@media(max-width:390px){nav{gap:10px;font-size:10px}.brand small{font-size:6px}.brand{gap:7px}.hero-buttons .button{width:100%}.event-banner{grid-template-columns:1fr}.event-graphic{display:none}.field-row{grid-template-columns:1fr}.hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Interactive React tools share the site's existing dark glass panels. */
.phase2 input[type=range]{padding:0;min-height:25px;accent-color:#b69aff;cursor:pointer;border:0;background:transparent}.phase2 input[type=color]{padding:5px;min-height:44px}.tool-fieldset{padding:0;margin:0;border:0;min-width:0}.unit-small{font-size:16px;letter-spacing:0;color:#a7a5bd}.result-panel{border-color:#45405f}.feed-box{border:1px solid #34334b;background:#0e1220;padding:15px;border-radius:8px;margin-bottom:20px}.feed-box p{font-size:11px;margin:10px 0 0;overflow-wrap:anywhere}.feed-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.text-button{background:none;border:0;padding:4px 0;color:#c9b6ff;font-size:12px;text-align:left}.warning-pill{color:#f3d5a1;border-color:#695337;background:#392d2055}.tool-details{border-top:1px solid var(--border);padding-top:16px;margin-top:20px}.tool-details summary{font-size:13px;cursor:pointer;margin-bottom:20px}.breakdown{margin:27px 0 20px;font-size:13px}.breakdown>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #282b3d}.breakdown dt{color:#b0b5cb}.breakdown dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.phase2 .results-main{font-size:clamp(35px,4vw,53px)}.badge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:340px;margin:28px auto}.badge-tile{aspect-ratio:1;border:1px solid #353146;border-radius:7px;color:#59516f;background:#10101a;font-size:20px;transition:background .15s,border-color .15s}.badge-tile.selected{color:#f6efff;background:linear-gradient(145deg,#8c65d5,#503177);border-color:#c0a3f8;box-shadow:inset 0 0 16px #c8a0ff20}.badge-tile:hover{border-color:#c3adf1}.toggle-field{display:flex;gap:13px;align-items:center;border-top:1px solid var(--border);padding-top:20px;font-size:14px}.toggle-field input{width:21px;height:21px;accent-color:#b69aff}.toggle-field small{display:block;color:#a6a6bf;font-size:11px}.rectangle-result{padding:22px 0;margin:18px 0;border-top:1px solid #35314a;border-bottom:1px solid #35314a}.rectangle-result span,.rectangle-result small{display:block;font-size:12px;color:#b3adc5}.rectangle-result strong{font:26px var(--font);display:block;margin:7px 0;color:#8fe0e8}.code-panel{margin-top:26px}.code-panel .panel-title h2{margin-bottom:12px}.segmented{display:flex;gap:6px;margin:12px 0 20px;flex-wrap:wrap}.segmented button{border:1px solid #3b3650;background:#11131f;color:#bcb7d4;border-radius:6px;font-size:12px;padding:9px 13px}.segmented button[aria-pressed=true]{background:#3b2b55;color:#e7dbff;border-color:#8e6ec0}.short-code{min-height:125px;white-space:pre-wrap;overflow-wrap:anywhere}.upload-zone{border:1px dashed #5a4579;border-radius:11px;padding:20px;background:#1a142555;margin-bottom:20px}.upload-zone>span{display:block;font:30px var(--font);color:#c1a5ff;margin-bottom:10px}.upload-zone .field{margin-bottom:12px}.upload-zone .field input{font-size:11px;max-width:100%;padding:10px}.upload-zone small{font-size:11px;color:#a6aac2}.crop-controls{border:1px solid #302d43;padding:17px;border-radius:9px;margin-bottom:20px}.crop-controls .field{margin-bottom:12px}.texture-workspace{grid-template-columns:1fr 1.12fr}.canvas-stage{border:1px solid #343249;border-radius:9px;overflow:hidden;display:grid;place-items:center;min-height:200px}.checkerboard{background-color:#141622;background-image:linear-gradient(45deg,#242636 25%,transparent 25%),linear-gradient(-45deg,#242636 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#242636 75%),linear-gradient(-45deg,transparent 75%,#242636 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-stage canvas{display:block;width:auto;max-width:100%;height:auto;max-height:520px;object-fit:contain;touch-action:none;cursor:grab}.canvas-stage canvas:active{cursor:grabbing}.texture-empty{min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.texture-empty span{font-size:60px;color:#7f739d}.texture-empty p{font-size:13px}.texture-preview-panel{position:sticky;top:20px}.inline-note{padding:12px 14px;border:1px solid #5b4b32;border-radius:7px;background:#2b211555;color:#dac8aa!important;font-size:12px!important}.tool-grid{row-gap:20px}button:disabled{transform:none!important}.phase2 .output-actions{flex-wrap:wrap}
@media(max-width:760px){.texture-workspace{grid-template-columns:1fr}.texture-preview-panel{position:static}.badge-grid{max-width:300px;gap:6px}.code-panel .panel-title{display:block}.code-panel .panel-title>.pill{display:inline-block;margin-bottom:16px}.canvas-stage canvas{max-height:420px}.texture-empty{min-height:260px}.breakdown{font-size:12px}.phase2 .results-main{font-size:38px}}