@font-face{font-family:"Arena Beleren";src:url("assets/fonts/Beleren2016-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{
  color-scheme:dark;
  --ink:#030509;--panel:#090e16;--panel-2:#101925;--line:#35465a;--text:#f7fbff;
  --muted:#91a2b5;--cyan:#45e7ff;--violet:#d272ff;--pink:#ff6fca;--gold:#ffd052;--red:#ff5964;--green:#5dff9a;
  --prism:linear-gradient(110deg,#45e7ff 0%,#6c86ff 24%,#d272ff 48%,#ff6fca 68%,#ffd052 86%,#5dff9a 100%);
  --glass:linear-gradient(145deg,#1a2634f2,#0c121cf5 58%,#111826f5);
  --glass-raised:linear-gradient(145deg,#243447f5,#111a27f8 58%,#172233f8);
  --shadow-raised:0 7px 0 #020305,0 14px 30px #0009,inset 0 1px #ffffff24;
  --arena-sprite-0:url("assets/sprites/0.png");--arena-sprite-1:url("assets/sprites/1.png");
  --arena-sprite-2:url("assets/sprites/2.png");--arena-sprite-3:url("assets/sprites/3.png");
  --arena-sprite-4:url("assets/sprites/4.png");--arena-sprite-5:url("assets/sprites/5.png");
  --arena-sprite-6:url("assets/sprites/6.png");--arena-sprite-7:url("assets/sprites/7.png");
  --arena-sprite-8:url("assets/sprites/8.png");--arena-sprite-9:url("assets/sprites/9.png");
  --arena-sprite-10:url("assets/sprites/10.png");--arena-sprite-11:url("assets/sprites/11.png");
  --arena-sprite-12:url("assets/sprites/12.png");--arena-sprite-13:url("assets/sprites/13.png");
  --arena-sprite-14:url("assets/sprites/14.png");--arena-sprite-15:url("assets/sprites/15.png");
}
*{box-sizing:border-box}
html{min-width:320px;background:var(--ink);scroll-behavior:smooth}
body{
  min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);
  background:radial-gradient(circle at 14% -8%,#123b4d 0,transparent 31rem),radial-gradient(circle at 88% 7%,#3b174c 0,transparent 27rem),radial-gradient(circle at 50% 115%,#192649 0,transparent 34rem),linear-gradient(180deg,#070b12,#020305 74%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.layer-choice-open{overflow:hidden;overscroll-behavior:none}
body::after{content:"";position:fixed;z-index:60;inset:0;background:#010205;opacity:0;pointer-events:none;transition:opacity .16s ease}body.layer-drag-active::after{opacity:.34}.tube-track.drag-focus,.tube-track.selection-focus{z-index:70;border-color:#8df3ff;box-shadow:inset 0 0 0 1px #ffffff18,inset 0 -22px 45px #02040899,0 0 0 3px #45e7ff27,0 14px 40px #000d,0 0 38px #45e7ff3d}
button,input,textarea,select{font:inherit;color:inherit}
button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:translate .11s ease,scale .11s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}button:disabled{cursor:not-allowed;opacity:.38}button:not(:disabled):active{translate:0 2px;scale:.975}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #8ff3ff;outline-offset:3px}
.app-shell{width:min(940px,calc(100% - 24px));margin:0 auto;padding:10px 0 30px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 4px 9px}
.brand-lockup{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:3px 0 3px 16px}.brand-kicker{grid-column:1;grid-row:1;color:#9cadbf;font-size:6px;font-weight:950;letter-spacing:.23em}.masthead h1{grid-column:1;grid-row:2;margin:0;color:#fff;font-size:clamp(21px,3.5vw,29px);font-weight:950;line-height:.9;letter-spacing:-.045em;text-shadow:0 2px 16px #45e7ff24}.masthead h1::after{content:"";display:block;width:100%;height:2px;margin-top:5px;border-radius:999px;background:var(--prism);box-shadow:0 0 12px #8d70ff99}.brand-prism{position:absolute;left:0;top:50%;width:9px;height:34px;border:1px solid #ffffffc9;border-radius:999px;background:var(--prism);box-shadow:0 0 14px #6be8ff8c,0 0 22px #d272ff52;transform:translateY(-50%) rotate(12deg)}
.instructions-button{position:relative;isolation:isolate;overflow:hidden;min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:999px;color:#fff;background:linear-gradient(145deg,#192738,#080d14) padding-box,var(--prism) border-box;box-shadow:0 4px 0 #020305,0 9px 20px #0009,0 0 0 3px #7c72ff12,0 0 22px #45e7ff29,inset 0 1px #ffffff35;font-size:6px;font-weight:950;letter-spacing:.11em;text-shadow:0 1px 4px #000,0 0 9px #8ff4ff}.instructions-button::before{content:"";position:absolute;z-index:-1;left:-38%;top:-80%;width:30%;height:260%;background:linear-gradient(90deg,transparent,#ffffff75,transparent);transform:rotate(18deg);animation:instructions-sweep 3.2s ease-in-out infinite}.instructions-button::after{content:"✦";display:inline-block;margin-left:7px;color:#fff2a8;font-size:10px;text-shadow:0 0 5px #fff,0 0 12px #c76cff;animation:instructions-spark 1.8s ease-in-out infinite}.instructions-button:hover,.instructions-button[aria-expanded=true]{translate:0 -2px;color:#fff;background:linear-gradient(145deg,#224d61,#291b4d) padding-box,var(--prism) border-box;box-shadow:0 6px 0 #020305,0 0 0 3px #45e7ff27,0 0 28px #45e7ff68,0 0 42px #c76cff35,inset 0 1px #ffffff50}@keyframes instructions-sweep{0%,42%{left:-38%;opacity:0}52%{opacity:1}68%,100%{left:112%;opacity:0}}@keyframes instructions-spark{0%,100%{scale:.72;rotate:-12deg;opacity:.65}50%{scale:1.2;rotate:12deg;opacity:1}}
.instructions-panel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 4px 9px;padding:10px 42px 10px 11px;border:1px solid #41546a;border-radius:14px;background:linear-gradient(145deg,#111b27,#090e16);box-shadow:inset 0 1px #ffffff16,0 12px 28px #0007}.instructions-panel p{margin:0;color:#a0afbf;font-size:7px;line-height:1.45}.instructions-panel b{color:#dffbff}.instructions-panel>button{position:absolute;right:8px;top:8px;width:28px;height:28px;border:1px solid #52677e;border-radius:50%;color:#d9e4ee;background:var(--glass-raised);box-shadow:0 3px 0 #020305}
.studio,.tube-workbench{min-width:0}.tube-workbench{padding:0;border:1px solid transparent;border-radius:18px;background:linear-gradient(150deg,#0b111a,#06090f) padding-box,var(--prism) border-box;box-shadow:0 26px 78px #000b,0 0 44px #537fff12}
.mega-tube{position:relative;padding:8px;border:0;border-radius:17px;background:radial-gradient(circle at 50% 0,#182436 0,transparent 35%),linear-gradient(155deg,#0e1722,#060a10 74%);box-shadow:inset 0 1px #ffffff1c,inset 0 -18px 38px #0005,0 14px 40px #0008}
.mega-tube::before{display:none;content:none}
.mega-tube.drop-ready{border-color:#4d8791}.mega-tube.layer-pending{border-color:#6b4d83}
.mega-tube.preset-previewing::after{content:"PREVIEW";position:absolute;z-index:20;right:17px;top:60px;padding:4px 7px;border:1px solid #79559c;border-radius:999px;color:#ead4fa;background:#24152f;font-size:6px;font-weight:950;letter-spacing:.1em}
.tube-input-row{display:grid;grid-template-columns:minmax(0,1fr) 148px;align-items:end;gap:8px}
.name-field,.copy-field{display:grid;gap:4px;min-width:0}
.name-field>span,.copy-field>span{color:#91a4b8;font-size:7px;font-weight:950;letter-spacing:.13em}
.name-field input{grid-column:1/-1;width:100%;height:42px;border:1px solid #4a5f75;border-radius:11px;padding:0 12px;color:#fff;background:linear-gradient(180deg,#04070b,#090e15);box-shadow:inset 0 2px 8px #000b,inset 0 1px #ffffff0f;font-size:14px;font-weight:750}
.name-field input:focus{border-color:var(--cyan);box-shadow:inset 0 2px 8px #000b,0 0 0 3px #45e7ff20,0 0 18px #45e7ff20}
.copy-button{position:relative;isolation:isolate;overflow:hidden;width:100%;height:42px;padding:0 10px;border:1px solid #bdffd2;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0f7d3a,#24c568 54%,#0a672f);box-shadow:0 5px 0 #052d16,0 11px 23px #000a,0 0 25px #35ff7b45,inset 0 1px #ffffff4a;transition:translate .11s,scale .11s,border-color .12s,box-shadow .12s}.copy-button::before{content:"";position:absolute;z-index:-1;inset:-2px;background:linear-gradient(105deg,transparent 18%,#ffffff62 45%,transparent 72%);transform:translateX(-115%);transition:transform .38s}.copy-button:hover::before,.copy-button:focus-visible::before{transform:translateX(115%)}.copy-button:hover{translate:0 -2px;border-color:#fff;box-shadow:0 7px 0 #052d16,0 14px 26px #000b,0 0 34px #3dff8068,inset 0 1px #ffffff62}.copy-button b,.copy-button small{display:block}.copy-button b{font-size:9px;letter-spacing:.07em}.copy-button small{margin-top:2px;color:#e4ffec;font-size:5px;letter-spacing:.11em}.copy-button.over-budget{border-color:#ff9299;background:linear-gradient(135deg,#752832,#41171d);box-shadow:0 5px 0 #27090d,0 11px 23px #000a}
.tube-shell{position:relative;margin-top:7px}
.tube-track{position:relative;height:148px;margin-right:72px;overflow:visible;border:1px solid transparent;border-radius:22px;background:#000 padding-box,var(--prism) border-box;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -22px 45px #02040899,0 12px 34px #000c,0 0 34px #637bff16;touch-action:none}
.tube-name-canvas{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:15px;cursor:crosshair}
/* Arena Mirror contract: the final-product editing surface is immutable #000000. */
.tube-name-canvas,.tube-name-canvas:hover,.tube-name-canvas:active,.tube-name-canvas:focus-within{background:#000!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.tube-name-canvas::after{display:none!important;content:none!important}
.output-preview{position:absolute;z-index:4;left:12px;right:12px;top:9px;display:block;height:58px;padding-top:10px;color:#fff;font-family:"Arena Beleren",Georgia,serif;font-size:var(--name-size,22px);font-weight:700;line-height:1.5;white-space:pre-wrap;text-align:center}
.preview-glyph{position:relative;display:inline-block;min-width:.12em;border-radius:3px;transform-origin:center}
.preview-glyph.drop-hover,.preview-end-target.drop-hover{background:#45e7ff18!important;box-shadow:inset 0 -2px var(--cyan),0 0 12px #45e7ff55}.tube-track.fx-target-text .preview-glyph.drop-hover,.tube-track.fx-target-text .preview-end-target.drop-hover{background:#c76cff24!important;box-shadow:inset 0 -3px #d38aff,0 0 15px #c76cff8a}
.preview-sprite{display:inline-block;width:25px;height:25px;margin:0 2px -6px;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:4px}
.preview-sprite,.sprite-source i,.sprite-token i{position:relative}.sprite-source i,.sprite-token i{display:block}.sprite-loading{background-image:none!important}.sprite-loading::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;box-shadow:0 0 7px #45e7ff78;transform:translate(-50%,-50%);animation:sprite-throb .72s linear infinite}.sprite-error::after{content:"!";position:absolute;left:50%;top:50%;display:grid;place-items:center;width:15px;height:15px;border:1px solid #ff9299;border-radius:50%;color:#ffd9dc;background:#4a171c;transform:translate(-50%,-50%);font:950 8px Inter,sans-serif}@keyframes sprite-throb{to{transform:translate(-50%,-50%) rotate(360deg)}}
.preview-sprite.drop-hover{box-shadow:0 0 0 2px var(--cyan)}.tube-track.fx-target-sprite .preview-sprite.drop-hover{background-color:#ffd0521c;box-shadow:0 0 0 3px #ffd052,0 0 18px #ffd052a3}
.preview-end-target{display:inline-block;width:9px;height:29px;margin:0 0 -7px 2px;border-left:1px dashed #536173}.preview-empty{color:#586575;font:9px Inter,system-ui,sans-serif;letter-spacing:.1em}
.layer-rail-frame{position:absolute;z-index:7;left:12px;right:12px;bottom:4px;height:55px;border:1px solid #30455b;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#1b2938 0,#0a1018 58%,#05080d 100%);box-shadow:inset 0 2px 1px #ffffff13,inset 0 -10px 22px #0008,0 8px 20px #0009}
.layer-rail-frame::before{content:none}
.tube-fill{position:absolute;z-index:1;left:12px;right:12px;top:44px;height:4px;border-radius:999px;opacity:.9}
.tube-layer-guides{position:absolute;z-index:9;inset:0;overflow:hidden;border-radius:15px;pointer-events:none}
.layer-guide{position:absolute;display:block;height:1px;opacity:.86;transform-origin:0 50%;background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 9px);filter:drop-shadow(0 0 2px currentColor)}
.layer-guide::after{content:"";position:absolute;right:-1px;top:-4px;width:2px;height:9px;border-radius:2px;background:currentColor;box-shadow:0 0 5px currentColor}
.layer-guide.selected{height:2px;opacity:1;background:currentColor;box-shadow:0 0 8px currentColor}
.guide-colour{color:#72ecff}.guide-effect{color:#d38aff}.guide-sprite{color:#ffd052}
.anchor-bracket{position:absolute;height:7px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);border-left:2px solid var(--red);border-radius:0 0 4px 4px;filter:drop-shadow(0 0 4px var(--red))}
.tube-layer-rail{position:absolute;z-index:5;left:12px;right:12px;top:7px;height:36px;pointer-events:none}
.tube-token{position:absolute;top:0;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:11px;transform:translateX(-50%);pointer-events:auto;touch-action:none;user-select:none;box-shadow:0 4px 0 #020305,0 8px 14px #000a,inset 0 2px #ffffff4a,inset 0 -5px #0005}
.tube-token.dense{width:25px;height:25px;top:4px}.tube-token.dense span{font-size:6px}
.colour-token{border:3px solid #fff;color:#fff;background:radial-gradient(circle at 35% 20%,#ffffff75 0,transparent 30%),var(--token-colour);text-shadow:0 1px 3px #000}.colour-token span{font-size:8px;font-weight:950}
.effect-token{border:1px solid #cf8feb;color:#f4e5fc;background:radial-gradient(circle at 35% 18%,#ffffff35 0,transparent 30%),linear-gradient(145deg,#5a3270,#24132f)}.effect-token span{font-size:7px;font-weight:950}.sprite-token{border-color:#e4bd51;background:radial-gradient(circle at 35% 18%,#ffffff45 0,transparent 30%),linear-gradient(145deg,#544518,#211a09)}.sprite-token i{width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:contain}
.tube-token:hover,.tube-token.selected{z-index:15;box-shadow:0 0 0 3px var(--cyan),0 0 17px #45e7ff66}.tube-token.ghost{opacity:.3;filter:grayscale(.7)}.tube-token.dragging{z-index:30;cursor:grabbing;opacity:.18}
.drop-guide{position:absolute;z-index:18;top:36px;bottom:10px;width:2px;opacity:0;background:var(--cyan);box-shadow:0 0 15px var(--cyan);pointer-events:none}.drop-guide.visible{opacity:1}.tube-track.fx-targeting .drop-guide{width:3px;background:#d38aff;box-shadow:0 0 5px #d38aff,0 0 18px #c76cff}.tube-track.fx-targeting .drop-guide::before,.tube-track.fx-targeting .drop-guide::after{content:"";position:absolute;left:-6px;width:15px;height:2px;border-radius:999px;background:currentColor;box-shadow:0 0 7px currentColor}.tube-track.fx-targeting .drop-guide::before{top:0}.tube-track.fx-targeting .drop-guide::after{bottom:0}.tube-track.fx-target-text .drop-guide{color:#d38aff;background:#d38aff}.tube-track.fx-target-sprite .drop-guide{color:#ffd052;background:#ffd052;box-shadow:0 0 5px #ffd052,0 0 18px #ffd052}
.tube-centre-marker{position:absolute;z-index:17;left:50%;top:11px;bottom:63px;width:0;opacity:0;pointer-events:none;transition:opacity .1s ease}.tube-centre-marker.visible{opacity:1}.tube-centre-marker::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--red) 0 5px,transparent 5px 9px);box-shadow:0 0 8px var(--red)}.tube-centre-marker::after{content:"";position:absolute;left:-5px;top:-1px;width:8px;height:8px;border:2px solid var(--red);background:#000;transform:rotate(45deg);box-shadow:0 0 8px var(--red)}.tube-centre-marker i::before,.tube-centre-marker i::after{content:"";position:absolute;left:-7px;width:14px;height:2px;background:var(--red)}.tube-centre-marker i::before{top:0}.tube-centre-marker i::after{bottom:0}.tube-track.centre-locked .drop-guide{background:var(--red);box-shadow:0 0 15px var(--red)}
.tube-dock{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:67px;margin-top:-7px;padding:7px 78px 0 3px}
.source-bubbles{display:flex;align-items:center;gap:16px;padding:7px 10px 9px}
.side-bubble{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid #fff;border-radius:16px;color:#fff;box-shadow:0 5px 0 #020305,0 11px 20px #000b,inset 0 2px #ffffff73,inset 0 -7px #0005;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.side-bubble::before{content:"";position:absolute;z-index:-1;left:8px;right:8px;top:5px;height:9px;border-radius:50%;background:linear-gradient(180deg,#ffffff7a,transparent);filter:blur(.5px)}
.side-bubble:hover{translate:0 -3px;box-shadow:0 8px 0 #020305,0 16px 26px #000c,inset 0 2px #ffffff88,inset 0 -7px #0005,0 0 21px currentColor}.side-bubble:active,.side-bubble.dragging{cursor:grabbing}.side-bubble:active{translate:0 2px;box-shadow:0 2px 0 #020305,0 7px 14px #000b,inset 0 4px 10px #000a}.side-bubble.dragging{opacity:.3}
.side-bubble i,.side-bubble span{display:block;font-style:normal;font-weight:950;text-shadow:0 1px 4px #000}.side-bubble i{font-size:13px}.side-bubble span{margin-top:1px;font-size:5px;letter-spacing:.07em}
.colour-reservoir{background:conic-gradient(#f03444,#ffe14a,#63d42f,#25bde5,#4669e8,#a447d1,#f03444)}
.fx-reservoir{border-color:#e2bcff;background:radial-gradient(circle at 35% 30%,#da8cff,#7439a0 55%,#271333)}
.sprite-reservoir{border-color:#ffe59a;color:#fff;background:radial-gradient(circle at 35% 28%,#ffefab,#ba8330 48%,#38230b 76%)}.sprite-reservoir i{font-size:22px}.fx-reservoir i{font-size:16px}
.reservoir-ghost{position:fixed!important;z-index:100!important;margin:0!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.9)!important;opacity:.92!important}
.global-toggle-bar{position:absolute;z-index:22;right:0;top:0;display:grid;align-content:start;gap:5px;width:66px;padding:0;border:0;background:none;box-shadow:none}.global-toggle-bar button{display:flex;align-items:center;justify-content:center;gap:3px;min-height:42px;padding:3px 4px;border:1px solid #41566c;border-radius:9px;color:#eef7ff;background:linear-gradient(145deg,#1b2a3a,#0e151f);box-shadow:0 3px 0 #030508,0 7px 14px #0008,inset 0 1px #ffffff22;font-size:7px;font-weight:950}.global-toggle-bar button i{display:grid;place-items:center;min-width:19px;height:19px;border:1px solid #60768d;border-radius:6px;color:#e8faff;background:#1b2b3c;font-style:normal;font-size:6px}.global-toggle-bar button span{line-height:1.05}.global-toggle-bar button:hover{border-color:#82edff;color:#fff;background:var(--glass-raised);box-shadow:0 4px 0 #030508,0 0 14px #45e7ff28,inset 0 1px #ffffff2b}.global-toggle-bar button[aria-pressed=true]{border-color:#8ff4ff;color:#fff;background:linear-gradient(145deg,#1c6470,#11333c);box-shadow:0 3px 0 #04171a,0 0 0 2px #45e7ff22,0 0 15px #45e7ff38,inset 0 1px #ffffff35}.global-toggle-bar button[aria-pressed=true] i{border-color:#c7fbff;color:#062027;background:#8ff4ff}.global-toggle-bar .force-gradient{border-color:#f4f8ff;color:#fff;background:linear-gradient(110deg,#e34832,#ff9b3d,#ffe14a,#4fd071,#25bde5,#6576ef,#c45ce5);box-shadow:0 3px 0 #1e1028,inset 0 0 0 1px #0007,0 0 10px #9c64ff30;text-shadow:0 1px 3px #000;font-size:6px}.global-toggle-bar .force-gradient:not(:disabled):hover{border-color:#fff;color:#fff;box-shadow:0 4px 0 #1e1028,inset 0 0 0 1px #0007,0 0 18px #c76cff7d}.global-toggle-bar .force-gradient:disabled{filter:saturate(.25)}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;margin-top:4px;padding:7px 3px 1px;border-top:0}.preset-hub,.persistent-actions{display:flex;gap:6px}.persistent-actions{margin-left:auto}.persistent-actions .tool-button{min-height:42px;padding:0 12px;font-size:7px}.persistent-actions #startOver{border-color:#ff6974;color:#fff;background:linear-gradient(145deg,#be2835,#791821);box-shadow:0 4px 0 #32070b,0 0 18px #ff59643b,inset 0 1px #ffffff35}.persistent-actions #startOver:hover{border-color:#ffb2b8;background:linear-gradient(145deg,#e83a47,#9a202b);box-shadow:0 5px 0 #32070b,0 0 26px #ff596465,inset 0 1px #ffffff4a}
.preset-hub button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:44px;padding:0 11px;border:1px solid #4a6077;border-radius:11px;color:#d5e0e9;background:var(--glass);box-shadow:0 4px 0 #020305,0 9px 17px #0008,inset 0 1px #ffffff20}
.preset-hub button:hover{translate:0 -2px;border-color:#9befff;color:#fff;background:var(--glass-raised);box-shadow:0 6px 0 #020305,0 12px 23px #000a,0 0 19px #8c72ff30,inset 0 1px #ffffff2c}.preset-hub i{display:grid;place-items:center;width:26px;height:26px;border:1px solid #778aa0;border-radius:8px;color:#fff;background:#263343;box-shadow:inset 0 1px #ffffff3d;font-style:normal;font-size:9px;font-weight:950}.preset-hub span{font-size:7px;font-weight:950;letter-spacing:.05em}
.preset-hub button[aria-selected=true]{border-color:#aff6ff;color:#fff;box-shadow:0 3px 0 #081f25,0 0 0 2px #45e7ff2c,0 0 22px #45e7ff42,inset 0 1px #ffffff2b}.preset-hub button:first-child .mana-ring-icon{background:radial-gradient(circle,#151b22,#05070a)}.preset-hub button:nth-child(2) i{background:linear-gradient(135deg,#f05ba7,#ffe14a,#25bde5)}
.mana-ring-icon{position:relative;display:block!important;width:25px!important;height:25px!important;min-width:25px!important;border:1px solid #8494a5!important;border-radius:50%!important;box-shadow:inset 0 1px #ffffff38,0 0 9px #8e7dff2b}.mana-ring-icon em{position:absolute;width:6px;height:6px;border:1px solid #ffffff8f;border-radius:50%;box-shadow:0 0 5px currentColor}.mana-ring-icon em:nth-child(1){left:9px;top:2px;color:#fff1bb;background:#f4e7c4}.mana-ring-icon em:nth-child(2){right:2px;top:7px;color:#4b9aff;background:#2684ff}.mana-ring-icon em:nth-child(3){right:5px;bottom:2px;color:#c17be8;background:#8a4ba5}.mana-ring-icon em:nth-child(4){left:5px;bottom:2px;color:#ff7869;background:#e34832}.mana-ring-icon em:nth-child(5){left:2px;top:7px;color:#6bd98e;background:#39a96b}
.trash-drop-zone{position:absolute;z-index:35;left:50%;right:auto;top:7px;display:flex;align-items:center;justify-content:center;gap:7px;width:min(360px,calc(100% - 16px));height:47px;border:1px solid #a33f48;border-radius:9px;color:#ffc3c7;background:#44171cf2;box-shadow:0 8px 25px #000b;transform:translateX(-50%);pointer-events:none}
.trash-drop-zone i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c65a63;border-radius:6px;font-style:normal;font-size:16px}.trash-drop-zone span{font-size:6px;font-weight:950;letter-spacing:.08em}
.trash-drop-zone.hot{border-color:#ff6b75;color:#fff;background:#a5222d;box-shadow:0 0 0 4px #ff59642e,0 10px 30px #000}.trash-drop-zone.unavailable{border-color:#555;color:#aaa;background:#1b1c20}
.tube-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.layer-drag-ghost{position:fixed!important;z-index:100!important;left:0;top:0;margin:0!important;pointer-events:none!important;opacity:.95!important;transform:translate(-50%,-50%) scale(1.08)!important;box-shadow:0 0 0 3px var(--cyan),0 10px 28px #000!important}
.layer-inspector{margin-top:9px;overflow:hidden;border:1px solid #43586f;border-radius:13px;background:linear-gradient(145deg,#121c28,#090f17);box-shadow:0 11px 30px #0008,inset 0 1px #ffffff12}
.layer-inspector>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid #283649}.layer-inspector header span>*{display:block}.layer-inspector header small{color:var(--cyan);font-size:5px;font-weight:950;letter-spacing:.1em}.layer-inspector header b{font-size:8px}.layer-inspector header code{color:#c39ad7;font-size:6px}
.inspector-done{display:grid;place-items:center;width:32px;height:32px;border:1px solid #89f2ff;border-radius:50%;color:#082027;background:linear-gradient(145deg,#a9f8ff,#47d7ed);box-shadow:0 4px 0 #0c3b44,0 0 18px #45e7ff3d;font-size:14px;font-weight:950}.inspector-done:hover{border-color:#fff;background:linear-gradient(145deg,#d8fcff,#63eaff)}
.inspector-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:8px 9px}.inspector-fields{display:flex;align-items:end;gap:7px;min-width:0}.inspector-fields label{display:grid;gap:3px;min-width:78px}.inspector-fields label span{color:#77889a;font-size:5px;font-weight:950;letter-spacing:.08em}.inspector-fields input,.inspector-fields select{width:100%;height:31px;border:1px solid #38485b;border-radius:6px;padding:0 7px;background:#101721}.inspector-fields input[type=color]{width:45px;padding:3px}
.drag-value-control{display:grid;gap:4px;min-width:180px}.drag-value-control>span:first-child{color:#77889a;font-size:5px;font-weight:950;letter-spacing:.08em}.drag-value-row{display:grid;grid-template-columns:minmax(110px,1fr) 48px;align-items:center;gap:7px}.drag-value-row input[type=range]{width:100%;height:31px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:none}.drag-value-row input[type=range]::-webkit-slider-runnable-track{height:7px;border:1px solid #3d4e61;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress),#172231 var(--range-progress) 100%)}.drag-value-row input[type=range]::-webkit-slider-thumb{width:25px;height:25px;margin-top:-10px;appearance:none;-webkit-appearance:none;border:3px solid #fff;border-radius:50%;background:#23899a;box-shadow:0 0 0 3px #071016,0 0 15px #45e7ff99}.drag-value-row input[type=range]::-moz-range-track{height:7px;border:1px solid #3d4e61;border-radius:999px;background:#172231}.drag-value-row input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:var(--cyan)}.drag-value-row input[type=range]::-moz-range-thumb{width:19px;height:19px;border:3px solid #fff;border-radius:50%;background:#23899a;box-shadow:0 0 0 3px #071016,0 0 15px #45e7ff99}.drag-value-row output{display:grid;place-items:center;height:31px;border:1px solid #3a4a5d;border-radius:6px;color:#effcff;background:#0b141e;font:800 8px ui-monospace,Consolas,monospace}
.inspector-note{margin:0;color:#8b9aab;font-size:8px}.inspector-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.inspector-actions button{min-height:30px;padding:0 8px;border-radius:6px;font-size:6px;font-weight:950;letter-spacing:.05em}
.quiet-button,.tool-button{border:1px solid #455a70;color:#d1dce7;background:var(--glass);box-shadow:0 3px 0 #020305,inset 0 1px #ffffff18}.quiet-button:hover,.tool-button:hover{border-color:#7cecff;color:#fff;background:var(--glass-raised);box-shadow:0 4px 0 #020305,0 0 15px #45e7ff22,inset 0 1px #ffffff24}.more-choices-button{border:1px solid #54b7c5;color:#f3feff;background:linear-gradient(145deg,#1b5864,#12333b);box-shadow:0 3px 0 #06181c}.delete-button,.danger-soft{border:1px solid #9d4d56;color:#ffc1c5;background:linear-gradient(145deg,#421b21,#261116);box-shadow:0 3px 0 #100507}.danger-soft:hover{border-color:#ff7b84;color:#fff;box-shadow:0 4px 0 #100507,0 0 15px #ff59642d}
.more-menu{width:100%;margin-top:10px;border:1px solid #33465a;border-radius:13px;background:linear-gradient(145deg,#0c131c,#070b11);box-shadow:inset 0 1px #ffffff0e}.more-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 10px;list-style:none;cursor:pointer;color:#93a4b6}.more-menu>summary::-webkit-details-marker{display:none}.more-menu>summary>span{color:#b276d0;font-size:14px}.more-menu>summary b{font-size:6px;letter-spacing:.12em}.more-menu>summary small{margin-left:auto;font-size:7px}.more-menu>summary strong{color:#fff;font-size:10px}.more-menu[open]>summary{color:#eafcff;background:#111c28}.more-menu-body{display:grid;gap:9px;padding:10px;border-top:1px solid #33465a}
.tube-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.tube-meta p{margin:0;color:#8191a3;font-size:7px;font-weight:900}.tube-meta p.error{color:#ff8d95}.tube-budget{display:flex;gap:8px}.tube-budget small{color:#78899b;font-size:6px;font-weight:900}.tube-budget b{color:#fff}.layer-legend{display:flex;gap:10px;color:#8494a6;font-size:6px;font-weight:900}.layer-legend span{display:flex;align-items:center;gap:4px}.layer-legend i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.layer-legend .legend-effect{background:var(--violet)}.layer-legend .legend-sprite{background:var(--gold)}
.tube-actions,.history-actions{display:flex;flex-wrap:wrap;gap:5px}.tool-button,.quiet-button{min-height:34px;padding:0 10px;border-radius:9px;font-size:6px;font-weight:950;letter-spacing:.035em}
.source-library{position:relative;z-index:20;width:100%;margin-top:8px}.context-card{display:flex;flex-direction:column;width:100%;max-height:min(58dvh,520px);min-height:0;overflow:hidden;border:1px solid #526980;border-radius:16px;background:#090e15;box-shadow:0 16px 48px #000a,0 0 0 1px #ffffff0a inset}.library-panels{display:flex;flex:1;min-height:0;overflow:hidden}.library-panel{flex:1;width:100%;max-height:min(58dvh,520px);min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-color:#526a84 #0a0f16;background:linear-gradient(165deg,#0d151f,#080c12)}
.source-library.pending-choice{position:fixed;z-index:220;inset:0;display:grid;place-items:center;width:auto;margin:0;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#01030724;animation:choice-scrim-in .16s ease-out}.pending-choice .context-card{width:min(760px,100%);max-height:min(80dvh,640px);border:2px solid #69ebff;border-radius:18px;background:#080d14;box-shadow:0 0 0 5px #45e7ff1b,0 22px 80px #000,0 0 46px #45e7ff2b}.pending-choice .library-panel{max-height:min(69dvh,560px)}.source-library.global-choice{z-index:35;animation:context-in .13s ease-out}.global-choice .context-card{width:100%;max-height:min(64dvh,610px);border:2px solid #c17cff;border-radius:15px;background:#080d14;box-shadow:0 0 0 4px #c76cff18,0 18px 55px #000b,0 0 35px #c76cff25}.global-choice .library-panel{max-height:min(52dvh,500px)}.pending-choice-banner{display:grid;padding:11px 13px;border-bottom:1px solid #355467;background:linear-gradient(90deg,#123c45,#171a2a)}.pending-choice-banner b{font-size:12px;letter-spacing:.035em}.choice-confirm-actions{position:relative;z-index:8;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px 12px;border-bottom:1px solid #40546a;background:#090e15}.choice-confirm-actions[hidden]{display:none!important}.choice-confirm-actions button{min-height:44px;padding:0 15px;border-radius:10px;font-size:7px;font-weight:950;letter-spacing:.045em}.choice-confirm-actions .preset-keep-button{position:relative;overflow:hidden}.choice-confirm-actions .preset-keep-button::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--confirm-colour,var(--green));box-shadow:0 0 12px var(--confirm-colour,var(--green))}.refining-choice .context-card{max-height:min(44dvh,410px);border-color:#2d3b4c;box-shadow:0 8px 22px #0006}.refining-choice .library-panel{max-height:min(44dvh,410px)}
.preset-preview-actions[hidden],.wubrg-preset-rail[hidden]{display:none!important}
.source-library.global-choice{position:fixed;z-index:205;left:50%;right:auto;top:var(--global-panel-top,150px);bottom:max(8px,env(safe-area-inset-bottom));width:min(900px,calc(100% - 16px));margin:0;transform:translateX(-50%);animation:choice-scrim-in .14s ease-out}.global-choice .context-card{width:100%;height:100%;max-height:none;border-radius:16px}.global-choice .library-panel{max-height:none}
.source-library.refining-choice{position:fixed;z-index:210;left:50%;right:auto;top:var(--context-panel-top,230px);bottom:max(62px,calc(env(safe-area-inset-bottom) + 8px));width:min(760px,calc(100% - 16px));margin:0;transform:translateX(-50%);animation:choice-scrim-in .13s ease-out}.refining-choice .context-card{width:100%;height:100%;max-height:none;border-color:#536b84;border-radius:15px;box-shadow:0 16px 46px #000c,0 0 26px #45e7ff16}.refining-choice .library-panel{max-height:none}
@keyframes choice-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes context-in{from{opacity:0;transform:translateY(-5px)}}.context-card{animation:context-in .13s ease-out}
.panel-head{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #40546a;background:linear-gradient(145deg,#172330,#0e151f)}.panel-head::after{content:"";position:absolute;left:12px;right:52px;bottom:-1px;height:1px;background:var(--prism);opacity:.72}.panel-head span>*{display:block}.panel-head small{color:#8ff4ff;font-size:5px;font-weight:950;letter-spacing:.15em}.panel-head b{margin-top:2px;font-size:8px;letter-spacing:.025em}.panel-head>button{width:32px;height:32px;border:1px solid #546a82;border-radius:50%;color:#d9e4ee;background:var(--glass-raised);box-shadow:0 3px 0 #020305,inset 0 1px #ffffff22;font-size:15px}.panel-head>button:hover{border-color:#83efff;color:#fff;box-shadow:0 4px 0 #020305,0 0 16px #45e7ff38}.panel-note{margin:0;padding:10px 12px 0;color:#94a6b8;font-size:7px;line-height:1.45}
.colour-lab{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:center;gap:14px;padding:13px}.colour-wheel-control{display:grid;justify-items:center;gap:8px}.colour-wheel-control>span{color:#8da2b3;font-size:5px;font-weight:950;letter-spacing:.11em}.colour-wheel-row{display:flex;align-items:center;justify-content:center;gap:12px}.colour-wheel-wrap{position:relative;width:142px;height:142px;border:1px solid #d8f4ff;border-radius:50%;background:#020507;box-shadow:0 0 0 4px #060a0d,0 0 26px #45e7ff3d,0 8px 22px #000c}#colourWheel{display:block;width:142px;height:142px;border-radius:50%;cursor:crosshair;touch-action:none;-webkit-tap-highlight-color:transparent}#wheelCursor,.mini-wheel-cursor{position:absolute;left:50%;top:50%;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--cursor-colour,#c94bff);box-shadow:0 0 0 2px #05090c,0 0 11px #fff;transform:translate(-50%,-50%);pointer-events:none}.colour-wheel-preview,.mini-colour-preview{display:grid;place-items:center;align-content:center;width:76px;min-height:108px;padding:7px;border:1px solid #405166;border-radius:11px;color:#fff;background:#0d141d;text-align:center}.colour-wheel-preview>i,.mini-colour-preview>i{display:block;width:50px;height:50px;border:3px solid #fff;border-radius:9px;background:var(--preview-colour,#c94bff);box-shadow:0 0 0 2px #000,0 0 18px var(--preview-colour,#c94bff)}.colour-wheel-preview small,.mini-colour-preview small{margin-top:8px;color:#8092a5;font-size:5px;font-weight:950;letter-spacing:.08em}.colour-wheel-preview b,.mini-colour-preview b{margin-top:3px;font:800 6px ui-monospace,Consolas,monospace}
.mini-colour-editor{display:flex;align-items:center;gap:9px;padding:5px;border:1px solid #2f4052;border-radius:10px;background:#090e15}.mini-colour-wheel-wrap{position:relative;width:96px;height:96px;flex:0 0 auto;border:1px solid #d8f4ff;border-radius:50%;background:#020507;box-shadow:0 0 0 3px #060a0d,0 0 18px #45e7ff2f}.mini-colour-wheel{display:block;width:96px;height:96px;border-radius:50%;touch-action:none;cursor:crosshair}.mini-wheel-cursor{width:13px;height:13px}.mini-colour-preview{width:66px;min-height:86px;padding:5px}.mini-colour-preview>i{width:42px;height:42px}.mini-colour-preview small{font-size:4px}.mini-colour-preview b{font-size:5px}.colour-inspector-fields{align-items:center}.colour-inspector-fields>label{align-self:center}
.custom-colour{display:grid;grid-template-columns:60px 1fr;align-content:start;gap:7px}.custom-colour label{display:grid;gap:3px}.custom-colour label span{color:#8ea1b5;font-size:5px;font-weight:950}.custom-colour input{width:100%;height:34px;border:1px solid #4a6078;border-radius:8px;background:#101924}.custom-colour input[type=color]{padding:3px}.custom-colour input[type=text]{padding:0 8px;font:9px ui-monospace,Consolas,monospace}.custom-colour button{grid-column:1/-1;min-height:37px;border:1px solid #70e7f7;border-radius:9px;color:#effeff;background:linear-gradient(145deg,#226473,#133a44);box-shadow:0 4px 0 #06191d,0 0 16px #45e7ff20;font-size:6px;font-weight:950}.pending-choice [data-panel=colours] #addCustomColour,.pending-choice [data-panel=colours] .panel-head>button{display:none}
.recent-choices{display:flex;gap:6px;overflow-x:auto;padding:8px 12px 3px;scrollbar-width:none}.recent-choices::-webkit-scrollbar{display:none}.recent-choices::before{content:"RECENT";align-self:center;flex:0 0 auto;color:#8fa2b5;font-size:5px;font-weight:950;letter-spacing:.1em}.recent-choice{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;padding:0 9px;border:1px solid #4a6077;border-radius:999px;color:#e9f0f6;background:var(--glass);box-shadow:0 3px 0 #020305;font-size:6px;font-weight:900}.recent-choice:hover{border-color:var(--recent-colour);box-shadow:0 4px 0 #020305,0 0 13px var(--recent-colour)}.recent-choice i{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--recent-colour);box-shadow:0 0 9px var(--recent-colour)}.recent-choice code{color:#d6a9e9;font-size:5px}
.colour-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 12px 12px}.colour-source{display:flex;align-items:center;gap:7px;min-width:0;min-height:43px;padding:6px;border:1px solid #42566c;border-radius:10px;color:#e4ecf4;background:var(--glass);box-shadow:0 3px 0 #030508,inset 0 1px #ffffff14;text-align:left}.colour-source:hover{translate:0 -1px;border-color:var(--source-colour);color:#fff;box-shadow:0 4px 0 #030508,0 0 16px var(--source-colour),inset 0 1px #ffffff24}.colour-source>i{flex:0 0 auto;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:var(--source-colour);box-shadow:0 0 11px var(--source-colour)}.colour-source span{min-width:0}.colour-source b,.colour-source code{display:block;overflow:hidden;text-overflow:ellipsis}.colour-source b{font-size:5px}.colour-source code{margin-top:2px;color:#91a2b5;font-size:5px}
.context-submenu,.sprite-submenu{margin:0 12px 12px;border:1px solid #435970;border-radius:11px;background:linear-gradient(145deg,#111a25,#090e15)}.context-submenu>summary,.sprite-submenu summary{min-height:38px;padding:10px;cursor:pointer;color:#a7b6c5;font-size:6px;font-weight:950;letter-spacing:.09em}.context-submenu[open]>summary{color:#dffbff}.palette-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 9px 9px}.palette-tools button{min-height:40px;border:1px solid #4a6077;border-radius:9px;color:#d3dee8;background:var(--glass);box-shadow:0 3px 0 #020305}.palette-tools button:hover{border-color:#7beeff;color:#fff;box-shadow:0 4px 0 #020305,0 0 14px #45e7ff28}.palette-tools b,.palette-tools span{display:block}.palette-tools b{color:var(--cyan);font-size:13px}.palette-tools span{font-size:5px;font-weight:950}.saved-palettes{display:grid;gap:6px;padding:0 9px 9px}.saved-palette{display:grid;grid-template-columns:1fr auto;gap:6px}.saved-palette>button:first-child{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:7px;min-height:40px;padding:6px;border:1px solid #455b72;border-radius:9px;color:#e5edf4;background:var(--glass);box-shadow:0 3px 0 #020305;text-align:left}.saved-palette button i{height:25px;border:1px solid #ffffff82;border-radius:7px}.saved-palette b,.saved-palette small{display:block}.saved-palette b{font-size:6px}.saved-palette small{font-size:5px;color:#91a2b4}.remove-saved{width:38px;border:1px solid #8a444c;border-radius:9px;color:#ffb5ba;background:linear-gradient(145deg,#3b181d,#241015);box-shadow:0 3px 0 #100507}.empty-saved,.empty-results{margin:0;padding:12px;color:#8294a7;font-size:6px;font-weight:900;text-align:center}
.fx-orbit{position:relative;width:min(100%,560px);height:270px;margin:2px auto 0}.fx-orbit-items{position:absolute;inset:0}.fx-orbit-option{position:absolute;z-index:2;display:grid;place-items:center;width:106px;min-height:72px;padding:6px;border:1px solid #8a5ca2;border-radius:50%;color:#fff6ff;background:radial-gradient(circle at 34% 20%,#5e2e77,#261331 48%,#100b16 78%);box-shadow:0 6px 0 #09040d,0 13px 23px #000b,0 0 18px #c76cff1f,inset 0 2px #ffffff22;transform:translate(-50%,-50%);text-align:center;touch-action:manipulation}.fx-orbit-option:hover,.fx-orbit-option:focus-visible{translate:0 -2px;border-color:#f0c7ff;box-shadow:0 8px 0 #09040d,0 0 0 3px #c76cff28,0 0 28px #c76cff54,0 14px 24px #000}.fx-orbit-option>i,.fx-orbit-option>span,.fx-orbit-option b,.fx-orbit-option small{display:block;max-width:100%}.fx-orbit-option>i{color:#f0c9ff;font:950 18px "Arena Beleren",Georgia,serif;text-shadow:0 0 11px #d272ff}.fx-orbit-option b{overflow:hidden;font-size:7px;line-height:1.1;text-overflow:ellipsis}.fx-orbit-option small{display:-webkit-box;overflow:hidden;margin-top:3px;color:#d0bdd9;font-size:4px;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.fx-orbit-centre,.fx-back-button{position:absolute;z-index:5;left:50%;top:68%;display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid #8e65a3;border-radius:50%;transform:translate(-50%,-50%)}.fx-orbit-centre{background:radial-gradient(circle at 35% 25%,#442354,#171020 65%,#090b10);box-shadow:inset 0 1px #ffffff25,0 6px 0 #07040a,0 0 24px #c76cff2e;pointer-events:none}.fx-orbit-centre small{color:#c0a2ce;font-size:4px;font-weight:950;letter-spacing:.12em}.fx-orbit-centre b{font-size:7px;letter-spacing:.06em}.fx-back-button{color:#fff;background:radial-gradient(circle at 35% 30%,#ff7078,#a72d36 58%,#451117);box-shadow:0 5px 0 #22070a,0 0 0 3px #ff596424,0 0 20px #ff59643d}.fx-back-button span,.fx-back-button b{display:block}.fx-back-button span{font-size:15px}.fx-back-button b{font-size:6px}.fx-more-option{border-style:dashed}.fx-orbit-status{margin:-2px 0 0;padding:0 10px 8px;color:#c4a2d3;font-size:6px;font-weight:950;letter-spacing:.09em;text-align:center}
.fx-example{display:grid;place-items:center;min-height:28px;margin-top:3px;color:#fff;font-family:"Arena Beleren",Georgia,serif;font-size:20px;line-height:1}.fx-example span{display:inline-block}.example-size{grid-template-columns:1fr 1fr}.example-size .small{font-size:12px}.example-size .large{font-size:28px}.example-cspace .wide{letter-spacing:4px}.example-rotate .upside-down{transform:rotate(180deg)}.example-voffset{grid-template-columns:1fr 1fr}.example-voffset .low{transform:translateY(5px)}.example-voffset .high{transform:translateY(-5px)}.example-pos .positioned{transform:translateX(8px)}.example-sup,.example-sub{grid-template-columns:1fr 1fr}.example-sup .sup{font-size:12px;transform:translateY(-6px)}.example-sub .sub{font-size:12px;transform:translateY(6px)}.example-br{grid-template-columns:1fr}.example-br span:last-child{display:block}.example-mspace .cell{border:1px solid #526074;padding:2px}.example-space .spaced{margin-left:9px}.example-mark .marked{padding:2px;background:#b3a51f88}.example-alpha .faded{opacity:.45}.example-italic .italic{font-style:italic}.example-underline .underline{text-decoration:underline}.example-strike .strike{text-decoration:line-through}.example-allCaps{grid-template-columns:1fr 1fr}.example-allCaps .after{color:var(--cyan)}.example-smallCaps .smallcaps{font-variant:small-caps}
.sprite-sources{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:12px}.standalone-sprite-sources{max-width:610px;margin:8px auto}.sprite-source{display:grid;place-items:center;min-height:60px;padding:5px;border:1px solid #796436;border-radius:11px;color:#f2d984;background:radial-gradient(circle at 35% 20%,#352c15,#151108 72%);box-shadow:0 4px 0 #060501,0 9px 16px #0008,inset 0 1px #fff2b51f;font-size:6px;touch-action:manipulation}.sprite-source:hover{translate:0 -2px;border-color:#ffe08a;color:#fff1bd;background:radial-gradient(circle at 35% 20%,#594820,#201806 72%);box-shadow:0 6px 0 #060501,0 0 18px #ffd05237}.sprite-source i{width:32px;height:32px;background-position:center;background-repeat:no-repeat;background-size:contain}
.wubrg-panel-head{min-height:62px;padding:14px 16px}.wubrg-panel-head::after{right:16px}.wubrg-panel-head b{margin:0;font-size:16px;letter-spacing:.055em;text-shadow:0 0 16px #45e7ff35}.wubrg-confirm-actions{padding:8px 12px;background:linear-gradient(180deg,#0d151f,#090e15)}.wubrg-composer{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:12px;width:100%;min-height:91px;margin:0 auto;padding:12px 13px 25px}.wubrg-empty-prompt{position:absolute;left:50%;bottom:5px;padding:4px 9px;border:1px solid #536980;border-radius:999px;color:#c7d7e6;background:#111a24;box-shadow:inset 0 1px #ffffff16;font-size:5px;font-weight:950;letter-spacing:.08em;transform:translateX(-50%);white-space:nowrap}.mana-pip{position:relative;width:58px;height:58px;padding:0;border:2px solid #71869a;border-radius:50%;color:#e0e8ee;background:radial-gradient(circle at 35% 24%,#35485a,#17222d 43%,#05080b 76%);box-shadow:0 5px 0 #000,0 11px 19px #000a,0 0 0 3px #0a0e11 inset,inset 0 2px #ffffff26;transition:translate .1s,scale .1s,border-color .1s,box-shadow .1s}.mana-pip:hover{translate:0 -2px;border-color:#c5f8ff;box-shadow:0 7px 0 #000,0 14px 22px #000a,0 0 17px #45e7ff30,0 0 0 3px #0a0e11 inset}.mana-pip b,.mana-pip span{display:block}.mana-pip b{font-size:16px}.mana-pip span{font-size:5px;font-weight:950}.mana-pip.selected{border-color:#fff;color:#fff;box-shadow:0 4px 0 #000,0 0 0 2px currentColor,0 0 22px currentColor,0 0 0 3px #ffffff42 inset}.mana-pip.selected span{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:19px;height:19px;border:2px solid #fff;border-radius:50%;color:#081019;background:var(--cyan);font-size:9px}.mana-w.selected{color:#f4e7c4;background:radial-gradient(circle at 35% 27%,#fff,#f4e7c4 48%,#7e7357)}.mana-u.selected{color:#4b9aff;background:radial-gradient(circle at 35% 27%,#a9d2ff,#4b9aff 48%,#173b68)}.mana-b.selected{color:#b684d1;background:radial-gradient(circle at 35% 27%,#cf9bea,#6b4777 48%,#221428)}.mana-r.selected{color:#ff7869;background:radial-gradient(circle at 35% 27%,#ffaaa2,#e34832 48%,#67180f)}.mana-g.selected{color:#6bd98e;background:radial-gradient(circle at 35% 27%,#a3efb8,#39a96b 48%,#0f5028)}
.wubrg-context{margin:0;padding:3px 12px 8px;color:#8fa2b5;font-size:5px;font-weight:950;letter-spacing:.08em;text-align:center}.wubrg-preset-rail{display:grid;gap:3px;min-height:137px;margin:0 10px 2px;padding:0;border:0;border-radius:0;background:none}.wubrg-recipe-group{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:43px}.wubrg-recipe-group>small{color:#9db0c2;font-size:5px;font-weight:950;letter-spacing:.07em;text-align:center}.wubrg-recipe-row{display:flex;align-items:center;gap:5px;min-width:0;min-height:42px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}.wubrg-empty-row{display:grid;place-items:center;width:76px;color:#4f6173;font-size:8px}.wubrg-quick-preset{flex:0 0 76px;width:76px;min-height:38px;padding:4px 5px;border:1px solid #64798e;border-radius:8px;color:#fff;background:linear-gradient(180deg,#06090c29,#070a0ca8),var(--preset);box-shadow:0 3px 0 #020305,0 6px 11px #0008,inset 0 1px #ffffff30;text-align:left}.wubrg-quick-preset:hover{translate:0 -1px;border-color:#fff;box-shadow:0 4px 0 #020305,0 0 18px #45e7ff35}.wubrg-quick-preset b,.wubrg-quick-preset span{display:block;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px #000,0 0 7px #000}.wubrg-quick-preset b{display:-webkit-box;font-size:5px;line-height:1.05;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wubrg-quick-preset span{margin-top:2px;font-size:3.5px;font-weight:900;white-space:nowrap}.wubrg-quick-preset.selected{border-color:#c4fbff;box-shadow:0 2px 0 #06171b,0 0 0 2px #45e7ff2c,0 0 20px #45e7ff52}
.preset-orbit{position:relative;width:min(100%,560px);height:340px;margin:6px auto 0;transition:height .15s}.preset-orbit[data-level=colour]{height:270px}.preset-orbit[data-level=rename]{height:160px}.preset-orbit-items{position:absolute;inset:0}.preset-orbit-option{position:absolute;z-index:2;display:grid;place-items:center;width:112px;min-height:78px;padding:11px 7px 7px;border:1px solid #8294a8;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 16%,#ffffff2e 0,transparent 28%),linear-gradient(180deg,#05070a12,#070a0c9c 90%),var(--preset-orbit-fill,#172333);text-align:center;box-shadow:0 6px 0 #020305,0 13px 24px #000b,0 0 18px #7b83ff20,inset 0 2px #ffffff30;transform:translate(-50%,-50%);touch-action:manipulation}.preset-orbit-option::before{content:"";position:absolute;left:20%;right:20%;top:7px;height:5px;border:1px solid #ffffffad;border-radius:999px;background:var(--preset-orbit-fill,var(--prism));box-shadow:0 0 12px #a87dff}.preset-orbit-option:hover,.preset-orbit-option:focus-visible,.preset-orbit-option.selected{translate:0 -2px;border-color:#d7fbff;box-shadow:0 8px 0 #020305,0 0 0 3px #45e7ff35,0 0 31px #7f73ff5c,0 14px 24px #000}.preset-orbit-option.selected::after{content:"PREVIEW";position:absolute;top:-8px;padding:3px 7px;border-radius:999px;color:#031014;background:#8ff4ff;box-shadow:0 0 13px #45e7ff;font-size:4px;font-weight:950;letter-spacing:.08em}.preset-orbit-option i,.preset-orbit-option b,.preset-orbit-option small{position:relative;display:block;max-width:100%}.preset-orbit-option i{color:#fff;font:950 16px "Arena Beleren",Georgia,serif;text-shadow:0 1px 5px #000,0 0 8px #000}.preset-orbit-option b{overflow:hidden;font-size:7px;line-height:1.15;text-overflow:ellipsis;text-shadow:0 1px 4px #000,0 0 7px #000}.preset-orbit-option small{display:-webkit-box;overflow:hidden;margin-top:4px;color:#f1f6fa;font-size:5px;line-height:1.2;text-shadow:0 1px 3px #000,0 0 6px #000;-webkit-box-orient:vertical;-webkit-line-clamp:2}.preset-orbit-centre,.preset-back-button{position:absolute;z-index:5;left:50%;top:50%;display:grid;place-items:center;width:60px;height:60px;padding:0;border:1px solid #64798f;border-radius:50%;transform:translate(-50%,-50%)}.preset-orbit[data-level=colour] .preset-back-button{top:68%}.preset-orbit-centre{background:radial-gradient(circle at 35% 25%,#273b4d,#101721 65%,#070a0e);box-shadow:inset 0 1px #ffffff26,0 5px 0 #020305,0 0 24px #45e7ff1e;pointer-events:none}.preset-orbit-centre small{color:#9fb1c2;font-size:4px;font-weight:950;letter-spacing:.1em}.preset-orbit-centre b{font-size:6px;letter-spacing:.06em}.preset-back-button{color:#fff;background:radial-gradient(circle at 35% 30%,#ff7078,#a72d36 58%,#451117);box-shadow:0 5px 0 #22070a,0 0 0 3px #ff596424,0 0 20px #ff59643d}.preset-back-button span,.preset-back-button b{display:block}.preset-back-button span{font-size:15px}.preset-back-button b{font-size:6px}.preset-save-option{border-color:#73f5a5;background:radial-gradient(circle at 35% 16%,#ffffff2e 0,transparent 28%),linear-gradient(180deg,#07140a20,#0d351d99),var(--preset-orbit-fill,#27a95a)}.preset-delete-option{border-color:#ff7b84;background:linear-gradient(180deg,#4d151bcc,#8d232dee)}.preset-delete-option::before,.preset-more-option::before{display:none}.preset-more-option{border-style:dashed}.preset-orbit-status{margin:0;padding:0 10px 12px;color:#a9bbcc;font-size:6px;font-weight:950;letter-spacing:.09em;text-align:center}.preset-preview-actions{position:sticky;z-index:7;top:49px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;padding:9px 12px;border-top:1px solid #435971;border-bottom:1px solid #435971;background:#090e15}.preset-preview-actions button{min-height:44px;padding:0 14px;border-radius:10px;font-size:7px;font-weight:950;letter-spacing:.04em}.preset-cancel-button{border:1px solid #8b4d55;color:#ffc7ca;background:linear-gradient(145deg,#3d181d,#261015);box-shadow:0 4px 0 #100507}.preset-keep-button{border:1px solid #9dffc0;color:#fff;background:linear-gradient(135deg,#14783d,#1cac58 55%,#0d6032);box-shadow:0 4px 0 #062c18,0 0 20px #3dff803f}.preset-rename-editor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;max-width:520px;margin:0 auto 14px;padding:10px;border:1px solid #536b84;border-radius:12px;background:linear-gradient(145deg,#14202d,#0b1119)}.preset-rename-editor label{display:grid;grid-column:1/-1;gap:4px}.preset-rename-editor label span{color:#94a7ba;font-size:5px;font-weight:950}.preset-rename-editor input{width:100%;height:40px;padding:0 10px;border:1px solid #526980;border-radius:9px;background:#070b10}.preset-rename-editor button{min-height:40px;padding:0 11px;border-radius:9px;font-size:6px;font-weight:950}
.preset-orbit[data-level=special],.preset-orbit[data-level=saved],.preset-orbit[data-level=savedActions],.preset-orbit[data-level=overwriteConfirm],.preset-orbit[data-level=deleteConfirm]{height:270px}.preset-orbit[data-level=special] .preset-back-button,.preset-orbit[data-level=saved] .preset-back-button,.preset-orbit[data-level=savedActions] .preset-back-button,.preset-orbit[data-level=overwriteConfirm] .preset-back-button,.preset-orbit[data-level=deleteConfirm] .preset-back-button{top:68%}.preset-orbit[data-level=special] .preset-orbit-option i{font-size:12px}.preset-slot-empty{border-style:dashed}.preset-cancel-option{border-color:#ff7b84;background:linear-gradient(180deg,#4d151bcc,#8d232dee)}.preset-cancel-option::before{display:none}
.preset-orbit[data-level=root]{height:270px}.preset-orbit[data-level=root] .preset-orbit-centre{top:68%}
.wubrg-context{display:grid;place-items:center;height:24px;overflow:hidden;padding:2px 12px 5px}
footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:0 4px;color:#74879a;font-size:6px;font-weight:900;letter-spacing:.09em}footer a{color:#a6f4ff;text-decoration:none}footer a:hover{color:#fff;text-shadow:0 0 10px #45e7ff}.fan-content-notice{max-width:820px;margin:12px auto 0;color:#5e7185;font-size:6px;line-height:1.45;text-align:center}
.toast{position:fixed;z-index:290;left:50%;bottom:20px;max-width:calc(100% - 24px);padding:12px 18px;border:1px solid #69e6f7;border-radius:999px;color:#f2feff;background:linear-gradient(145deg,#16414b,#0d252d);box-shadow:0 5px 0 #041014,0 13px 34px #000c,0 0 23px #45e7ff30;font-size:9px;font-weight:950;line-height:1.35;text-align:center;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:.15s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#e3656e;color:#fff0f1;background:linear-gradient(145deg,#501f25,#2b1115)}
.copy-sail{position:fixed;z-index:500;display:flex;gap:1px;pointer-events:none;transform:translate(-50%,0);animation:copy-sail 1.25s cubic-bezier(.2,.8,.25,1) forwards}.copy-sail i{font-style:normal;font-size:11px;font-weight:950;letter-spacing:.04em;text-shadow:0 1px 2px #000,0 0 8px currentColor;animation:copy-letter 1s ease-out var(--sail-delay) both}@keyframes copy-sail{0%{opacity:0;transform:translate(-50%,4px) rotate(-2deg)}12%{opacity:1}75%{opacity:.8}100%{opacity:0;transform:translate(-43%,-42px) rotate(4deg)}}@keyframes copy-letter{0%{transform:translateY(3px)}35%{transform:translateY(-2px)}100%{transform:translateY(-9px)}}
.mana-sail{position:fixed;z-index:500;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:50%;color:#071018;background:#dfe8ef;box-shadow:0 0 0 2px #05080b,0 0 14px currentColor;font-family:"Segoe UI Symbol","Segoe UI Emoji",sans-serif;font-size:13px;font-weight:950;line-height:1;pointer-events:none;transform:translate(-50%,-50%);animation-duration:.52s;animation-timing-function:cubic-bezier(.17,.76,.28,1);animation-fill-mode:forwards}.mana-sail-w{color:#8b7c51;background:#f4e7c4;animation-name:mana-sail-sun}.mana-sail-u{color:#0c4386;background:#67adff;animation-name:mana-sail-water}.mana-sail-b{color:#3c194b;background:#b684d1;animation-name:mana-sail-skull}.mana-sail-r{color:#7d190f;background:#ff7869;animation-name:mana-sail-flame}.mana-sail-g{color:#0d572b;background:#6bd98e;animation-name:mana-sail-leaf}@keyframes mana-sail-sun{0%{opacity:0;scale:.45;translate:0 7px}18%{opacity:1;scale:1.18}45%{scale:.92}70%{scale:1.08}100%{opacity:0;scale:.72;translate:0 -48px}}@keyframes mana-sail-water{0%{opacity:0;scale:.55;translate:-2px 7px}20%{opacity:1;scale:1.04;translate:2px -3px}50%{translate:-3px -19px}75%{translate:3px -34px}100%{opacity:0;scale:.72;translate:-2px -49px}}@keyframes mana-sail-skull{0%{opacity:0;scale:.52;translate:0 7px;rotate:-7deg}20%{opacity:1;scale:1.05;translate:-2px -5px;rotate:5deg}58%{translate:3px -26px;rotate:-5deg}100%{opacity:0;scale:.7;translate:-4px -47px;rotate:8deg}}@keyframes mana-sail-flame{0%{opacity:0;scale:.55 .72;translate:0 8px}18%{opacity:1;scale:1.08 .94;translate:0 -4px}38%{scale:.88 1.14;translate:2px -17px}62%{scale:1.08 .9;translate:-2px -30px}100%{opacity:0;scale:.55 .82;translate:1px -52px}}@keyframes mana-sail-leaf{0%{opacity:0;scale:.5;translate:-2px 7px;rotate:-35deg}20%{opacity:1;scale:1.04;translate:3px -5px;rotate:15deg}48%{translate:-4px -22px;rotate:90deg}75%{translate:4px -36px;rotate:155deg}100%{opacity:0;scale:.7;translate:-3px -49px;rotate:220deg}}
@media(max-width:640px){
  .app-shell{width:calc(100% - 12px);padding-top:6px}.masthead{margin-bottom:7px}.brand-lockup{padding-left:13px}.brand-kicker{font-size:5px}.brand-prism{width:7px;height:30px}.masthead h1{font-size:21px}
  .instructions-button{min-height:40px;padding:0 10px;font-size:5px}.instructions-panel{grid-template-columns:1fr;padding:9px 40px 9px 10px}
  .tube-workbench{padding:0;border-radius:14px}.mega-tube{padding:4px}.tube-input-row{grid-template-columns:minmax(0,1fr) 104px}.name-field input,.copy-button{height:44px}.name-field input{font-size:12px}.copy-button{padding:0 5px}.copy-button b{font-size:7px}.copy-button small{font-size:4px}
  .tube-track{height:132px;margin-right:60px}.output-preview{left:6px;right:6px;top:8px;height:53px;padding-top:9px}.layer-rail-frame{left:7px;right:7px;bottom:4px;height:55px}.tube-layer-rail{left:9px;right:9px}.tube-fill{left:9px;right:9px;top:43px}
  .tube-dock{gap:8px;justify-content:center;padding:7px 60px 0 0}.source-bubbles{gap:11px;padding:6px 5px 8px}.side-bubble{width:47px;height:47px;border-radius:14px}.preset-hub{position:static;justify-content:flex-start;gap:5px}.preset-hub button{width:80px;min-width:80px;height:44px;padding:0 6px}.preset-hub i{width:24px;height:24px}.preset-hub span{font-size:6px}.global-toggle-bar{right:0;top:0;width:56px;padding:0;gap:4px}.global-toggle-bar button{min-height:39px;width:100%;padding:2px;flex-direction:column;gap:1px;border-radius:7px;font-size:6px}.global-toggle-bar button i{min-width:17px;height:17px;font-size:5px}.global-toggle-bar button span{font-size:6px;line-height:1;white-space:normal}.global-toggle-bar .force-gradient{font-size:5px}.editor-toolbar{min-height:50px;padding-right:0}.persistent-actions{justify-content:flex-end;margin-left:auto;gap:4px}.persistent-actions .tool-button{min-height:42px;padding:0 6px;font-size:6px}
  .trash-drop-zone{position:absolute;z-index:80;left:50%;right:auto;top:4px;bottom:auto;width:calc(100% - 8px);height:48px;transform:translateX(-50%);pointer-events:none}
  .layer-inspector>header{padding:6px 7px}.inspector-controls{grid-template-columns:1fr;padding:7px}.inspector-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.drag-value-control{grid-column:1/-1;min-width:0}.inspector-actions{justify-content:flex-start}.mini-colour-editor{grid-column:1/-1;justify-content:center}
  .source-library{width:100%;margin-top:7px}.context-card{width:100%;max-height:58dvh;border-radius:12px}.library-panel{max-height:58dvh}.source-library.global-choice{position:fixed;z-index:205;left:50%;right:auto;top:var(--global-panel-top,132px);bottom:max(6px,env(safe-area-inset-bottom));width:calc(100% - 12px);margin:0;transform:translateX(-50%)}
  .source-library.pending-choice{place-items:end center;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.pending-choice .context-card{width:100%;max-height:66dvh;border-radius:17px 17px 10px 10px}.pending-choice .library-panel{max-height:58dvh}.global-choice .context-card{max-height:none;border-radius:14px}.global-choice .library-panel{max-height:none}.pending-choice-banner{padding:9px 12px}.pending-choice-banner b{font-size:12px}
  .colour-lab{grid-template-columns:1fr}.colour-wheel-wrap,#colourWheel{width:128px;height:128px}.colour-wheel-preview{width:70px;min-height:100px}.colour-sources{grid-template-columns:repeat(2,1fr)}.sprite-sources{grid-template-columns:repeat(4,1fr)}.native-colour-input{display:none!important}.custom-colour{grid-template-columns:1fr}.pending-choice [data-panel=colours] .colour-lab{grid-template-columns:1fr;padding:12px}.pending-choice [data-panel=colours] .colour-wheel-wrap,.pending-choice [data-panel=colours] #colourWheel{width:168px;height:168px}.pending-choice [data-panel=colours] .colour-sources,.pending-choice [data-panel=colours] .recent-choices,.pending-choice [data-panel=colours] .context-submenu{display:none!important}
  .fx-orbit{height:220px}.fx-orbit-option{width:78px;min-height:60px;padding:4px}.fx-orbit-option b{font-size:6px}.fx-orbit-option small{font-size:4px}.fx-orbit-centre,.fx-back-button{top:66%;width:52px;height:52px}.fx-example{min-height:20px;font-size:16px}.preset-orbit{height:270px}.preset-orbit[data-level=colour]{height:220px}.preset-orbit[data-level=rename]{height:135px}.preset-orbit-option{width:82px;min-height:64px;padding:5px}.preset-orbit-option b{font-size:6px}.preset-orbit-option small{font-size:4px}.preset-orbit[data-level=colour] .preset-back-button{top:66%}.preset-rename-editor{grid-template-columns:auto minmax(0,1fr)}
  .preset-orbit[data-level=special],.preset-orbit[data-level=saved],.preset-orbit[data-level=savedActions],.preset-orbit[data-level=overwriteConfirm],.preset-orbit[data-level=deleteConfirm]{height:220px}.preset-orbit[data-level=special] .preset-back-button,.preset-orbit[data-level=saved] .preset-back-button,.preset-orbit[data-level=savedActions] .preset-back-button,.preset-orbit[data-level=overwriteConfirm] .preset-back-button,.preset-orbit[data-level=deleteConfirm] .preset-back-button{top:66%}
  .preset-orbit[data-level=root]{height:220px}.preset-orbit[data-level=root] .preset-orbit-centre{top:66%}
  .wubrg-panel-head{min-height:54px;padding:11px 13px}.wubrg-panel-head b{font-size:13px}.choice-confirm-actions{padding:7px 8px}.choice-confirm-actions button{min-height:42px;padding:0 10px}.wubrg-composer{display:flex;width:100%;min-height:76px;gap:6px;margin:0 auto;padding:8px 5px 22px}.mana-pip{width:46px;height:46px}.wubrg-preset-rail{min-height:128px;margin:0 5px 2px;padding:0}.wubrg-recipe-group{grid-template-columns:48px minmax(0,1fr);gap:4px;min-height:40px}.wubrg-recipe-group>small{font-size:4px}.wubrg-recipe-row{min-height:39px}.wubrg-quick-preset{flex-basis:72px;width:72px;min-height:36px;padding:4px}.wubrg-empty-row{width:72px}.load-composition{grid-template-columns:52px 1fr auto}.more-menu-body{padding:7px}.tube-meta{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:380px){
  .masthead h1{font-size:19px}.brand-kicker{letter-spacing:.15em}.instructions-button{padding:0 8px}.tube-dock{gap:6px}.side-bubble{width:43px;height:43px}.preset-hub{gap:4px}.preset-hub button{width:72px;min-width:72px;padding:0 4px}.preset-hub span{font-size:5px}.persistent-actions{gap:3px}.persistent-actions .tool-button{padding:0 4px;font-size:5px}.global-toggle-bar button{font-size:4px}.colour-lab{grid-template-columns:1fr}.colour-wheel-control{margin:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mana-sail{display:none!important}}