:root{color-scheme:dark;--bg:#191b1e;--panel:#24272b;--panel2:#2a2d31;--panel3:#303439;--line:#393d42;--text:#dededc;--muted:#9b9d9e;--accent:#ed842c;--valley:#67a8e2;--mountain:#e78941}body,.file-card{background:var(--bg)!important}.dcc-shell{font:12px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.01em;color:var(--text);background:var(--bg);width:min(1480px,calc(100vw - 24px));position:relative;left:50%;transform:translate(-50%);border:1px solid #34373a;margin:0 0 10px;box-shadow:0 12px 44px #0005}.dcc-shell *{box-sizing:border-box}.dcc-shell button,.dcc-shell input,.dcc-shell select{font:inherit}.dcc-shell button{cursor:pointer}.dcc-bar{height:43px;background:#212326;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:10px}.dcc-brand{display:flex;align-items:center;gap:9px;letter-spacing:.15em;font-size:11px}.brand-mark{font-size:22px;color:var(--accent);line-height:1}.brand-sub{color:#797e82;letter-spacing:0;font-weight:400}.dcc-workspace{color:#777c7f;font-size:10px;letter-spacing:.12em}.dcc-workspace b{color:#bfc1c2;letter-spacing:0;margin-left:8px;font-weight:500}.dcc-version{font-size:10px;color:#85898b;letter-spacing:.11em}.dcc-version em{font-style:normal;color:#a7bd9d;margin-left:10px}.dcc-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:7px;padding:7px}.dcc-left{min-width:0;display:flex;flex-direction:column;gap:7px}.dcc-main{min-width:0;display:grid;grid-template-columns:minmax(250px,.77fr) minmax(0,1.43fr);gap:7px}.dcc-panel{border:1px solid var(--line);background:var(--panel);min-width:0}.dcc-panel>header{min-height:30px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:650;font-size:11px;letter-spacing:.055em;color:#d8d9d8}.dcc-panel>header:before{content:"";width:3px;height:12px;background:var(--accent);margin-right:6px}.dcc-panel>header small,.panel-meta{font-size:10px;color:#8d9294;font-weight:400;letter-spacing:.025em;margin-left:auto}.preset-list{padding:7px;display:grid;gap:4px}.preset-tile{height:59px;width:100%;display:flex;align-items:center;gap:9px;text-align:left;color:var(--text);background:#282b2f;border:1px solid #34383c;border-radius:3px;padding:4px 7px}.preset-tile:hover:not(.pending){background:#31353a}.preset-tile.selected{border-color:var(--accent);background:#342d27;box-shadow:inset 3px 0 var(--accent)}.preset-art{width:52px;height:47px;display:grid;place-items:center;background:linear-gradient(140deg,#35383b,#202326);font-size:31px;color:#c6c9c7;line-height:1;flex:none}.preset-tile strong{display:block;font-size:12px}.preset-tile small{display:block;color:#939799;font-size:10px;margin-top:3px}.preset-status{margin-left:auto;color:var(--accent);font-size:8px}.preset-tile.pending{opacity:.43;cursor:default}.parameters{flex:1}.parameters>label{min-height:33px;padding:4px 9px;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:6px;color:#b9bbba;font-size:11px}.parameters select{width:100%;height:25px;min-width:0;background:var(--panel3);color:var(--text);border:1px solid #4a4e52;border-radius:3px;padding:2px 5px}.parameters input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.parameters input[type=color]{width:55px;height:24px;padding:2px;border:1px solid #4a4e52;background:#383b3e;border-radius:2px}.parameters input[type=range],.timeline-transport input[type=range]{accent-color:var(--accent);width:100%;min-width:0}.parameter-range{display:flex;align-items:center;gap:5px}.parameter-range output{width:26px;text-align:right;color:#c8cac8;font-size:10px}.param-divider{font-size:10px;color:var(--accent);border-top:1px solid var(--line);padding:8px 9px 1px;letter-spacing:.06em}.param-note{color:#808588;font-size:10px;line-height:1.6;border-top:1px solid var(--line);padding:8px 9px;margin:8px 0 0}.pattern-panel,.viewport-panel{display:flex;flex-direction:column;min-width:0}.pattern-well{position:relative;flex:1;min-height:470px;display:grid;place-items:center;overflow:hidden;background-color:#202328;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:21px 21px,21px 21px,105px 105px,105px 105px}.pattern-well svg{width:min(85%,390px);aspect-ratio:1;filter:drop-shadow(0 6px 18px #0005)}.pattern-well line{stroke-width:.0035;vector-effect:non-scaling-stroke}.pattern-well .crease-border{stroke:#d1d5d5;stroke-width:.006}.pattern-well .crease-valley{stroke:var(--valley)}.pattern-well .crease-mountain{stroke:var(--mountain)}.pattern-well .crease-guide{stroke:#777d82;stroke-dasharray:.025 .018}.pattern-corner{position:absolute;left:10px;bottom:8px;color:#777d82;font-size:10px}.pattern-legend{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;padding:8px;font-size:10px;color:#a1a6a7}.pattern-legend span{display:flex;gap:5px;align-items:center}.pattern-legend i{width:13px;height:2px;display:inline-block}.pattern-legend .valley{background:var(--valley)}.pattern-legend .mountain{background:var(--mountain)}.pattern-legend .border{background:#d1d5d5}.stage{min-height:496px;flex:1;position:relative;overflow:hidden;background:#1b1e22;touch-action:none;background-image:radial-gradient(ellipse at 55% 40%,#303238 0,#1b1e22 70%);background-size:100% 100%;background-position:center}.stage canvas{display:block;width:100%;height:100%;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-top{position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;pointer-events:none}.stage-top button{pointer-events:auto;color:#c8cacc;background:#2c3034eb;border:1px solid #4b5054;border-radius:3px;padding:5px 7px;font-size:10px;letter-spacing:.04em}.stage-top button[aria-pressed=true]{color:var(--accent);border-color:#8c5c3b}.stage-top button:disabled{opacity:.4}.axis-indicator{position:absolute;right:20px;top:53px;width:48px;height:49px;color:#a0ad94;font-size:10px;pointer-events:none}.axis-indicator:before{content:"";position:absolute;left:21px;top:15px;height:30px;width:1px;background:#829775}.axis-indicator:after{content:"";position:absolute;left:21px;top:44px;height:1px;width:24px;background:#ad7771;transform:rotate(-24deg);transform-origin:left}.axis-indicator b{position:absolute;left:18px;top:0}.axis-indicator span{position:absolute;left:1px;bottom:0;color:#788da4}.axis-indicator em{position:absolute;right:0;bottom:0;color:#c68477;font-style:normal}.gl-warning{position:absolute;left:20%;top:45%;color:#edb8a2}.timeline-panel{margin:0 7px 7px}.timeline-transport{display:flex;gap:4px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.timeline-transport button{height:27px;min-width:28px;color:#cbd0d0;background:#303439;border:1px solid #464c50;border-radius:2px}.timeline-transport button:hover{border-color:var(--accent)}.timeline-transport .play-button.is-playing{background:#3b322a;color:#f2a35d;border-color:#a86630}.timeline-transport input[type=range]{flex:1;margin:0 10px;--progress:0%;appearance:none;height:4px;background:linear-gradient(to right,var(--accent) var(--progress),#4b4f53 var(--progress));border-radius:0}.timeline-transport input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:16px;background:var(--accent);border-radius:2px}.timeline-transport output{font-size:11px;font-weight:650;white-space:nowrap;min-width:42px}.stage-strip{display:flex;gap:3px;overflow-x:auto;padding:5px 8px 8px;scrollbar-color:#51565b #24272b}.stage-tile{background:#292c30;border:1px solid #3c4145;border-radius:2px;flex:0 0 69px;height:75px;color:#8e9395;display:flex;flex-direction:column;align-items:center;padding:3px}.stage-tile:hover{border-color:#a06840}.stage-tile.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px #99582b}.stage-tile svg{width:63px;height:49px;display:block}.stage-tile span{font-size:10px}.dcc-footer{display:flex;justify-content:space-between;gap:10px;padding:0 10px 8px;color:#808588;font-size:10px}@media(max-width:900px){.dcc-grid{grid-template-columns:175px minmax(0,1fr)}.dcc-main{grid-template-columns:1fr}.pattern-well{min-height:260px}.pattern-well svg{width:210px}.stage{min-height:440px}.preset-art{width:38px}}@media(max-width:650px){.dcc-shell{width:calc(100vw - 12px);margin-top:-8px}.dcc-bar{height:38px}.brand-sub,.dcc-version,.dcc-workspace{display:none}.dcc-grid{display:flex;flex-direction:column;gap:6px;padding:6px}.dcc-main{display:flex;flex-direction:column;gap:6px}.dcc-left{display:contents}.preset-panel{order:1}.dcc-main{order:0}.parameters{order:2}.preset-list{display:flex;overflow-x:auto}.preset-tile{flex:0 0 130px;height:52px;gap:6px}.preset-art{width:36px;height:40px;font-size:24px}.preset-tile small{font-size:9px}.preset-status{display:none}.viewport-panel{order:0}.pattern-panel{order:1}.stage{height:440px;min-height:440px;flex:none}.pattern-well{height:210px;min-height:210px}.pattern-well svg{width:180px}.parameters{display:grid;grid-template-columns:1fr 1fr}.parameters>header,.param-divider,.param-note{grid-column:1/-1}.parameters>label{grid-template-columns:1fr;gap:1px;padding:4px 8px;min-height:44px}.parameters select{height:28px}.timeline-panel{margin:0 6px 6px}.stage-tile{flex-basis:62px;height:68px}.stage-tile svg{width:54px;height:43px}.dcc-footer{display:block}.dcc-footer span+span{display:none}}.pattern-well line{stroke-width:1.1px}.pattern-well .crease-border{stroke-width:1.55px}.pattern-well .crease-guide{stroke-dasharray:5px 4px}@media(max-width:650px){.timeline-transport button{height:40px;min-width:40px}.stage-top button{min-height:36px}.parameters input[type=checkbox]{width:20px;height:20px}}.dcc-shell>.preset-panel{margin:7px 7px 0}.dcc-shell>.preset-panel .preset-list{display:flex;overflow-x:auto;gap:6px}.dcc-shell>.preset-panel .preset-tile{flex:0 0 175px;height:56px}.dcc-shell>.preset-panel .preset-art{height:43px;width:48px}.dcc-main{grid-template-rows:minmax(0,1fr) auto;align-items:stretch}.pattern-panel{grid-column:1;grid-row:1/3}.viewport-panel{grid-column:2;grid-row:1}.dcc-main>.timeline-panel{grid-column:2;grid-row:2;margin:0}.axis-indicator{width:64px;height:64px;right:13px;top:47px;overflow:visible}.axis-indicator:before,.axis-indicator:after{display:none}@media(max-width:900px){.dcc-main{grid-template-rows:auto auto auto}.pattern-panel{grid-column:1;grid-row:3}.viewport-panel{grid-column:1;grid-row:1}.dcc-main>.timeline-panel{grid-column:1;grid-row:2}}@media(max-width:650px){.dcc-shell>.preset-panel{margin:6px 6px 0}.dcc-shell>.preset-panel .preset-list{padding:5px}.dcc-shell>.preset-panel .preset-tile{flex-basis:135px;height:52px}.dcc-shell>.preset-panel .preset-art{width:36px;height:40px}.dcc-main>.timeline-panel{margin:0}}.section-toggle{border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;padding:0;min-height:25px;display:inline-flex;align-items:center;gap:8px;text-align:left}.section-toggle span{color:var(--accent);font-size:14px}.section-toggle:focus-visible{outline:2px solid var(--accent)}.dcc-main.pattern-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.dcc-main.pattern-collapsed .pattern-panel{grid-column:1;grid-row:1}.dcc-main.pattern-collapsed .viewport-panel{grid-column:1;grid-row:2}.dcc-main.pattern-collapsed .timeline-panel{grid-column:1;grid-row:3}.parameters{flex:0 1 auto}@media(max-width:650px){.section-toggle{min-height:34px}}@media(max-width:650px){.dcc-grid{display:flex;flex-direction:column}.dcc-left,.dcc-main{display:contents}.dcc-main>.viewport-panel{order:0}.dcc-main>.timeline-panel{order:1}.dcc-main>.pattern-panel{order:2}.dcc-left>.parameters{order:3;display:block}.parameters.is-collapsed{flex:none}}.dcc-main.viewport-dominant,.dcc-main.viewport-dominant.pattern-collapsed{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:7px}.dcc-main.viewport-dominant>.viewport-panel{grid-column:1;grid-row:1}.dcc-main.viewport-dominant>.timeline-panel{grid-column:1;grid-row:2}.dcc-main.viewport-dominant .stage{min-height:690px}.crease-ref{position:absolute;right:14px;top:53px;width:clamp(150px,22%,260px);padding:0 8px 8px;background:#22272cdd;border:1px solid #50585c;border-radius:3px;box-shadow:0 7px 24px #0007;z-index:3;backdrop-filter:blur(5px);touch-action:auto}.crease-ref-title{height:30px;border-bottom:1px solid #484d52;display:flex;align-items:center;justify-content:space-between;gap:3px;color:#c9cdd0;font-size:10px;letter-spacing:.03em}.crease-ref-title strong{font-weight:600;white-space:nowrap}.crease-ref-title button,.crease-modal header button{background:none;color:#adb7be;border:0;font-size:18px;line-height:1;min-width:28px;min-height:28px;cursor:pointer}.crease-ref-title button:hover,.crease-modal header button:hover{color:var(--accent)}.crease-ref-well{display:grid;place-items:center;aspect-ratio:1;max-height:220px;min-width:0}.crease-ref-well svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px #0006)}.crease-ref-well line,.crease-modal-well line{stroke-width:1.1px;vector-effect:non-scaling-stroke}.crease-ref-well .crease-border,.crease-modal-well .crease-border{stroke:#d1d5d5;stroke-width:1.55px}.crease-ref-well .crease-valley,.crease-modal-well .crease-valley{stroke:var(--valley)}.crease-ref-well .crease-mountain,.crease-modal-well .crease-mountain{stroke:var(--mountain)}.crease-ref-well .crease-guide,.crease-modal-well .crease-guide{stroke:#777d82;stroke-dasharray:5px 4px}.axis-indicator{inset:auto auto 30px 12px}.crease-modal-scrim{position:fixed;inset:0;background:#080b0de8;z-index:20;display:grid;place-items:center;padding:16px}.crease-modal{width:min(640px,95vw);max-height:90vh;display:flex;flex-direction:column;background:#24282c;border:1px solid #596065;box-shadow:0 18px 60px #000a}.crease-modal header{display:flex;align-items:center;gap:12px;padding:7px 12px;border-bottom:1px solid #50565a;color:#dedede}.crease-modal header strong{margin-right:auto}.crease-modal header span{color:#959da1;font-size:10px}.crease-modal-well{min-height:0;display:grid;place-items:center;padding:16px;background:#202328;overflow:auto}.crease-modal-well svg{width:min(100%,min(62vh,520px));aspect-ratio:1}.crease-modal .pattern-legend{justify-content:center}@media(max-width:900px){.dcc-main.viewport-dominant .stage{min-height:600px}}@media(max-width:650px){.dcc-main.viewport-dominant>.viewport-panel{order:0}.dcc-main.viewport-dominant>.timeline-panel{order:1}.dcc-main.viewport-dominant .stage{height:380px;min-height:380px}.crease-ref{top:54px;right:9px;width:clamp(104px,30%,120px);padding:0 4px 4px}.crease-ref-title{height:29px;font-size:8px}.crease-ref-title button{min-width:25px;min-height:29px;font-size:16px}.crease-ref-well{max-height:112px}.axis-indicator{left:9px;bottom:24px}.crease-modal header span{display:none}.crease-modal-well{padding:10px}}@media(max-width:650px){.crease-ref{right:9px;width:120px;padding:0 5px 5px}.crease-ref-title{font-size:7.5px}.crease-ref-title strong{letter-spacing:-.015em}.crease-ref-title button{min-width:27px;min-height:28px;position:relative;z-index:4}.crease-ref-well{max-height:110px}}.crease-ref.is-collapsed{padding-bottom:0}.crease-ref.is-collapsed .crease-ref-title{border-bottom:0}.stage-tools{display:flex;gap:5px;align-items:flex-start}.play-modes{display:flex;align-items:center;gap:5px;padding:0 8px 8px;border-bottom:1px solid var(--line)}.play-modes span{font-size:9px;color:#8e9395;letter-spacing:.08em;margin-right:3px}.play-modes button{min-height:29px;padding:4px 9px;border:1px solid #464c50;border-radius:3px;color:#cbd0d0;background:#303439;font-size:11px}.play-modes button[aria-pressed=true]{color:#f2a35d;border-color:#a86630;background:#3b322a}.play-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:650px){.play-modes button{min-height:40px;padding:7px 10px}}.mobile-play-inline,.mobile-scroll-rail{display:none}@media(max-width:650px){.stage{touch-action:auto}.stage canvas{touch-action:none}.dcc-main.viewport-dominant .stage{height:330px;min-height:330px}.stage-top .mobile-play-inline{display:block;background:#573821;color:#ffca9d;border-color:#d28c51;font-weight:800;font-size:11px;letter-spacing:.04em;min-width:71px}.mobile-scroll-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;right:0;top:48px;bottom:0;width:47px;z-index:5;touch-action:pan-y;background:linear-gradient(90deg,#20232655,#292d30a0);border-left:1px solid #363a3d;color:#40382e;user-select:none}.mobile-scroll-rail.is-left{left:0;right:auto;background:linear-gradient(270deg,#20232655,#292d30a0);border-left:0;border-right:1px solid #363a3d}.mobile-scroll-rail span{font-size:23px;line-height:1}.mobile-scroll-rail small{font-size:13px;font-weight:700;letter-spacing:.22em;writing-mode:vertical-rl}}@media(max-width:650px){.crease-ref{left:auto;right:9px;top:54px;z-index:6}.axis-indicator{left:9px;right:auto;bottom:24px}}@media(max-width:650px){.stage-strip-wrap{position:relative;min-width:0}.stage-strip{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:8px calc(50% - 31px);scrollbar-width:thin;overscroll-behavior-x:contain}.stage-tile{flex:0 0 62px;width:62px;height:68px;opacity:.25}.stage-strip .stage-tile.active{border-color:#3c4145;box-shadow:none;color:#8e9395}.stage-tile svg{width:54px;height:43px}.stage-tile-anchor{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;opacity:1;background:#292c30;border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px #99582b}}@media(max-width:650px){.stage-strip{touch-action:none}}.stage-tile-anchor{display:none}@media(max-width:650px){.stage-tile-anchor{display:flex}}.dcc-main.viewport-dominant,.dcc-main.viewport-dominant.pattern-collapsed{grid-template-rows:minmax(0,1fr) auto auto}.dcc-main.viewport-dominant>.steps-panel{grid-column:1;grid-row:3}.steps-panel{margin:0 7px 7px}@media(max-width:650px){.dcc-main.viewport-dominant,.dcc-main.viewport-dominant.pattern-collapsed{display:contents}.dcc-main>.steps-panel{order:2;margin:0 6px}.dcc-main>.pattern-panel{order:3}.dcc-left>.parameters{order:4}}@media(max-width:650px){.dcc-main>.steps-panel{margin:0}}.steps-panel>header,.parameters>header{justify-content:flex-start}.play-modes{justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:2px}.play-mode-buttons,.quick-speeds{display:flex;gap:5px;align-items:center}.play-modes .play-mode-buttons button{width:31px;padding:4px;display:grid;place-items:center}.play-mode-buttons svg{width:18px;height:18px}.play-modes .quick-speeds button{min-width:40px;padding:4px 6px;font-variant-numeric:tabular-nums}@media(max-width:650px){.play-modes{gap:5px;flex-wrap:nowrap;padding:5px 6px 8px}.play-mode-buttons,.quick-speeds{gap:3px}.play-modes .play-mode-buttons button{width:36px;min-height:40px;padding:5px}.play-mode-buttons svg{width:20px;height:20px}.play-modes .quick-speeds button{min-width:39px;min-height:40px;padding:4px;font-size:11px}}@media(min-width:651px){.dcc-main.viewport-dominant .stage{height:520px;min-height:520px}}@media(max-width:650px){.crease-ref{left:auto;right:9px;top:54px}.axis-indicator{left:9px;right:auto}}.parameter-crease{margin:0 8px 7px;border:1px solid #50585c;background:#22272c;border-radius:3px;min-width:0}.parameter-crease>button{width:100%;min-height:32px;padding:5px 7px;display:flex;justify-content:space-between;align-items:center;gap:3px;border:0;background:none;color:#c9cdd0;font-size:10px;text-align:left}.parameter-crease>button span{font-size:15px;color:var(--accent)}.parameter-crease-well{padding:5px;border-top:1px solid #484d52;display:grid;place-items:center}.parameter-crease-well svg{display:block;width:min(100%,188px);height:auto;max-height:240px}.parameter-crease-well line{stroke-width:1.1px;vector-effect:non-scaling-stroke}.parameter-crease-well .crease-border{stroke:#d1d5d5;stroke-width:1.55px}.parameter-crease-well .crease-valley{stroke:var(--valley)}.parameter-crease-well .crease-mountain{stroke:var(--mountain)}.parameter-crease-well .crease-guide{stroke:#777d82;stroke-dasharray:5px 4px}@media(max-width:650px){.parameter-crease>button{min-height:44px;font-size:11px}.parameter-crease-well svg{width:min(100%,240px);max-height:290px}}.timeline-transport input[type=range]{touch-action:none;cursor:pointer;min-height:36px;background:transparent;position:relative}.timeline-transport input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--accent) var(--progress),#4b4f53 var(--progress));border-radius:0}.timeline-transport input[type=range]::-webkit-slider-thumb{margin-top:-6px}@media(max-width:650px){.timeline-transport input[type=range]{min-height:44px;margin:0 5px}}.viewport-crease{position:absolute;left:10px;top:55px;width:clamp(180px,22%,260px);background:#22272ce8;border:1px solid #50585c;border-radius:3px;box-shadow:0 7px 24px #0007;z-index:3;touch-action:auto}.viewport-crease>button{width:100%;min-height:34px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px;background:none;border:0;color:#c9cdd0;font-size:10px;text-align:left;cursor:pointer}.viewport-crease>button span{font-size:15px;color:var(--accent)}.viewport-crease-well{padding:6px;border-top:1px solid #484d52;display:grid;place-items:center}.viewport-crease-well svg{display:block;width:min(100%,220px);height:auto;max-height:260px}.viewport-crease-well line{stroke-width:1.1px;vector-effect:non-scaling-stroke}.viewport-crease-well .crease-border{stroke:#d1d5d5;stroke-width:1.55px}.viewport-crease-well .crease-valley{stroke:var(--valley)}.viewport-crease-well .crease-mountain{stroke:var(--mountain)}.viewport-crease-well .crease-guide{stroke:#777d82;stroke-dasharray:5px 4px}@media(max-width:650px){.viewport-crease{left:9px;top:54px;width:clamp(135px,38%,180px)}.viewport-crease>button{min-height:42px;font-size:9px}.viewport-crease-well svg{max-height:180px}}@media(max-width:650px){.viewport-crease{left:0;top:54px;width:min(180px,calc(100% - 70px));z-index:6}.viewport-crease-well svg{max-height:145px}.axis-indicator{inset:auto auto 18px 55px;width:64px;height:64px}}@media(max-width:359px){.viewport-crease{width:min(172px,calc(100% - 70px))}.axis-indicator{left:55px;right:auto;bottom:8px;width:48px;height:48px}}@media(max-width:650px){.viewport-crease{width:138px}.viewport-crease>button{padding:5px 6px;font-size:9px;white-space:nowrap}.viewport-crease-well{padding:5px}.viewport-crease-well svg{width:min(100%,120px);max-height:120px}}.export-panel{margin-top:12px}.export-body{padding:12px}.export-body label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;font-size:11px}.export-body select,.export-body input[type=number]{background:#202429;color:#d9dddd;border:1px solid #444a50;border-radius:3px;padding:5px;max-width:100px;width:100px}.export-download{width:100%;padding:9px;background:#00ffbf20;color:#a6f4df;border:1px solid #51786f;border-radius:4px;font-size:12px}.export-download:disabled{opacity:.5}.export-body .param-note{line-height:1.5}.export-file{display:block;color:#a6f4df;font-size:11px;overflow-wrap:anywhere;margin-top:10px;padding:7px 0}.dcc-shell a.export-file{color:#a6f4df!important;text-decoration:underline;font-weight:600}.export-body select{max-width:118px;width:118px}@media(max-width:650px){.dcc-left>.export-panel{order:5}}

.dcc-shell>.preset-panel .preset-list{overflow-y:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.preset-tile{flex:none;min-width:0}
.dcc-shell>.preset-panel .preset-list>.preset-tile{width:176px;min-width:176px}
.preset-tile>span:not(.preset-art),.preset-tile>div{min-width:0;overflow:hidden}
.preset-tile strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2}
.preset-tile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.stage-top .mobile-play-inline:not(.is-playing){background:#202329;color:#bbc1c8;border-color:#42474f}