@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:light;--paper:#f7f6f0;--ink:#28312e;--muted:#747c73;--line:#dedfd6;--purple:#7c65ac}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:var(--ink)}button:hover{background:#ecebdd}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #9b75c1;outline-offset:3px}[hidden]{display:none!important}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:15px}.home{color:var(--ink);text-decoration:none;font:700 28px 'Space Grotesk',sans-serif;white-space:nowrap}.home>span{color:var(--purple)}.home strong{font-size:21px;margin-left:8px}.home strong span{font-weight:400}.home small{font:10px 'DM Sans',sans-serif;color:var(--muted);margin-left:22px}.app-id{font-size:12px;font-weight:600}.version{display:inline-block;font:10px 'DM Sans',sans-serif;border:1px solid var(--line);border-radius:5px;padding:4px 6px;color:var(--muted);margin-left:7px;vertical-align:middle}header button{border:0;font-size:11px}main{max-width:1550px;margin:auto;padding:36px 4vw 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow,.section-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#7b8272}h1{font:500 clamp(34px,4.3vw,60px) 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:10px 0}h1 em{font-style:normal;color:var(--purple)}.intro p:last-child{color:var(--muted);font-size:13px;margin-bottom:0}.infinity{font:115px 'Space Grotesk',sans-serif;color:var(--purple);transform:rotate(-13deg);margin-right:30px;line-height:1}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fcfbf6}aside{padding:23px;border-right:1px solid var(--line)}.section-label{font-size:8px;letter-spacing:1.4px;margin:0 0 16px}.second{margin-top:27px}.types{display:grid;gap:7px}.types button{display:flex;align-items:center;gap:13px;text-align:left;padding:11px 12px}.types b{font-size:27px;font-weight:400;color:var(--purple);line-height:1}.types span{font-size:12px;font-weight:600}.types small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:4px}.types [aria-pressed=true]{border-color:#bcaad4;background:#efebf5}.field{display:block;font-size:11px;margin:18px 0;font-weight:500}.field output{float:right;font-size:10px;color:var(--purple);font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;margin:12px 0 0;accent-color:var(--purple)}select{width:100%;border:1px solid var(--line);background:#fcfbf6;padding:9px;color:var(--ink);border-radius:5px;font-size:11px}.field select{display:block;margin-top:9px}#swatches{display:flex;gap:4px;margin-top:-8px}#swatches i{height:12px;flex:1;border-radius:3px}.surprise{width:100%;background:#e7e1f1;border-color:#d5c9e3;font-size:11px;margin:5px 0 19px}details{font-size:10px;color:var(--muted);line-height:1.7}summary{color:var(--ink);font-size:11px}.viewer{min-width:0;display:flex;flex-direction:column;background:#eeeee6}.canvas-toolbar{height:55px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:10px;gap:10px}.canvas-toolbar strong{font-weight:500}.canvas-toolbar i{display:inline-block;background:#9278b1;width:6px;height:6px;border-radius:50%;margin-right:7px}.canvas-toolbar button{border:0;font-size:10px;padding:7px}.stage{position:relative;margin:20px 20px 0;min-height:420px;flex:1;overflow:hidden;background:#0c0e1c;border-radius:5px;isolation:isolate}.stage canvas{width:100%;height:100%;position:absolute;inset:0;display:block;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.render-state{position:absolute;top:14px;left:14px;color:#eee6ff;background:#151323cc;border:1px solid #ffffff22;font-size:10px;border-radius:30px;padding:8px 12px;pointer-events:none}.stage-label{position:absolute;left:20px;bottom:21px;color:#ffffff94;font-size:8px;letter-spacing:1.7px;line-height:1.8;pointer-events:none}.zoom-controls{position:absolute;right:17px;bottom:19px;display:flex;align-items:center;background:#131322df;border:1px solid #ffffff24;border-radius:7px;overflow:hidden;color:white;backdrop-filter:blur(10px)}.zoom-controls button{color:#efedf6;border:0;border-radius:0;font-size:19px;padding:7px 12px}.zoom-controls button:hover{background:#ffffff22}.zoom-controls span{font-size:10px;min-width:65px;text-align:center;font-variant-numeric:tabular-nums}.coordinates{display:flex;justify-content:space-between;gap:12px;padding:15px 21px;font:8px monospace;color:#71776c;letter-spacing:.4px}.coordinates span:last-child{font:8px 'DM Sans',sans-serif;letter-spacing:.7px}.export-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 20px 12px;border-top:1px solid var(--line);background:#fcfbf6}.export-bar strong{font-size:12px}.export-bar small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.exports{display:flex;align-items:center;gap:7px}.exports select{width:136px}.exports button{font-size:11px;white-space:nowrap}.primary{background:var(--ink);color:#f8f8ef;border-color:var(--ink)}.primary:hover{background:#474052}.export-note{margin:0;padding:0 20px 17px;background:#fcfbf6;color:var(--muted);font-size:9px}footer{display:flex;justify-content:space-between;gap:15px;padding:22px 0;font-size:10px;color:var(--muted)}dialog{max-width:490px;max-height:85vh;border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.8}dialog h2{font-family:'Space Grotesk',sans-serif;font-size:22px}dialog::backdrop{background:#17152188}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.stage:fullscreen{margin:0;border-radius:0;width:100vw;height:100vh}.stage:fullscreen .stage-label{bottom:25px}@media(min-width:1500px){.stage{min-height:570px}}@media(max-width:1050px){.workspace{grid-template-columns:230px minmax(0,1fr)}aside{padding:18px}.export-bar{align-items:flex-start;flex-direction:column}.coordinates{flex-direction:column;gap:6px}.home small{display:none}.stage{margin:14px 14px 0;min-height:460px}.infinity{font-size:95px}}@media(max-width:650px){header{height:68px;padding:0 15px;gap:8px}.home{font-size:24px}.home strong{font-size:17px;margin-left:4px}.app-id{font-size:9px}.app-id .version{margin:4px 0 0;font-size:9px;padding:2px 5px}header button{font-size:9px;padding:3px}main{padding:25px 15px 0}.intro{margin-bottom:25px}h1{font-size:36px;letter-spacing:-1.8px}.intro p:last-child{font-size:11px;max-width:245px;line-height:1.7}.infinity{font-size:65px;margin:0 0 15px 10px}.eyebrow{font-size:8px;letter-spacing:1.3px}.workspace{display:flex;flex-direction:column}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border:0;border-bottom:1px solid var(--line);padding:18px}.types{grid-template-columns:repeat(3,1fr);gap:5px;grid-column:1/-1}.types button{padding:10px 6px;gap:6px}.types b{font-size:23px}.types span{font-size:10px}.types small{display:none}.section-label{grid-column:1/-1;margin-bottom:12px}.second{margin-top:8px}.field{margin:13px 0}.field:first-of-type,#julia-controls,.surprise,details{grid-column:1/-1}#julia-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}#swatches{grid-column:2;align-self:center;margin-top:13px;height:12px}.surprise{margin:4px 0 12px}.viewer{min-height:580px}.stage{min-height:360px;margin:12px 12px 0}.canvas-toolbar{padding:0 12px}.canvas-toolbar button{padding:6px;font-size:9px}.zoom-controls{right:10px;bottom:13px}.zoom-controls button{padding:6px 10px}.stage-label{left:13px;bottom:15px;font-size:7px;letter-spacing:1px}.coordinates{font-size:8px;padding:12px}.export-bar{padding:17px 13px 12px}.exports{width:100%;flex-wrap:wrap}.exports select{flex:1}.exports .primary{flex:1}.export-note{padding-left:13px}footer{font-size:9px;line-height:1.6}footer span{max-width:55%}}

#share-url{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:12px;margin:8px 0 20px;background:#fcfbf6;color:var(--ink);font:11px monospace}#share-dialog label{font-size:11px}

.tour-panel{padding:17px 0;margin:19px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tour-actions{display:flex;gap:6px;align-items:center}.tour-actions button{flex:1;font-size:10px;padding:10px 7px;white-space:nowrap;background:#e7e1f1;border-color:#cbbadd}.tour-actions button[aria-pressed=true]{background:#51416c;color:#fff}.tour-actions select{width:74px;font-size:10px;padding:9px 4px}.tour-panel p:not(.section-label){font-size:10px;line-height:1.5;color:var(--purple);margin:12px 0 5px}.tour-panel small{font-size:9px;line-height:1.6;color:var(--muted);display:block}.stage.touring{box-shadow:0 0 0 2px #a88bce77}.stage.touring canvas{cursor:grab}@media(max-width:650px){.tour-panel{grid-column:1/-1;margin:10px 0 15px;padding:16px 0}.tour-actions button{font-size:12px}.tour-actions select{width:95px;font-size:11px}}
.link-toggle{display:flex;align-items:center;gap:7px;font-size:11px;margin:20px 0 6px}.link-toggle input{accent-color:var(--purple)}.link-hint{font-size:9px;color:var(--muted);line-height:1.5;margin:0}.parameter-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);color:#fff;font-size:29px;line-height:1;text-shadow:0 1px 4px #000,0 0 3px #000;pointer-events:none}.linked-panel{margin:16px 20px 0;padding:14px;background:#fcfbf6;border:1px solid var(--line);border-radius:7px}.linked-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.linked-heading strong{font-size:12px}.linked-heading small{display:block;font:10px monospace;color:var(--muted);margin-top:5px}.linked-heading button{font-size:10px}.linked-art{height:240px;position:relative;background:#080a15;overflow:hidden;border-radius:4px}#linked-canvas{width:100%;height:100%;display:block;cursor:crosshair}#linked-canvas:focus-visible{outline:3px solid #a88bce;outline-offset:-3px}#linked-busy{position:absolute;left:12px;top:12px;font-size:10px;padding:6px 9px;border-radius:20px;background:#121323cd;color:#eee6ff}.linked-panel p{font-size:10px;line-height:1.6;margin:10px 0 0;color:var(--muted)}.canvas-toolbar{height:auto;min-height:55px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.canvas-toolbar>div{display:flex;flex-wrap:wrap}.video-panel{padding:20px;background:#fcfbf6;border-top:1px solid var(--line)}.video-panel h2{font:500 20px 'Space Grotesk',sans-serif;margin:0 0 7px}.video-panel p{font-size:10px;color:var(--muted);line-height:1.7}.video-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.video-actions select{width:auto}.video-actions button{font-size:11px;background:#e7e1f1}.video-panel video{max-width:100%;width:520px;max-height:360px;display:block;margin:15px 0;border-radius:6px;background:#080a15}.download-video{display:inline-block;padding:10px 15px;background:var(--ink);color:#fff;border-radius:6px;text-decoration:none;font-size:11px}.discoveries{margin-top:42px}.discovery-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.discovery-heading h2{font:500 28px 'Space Grotesk',sans-serif;margin:8px 0}.discovery-heading h2 span{color:var(--purple)}#discovery-count{font-size:10px;color:var(--muted)}#discovery-status{font-size:11px;line-height:1.7;color:var(--muted)}#discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px;margin-top:22px}.discovery-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fcfbf6}.open-discovery{border:0;border-radius:0;width:100%;padding:0;text-align:left}.open-discovery img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;background:#080a15}.open-discovery strong{display:block;padding:13px;font-size:12px;overflow-wrap:anywhere}.discovery-card>div{display:flex;gap:6px;padding:0 8px 8px}.discovery-card>div button{font-size:10px;border:0;padding:6px}.dialog-actions{display:flex;gap:8px}#discovery-name{display:block;width:100%;margin:10px 0;padding:11px;background:#fcfbf6;border:1px solid var(--line);border-radius:5px;color:var(--ink)}#discovery-error{color:#9a4051;font-size:11px}#undo-discovery{font-size:11px}@media(max-width:650px){.link-toggle,.link-hint{grid-column:1/-1}.link-toggle{margin-top:17px}.linked-panel{margin:12px 12px 0;padding:12px}.linked-art{height:200px}.linked-heading{flex-wrap:wrap}.linked-heading small{font-size:9px}.video-panel{padding:18px 13px}.video-actions{gap:7px}.video-actions select{width:100%;font-size:10px}.video-actions label{flex:1}.video-actions button{flex:1;white-space:nowrap}.discovery-heading{align-items:flex-start;flex-direction:column;gap:3px}.discovery-heading h2{font-size:25px}#discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.open-discovery strong{font-size:11px;padding:10px}.discoveries{margin-top:30px}}
