@import"https://fonts.googleapis.com/css2?family=Aclonica&family=Cinzel:wght@400;500;600;700&family=Cinzel+Decorative:wght@400;700;900&family=Cormorant+Garamond:wght@400;500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IM+Fell+English:ital@0;1&family=IM+Fell+English+SC&family=Inknut+Antiqua:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Marcellus&family=Nunito:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Uncial+Antiqua&family=UnifrakturMaguntia&display=swap";:root{--font-title: "Cinzel", serif;--font-header: "Cinzel", serif;--font-body: "Space Grotesk", sans-serif;--ink: #2c2214;--ink-soft: rgba(44, 34, 20, .66);--ink-faint: rgba(44, 34, 20, .4);--cloud: #f6f0e1;--panel: rgba(244, 236, 218, .94);--panel-strong: rgba(244, 236, 218, .985);--panel-soft: rgba(255, 252, 240, .88);--panel-border: rgba(95, 138, 58, .24);--panel-border-strong: rgba(95, 138, 58, .42);--accent: #c48a1a;--accent-2: #5c8638;--accent-3: #e1c15b;--shadow: rgba(14, 23, 12, .2);--shadow-strong: rgba(4, 12, 4, .56);--glow: rgba(196, 138, 26, .32);--vine-tint: rgba(88, 132, 54, .15);--vine-tint-strong: rgba(88, 132, 54, .22);--vine-text: #3b5f18;--bead: #87c3d7;--mobile-toolbar-clearance: 0px;--mobile-toolbar-top-clearance: 0px}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;font-family:var(--font-body),system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse 55% 45% at 18% 22%,rgba(36,72,28,.9) 0%,transparent 55%),radial-gradient(ellipse 45% 55% at 82% 65%,rgba(18,45,65,.85) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 50% 90%,rgba(8,22,12,.95) 0%,transparent 65%),linear-gradient(165deg,#1d3c21,#0e1f0e 42%,#0b1d2c)}#app{position:fixed;inset:0;width:100vw;min-height:100vh;height:100vh;height:100dvh}#scene{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#mode-hud{position:absolute;top:12px;left:12px;right:12px;z-index:32;display:flex;align-items:center;gap:10px;pointer-events:none;animation:floatIn .55s ease-out}#mode-hud[data-surface-mode=play] .mode-hud-left,#mode-hud[data-surface-mode=play] .mode-hud-history{display:none!important}.mode-hud-left,.mode-hud-history,.mode-hud-right{pointer-events:auto}.mode-hud-left{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:18px;background:radial-gradient(circle at 18% 12%,rgba(180,210,140,.12),transparent 36%),var(--panel);border:1.5px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1px #fffcee9e,0 12px 28px #040c0447;backdrop-filter:blur(12px)}.mode-hud-right{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:0}.mode-hud-history{display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:var(--panel);border:1.5px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1px #fffcee9e,0 12px 28px #040c043d;backdrop-filter:blur(12px)}.mode-hud-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.mode-hud-icon{font-size:16px;width:18px;text-align:center;line-height:1;color:var(--vine-text)}.mode-hud-label{font-size:13px;font-weight:700;white-space:nowrap;color:var(--ink)}#mode-hud-clear,#mode-hud-undo,#mode-hud-redo,#mode-hud-surface-toggle{appearance:none;border:1.5px solid var(--panel-border-strong);border-radius:999px;background:var(--panel-soft);color:var(--ink-soft);font:inherit;font-size:14px;font-weight:700;width:42px;height:42px;padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;display:grid;place-items:center;box-shadow:inset 0 1px #fffcf0d1,0 6px 14px #0c1c0824}#mode-hud-clear i,#mode-hud-undo i,#mode-hud-redo i,#mode-hud-surface-toggle i{font-size:14px;line-height:1}#mode-hud-clear:hover:not(:disabled),#mode-hud-undo:hover:not(:disabled),#mode-hud-redo:hover:not(:disabled),#mode-hud-surface-toggle:hover:not(:disabled){transform:translateY(-1px);background:var(--vine-tint);border-color:#5884368a;color:var(--vine-text);box-shadow:inset 0 1px #fffcf0d1,0 10px 20px #0c1c082e}#mode-hud-clear:disabled,#mode-hud-undo:disabled,#mode-hud-redo:disabled,#mode-hud-surface-toggle:disabled{opacity:.55;cursor:default}#hud{position:absolute;top:84px;left:24px;padding:16px 18px;border-radius:22px;background:radial-gradient(circle at 82% 12%,rgba(195,155,75,.08),transparent 22%),var(--panel);border:1.5px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1px #fffcee99,0 18px 38px #040c043d;backdrop-filter:blur(14px);display:grid;gap:10px;max-width:280px;animation:floatIn .8s ease-out}.brand{display:grid;gap:4px}.logo{font-family:var(--font-title);font-size:20px;letter-spacing:.04em}.tag{font-family:var(--font-header);text-transform:uppercase;font-size:11px;letter-spacing:1.6px;color:var(--ink-soft)}.controls{display:grid;gap:6px;font-size:12px;color:var(--ink-soft)}.status{display:grid;gap:6px}.status-pill{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:#c48a1a1f;color:#8d6516;border:1px solid rgba(196,138,26,.18);transition:all .2s ease}.status-pill.active{background:var(--vine-tint);color:var(--vine-text);border-color:#58843638;box-shadow:0 0 0 1px #58843614}#paint-indicator{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:#c48a1a1f;color:#8d6516;border:1px solid rgba(196,138,26,.18);transition:all .2s ease}#paint-indicator.active{background:var(--vine-tint);color:var(--vine-text);border-color:#58843638;box-shadow:0 0 0 1px #58843614}#brush-indicator{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:#c48a1a1f;color:#8d6516;border:1px solid rgba(196,138,26,.18);transition:all .2s ease;display:none}#brush-indicator.active{background:var(--vine-tint);color:var(--vine-text);border-color:#58843638;box-shadow:0 0 0 1px #58843614}#brush-indicator.flash{animation:brush-indicator-flash .45s ease-out}@keyframes brush-indicator-flash{0%{background:#ffc83c80;transform:scale(1.08)}to{background:var(--vine-tint);transform:scale(1)}}#mode-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#mode-controls button{appearance:none;border:1.5px solid rgba(95,138,58,.26);background:var(--panel-soft);color:var(--ink);font-size:11px;font-weight:600;padding:6px 6px 7px;border-radius:999px;cursor:pointer;transition:all .2s ease;display:grid;grid-template-rows:auto auto;gap:4px;text-align:center}#mode-controls button:hover{transform:translateY(-1px);box-shadow:0 6px 15px #12171a1f}#mode-controls button.active{background:var(--vine-tint);color:var(--vine-text);box-shadow:0 0 0 1px #5884363d}.mode-icon{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center}.mode-icon svg{width:14px;height:14px}.mode-key{font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;border:1px solid rgba(95,138,58,.2);background:#fffcf0f5;color:var(--ink-soft)}.mode-main{display:inline-flex;align-items:center;justify-content:center;gap:6px}#mode-controls button.active .mode-key{border-color:#5884364d;color:var(--vine-text);background:#ffffff8a}#scene{position:fixed;top:0;left:0;outline:none}#radial-menu{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:12}#radial-menu.active{pointer-events:auto}.radial-center{position:absolute;left:0;top:0;transform:translate(-50%,-50%);padding:4px 10px;border-radius:999px;background:var(--panel-soft);border:1px dashed rgba(95,138,58,.28);box-shadow:0 10px 20px #040c0433;font-size:10px;font-weight:600;color:var(--ink-soft);pointer-events:none;text-transform:uppercase;letter-spacing:1px}.radial-option{position:absolute;left:0;top:0;transform:translate(-50%,-50%) translate(var(--x),var(--y));background:var(--panel-strong);border:1.5px solid rgba(95,138,58,.28);color:var(--ink);font-size:11px;font-weight:600;padding:6px 10px;border-radius:999px;box-shadow:inset 0 1px #fffcf0cc,0 12px 28px #040c0438;cursor:pointer;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}.radial-option:hover{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1.05);box-shadow:inset 0 1px #fffcf0cc,0 16px 36px #040c0447}#item-editor{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:14}#item-editor.active{pointer-events:auto}.item-editor-panel{position:absolute;left:0;top:0;transform:translate(-50%,36px);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--panel-strong);border:1.5px solid rgba(95,138,58,.36);box-shadow:inset 0 1px #fffcf0cc,0 16px 36px #040c0447;pointer-events:auto;min-width:240px;max-width:calc(100vw - 16px);box-sizing:border-box}@media (max-width: 560px){.item-editor-panel{min-width:0;width:calc(100vw - 16px);gap:8px;padding:8px 12px}.item-editor-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}.item-editor-label{font-size:11px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.item-editor-value{font-size:12px;font-weight:700;color:var(--ink);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.item-editor-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:#5f8a3a38;outline:none;cursor:grab}.item-editor-slider:active{cursor:grabbing}.item-editor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--panel-strong);border:2px solid rgba(95,138,58,.7);box-shadow:0 4px 10px #040c0440;cursor:grab}.item-editor-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--panel-strong);border:2px solid rgba(95,138,58,.7);box-shadow:0 4px 10px #040c0440;cursor:grab}.item-editor-done{background:var(--panel-soft);border:1.5px solid rgba(95,138,58,.4);color:var(--ink);font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.item-editor-done:hover{background:var(--panel-strong)}#pickup-toast,#status-toast{position:absolute;left:50%;transform:translate(-50%,12px);padding:10px 16px;border-radius:999px;background:var(--panel-strong);color:var(--ink);border:1.5px solid var(--panel-border-strong);box-shadow:inset 0 1px #fffcf0cc,0 14px 32px #040c0447;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40;max-width:min(420px,80vw);text-align:center;line-height:1.3}#pickup-toast{bottom:calc(120px + var(--mobile-toolbar-clearance))}#status-toast{bottom:calc(168px + var(--mobile-toolbar-clearance))}#pickup-toast.active,#status-toast.active{opacity:1;transform:translate(-50%)}#hud[hidden],#tweakpane[hidden]{display:none!important}#user-toolbar-root{position:fixed;inset:0;z-index:30;pointer-events:none}#user-toolbar-root .ut-shell,#user-toolbar-root .ut-panel-wrap{position:absolute;inset:0;pointer-events:none}#user-toolbar-root .ut-dock,#user-toolbar-root .ut-panel,#user-toolbar-root .ut-confirm-backdrop{pointer-events:auto}.ut-shell.is-desktop .ut-dock{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-wrap:nowrap;gap:4px;width:max-content;max-width:calc(100vw - 32px);padding:9px 10px;border-radius:999px;background:#f4ecdaf7;border:2px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1.5px #fffcee99,0 18px 40px #040c0457;backdrop-filter:blur(14px)}.ut-shell.is-desktop .ut-panel{position:absolute;left:50%;bottom:118px;transform:translate(-50%);width:min(var(--ut-panel-width-desktop, 520px),calc(100vw - 32px))}.ut-shell.is-desktop[data-sheet-state=collapsed] .ut-panel,.ut-shell.is-desktop[data-sheet-state=half] .ut-panel,.ut-shell.is-desktop[data-sheet-state=full] .ut-panel{height:auto}.ut-shell.is-mobile .ut-dock{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:nowrap;gap:4px;padding:9px 10px;border-radius:28px;background:#f4ecdafa;border:2px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1.5px #fffcee99,0 18px 36px #040c045c;backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 80px),rgba(0,0,0,.94) calc(100% - 60px),rgba(0,0,0,.74) calc(100% - 40px),rgba(0,0,0,.36) calc(100% - 20px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 80px),rgba(0,0,0,.94) calc(100% - 60px),rgba(0,0,0,.74) calc(100% - 40px),rgba(0,0,0,.36) calc(100% - 20px),transparent 100%)}.ut-shell.is-mobile .ut-dock::-webkit-scrollbar{display:none}.ut-shell.is-mobile .ut-dock-button{flex:0 0 auto;min-width:calc((100vw - 92px)/5)}.ut-shell.is-mobile .ut-panel{position:absolute;left:50%;transform:translate(-50%);width:min(calc(var(--ut-panel-width-mobile, 96) * 1vw),calc(100vw - 16px));bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--mobile-toolbar-clearance));height:min(56dvh,440px)}.ut-shell.is-mobile[data-sheet-state=collapsed] .ut-panel{height:min(34dvh,280px)}.ut-shell.is-mobile[data-sheet-state=half] .ut-panel{height:min(56dvh,440px)}.ut-shell.is-mobile[data-sheet-state=full] .ut-panel{top:max(calc(12px + env(safe-area-inset-top,0px)),var(--mobile-toolbar-top-clearance));bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--mobile-toolbar-clearance));height:auto}.ut-panel{position:relative;border-radius:26px;background:var(--panel);border:2px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1.5px #fffcee9e,0 32px 80px #040c0470,0 2px #fffcee47;overflow:visible;backdrop-filter:blur(16px)}.ut-panel-bg{position:relative;height:100%;max-height:70vh;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse 65% 35% at 85% 8%,rgba(155,205,115,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 45% at 12% 88%,rgba(195,155,75,.08) 0%,transparent 42%),var(--panel)}.vine-frame{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:visible}.vine-frame img{position:absolute;inset:0;width:100%;height:100%;display:block}.ut-shell.is-desktop[data-sheet-state=collapsed] .ut-panel-bg{max-height:min(40vh,360px)}.ut-shell.is-desktop[data-sheet-state=half] .ut-panel-bg{max-height:min(74vh,660px)}.ut-shell.is-desktop[data-sheet-state=full] .ut-panel-bg{max-height:min(84vh,800px)}.ut-shell.is-mobile .ut-panel-bg{max-height:none}.ut-panel-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 22px 22px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(95,138,58,.3) transparent}.ut-sheet-handle{position:absolute;top:8px;left:50%;z-index:10;transform:translate(-50%);width:52px;height:7px;margin:0;border:0;border-radius:999px;background:#5f8a3a47;box-shadow:inset 0 1px #fffcf099}.ut-shell.is-desktop .ut-sheet-handle{opacity:0;pointer-events:none;margin-top:0;height:0}.ut-dock-button,.ut-primary-button,.ut-secondary-button,.ut-chip,.ut-subtab,.ut-card,.ut-pattern-card,.ut-icon-button,.ut-segmented-option,.ut-asset-card,.ut-toggle-row,.ut-icon-toggle,.ut-confirm-button{appearance:none;border:1.5px solid rgba(95,138,58,.3);background:var(--panel-soft);color:var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.ut-dock-button:hover,.ut-primary-button:hover,.ut-secondary-button:hover,.ut-chip:hover,.ut-subtab:hover,.ut-card:hover,.ut-pattern-card:hover,.ut-icon-button:hover,.ut-segmented-option:hover,.ut-asset-card:hover,.ut-toggle-row:hover,.ut-icon-toggle:hover,.ut-confirm-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0c1c0824}.ut-dock-button.is-active,.ut-chip.is-active,.ut-subtab.is-active,.ut-card.is-active,.ut-pattern-card.is-active,.ut-segmented-option.is-active,.ut-asset-card.is-active,.ut-icon-toggle.is-active{background:var(--vine-tint);border-color:#5884368a;color:var(--vine-text);box-shadow:inset 0 0 0 1px #58843626}.ut-dock-button{position:relative;display:grid;gap:4px;place-items:center;min-height:60px;min-width:64px;padding:8px 12px;border-radius:999px;text-align:center;border:none;background:transparent;color:var(--ink-soft);box-shadow:none}.ut-dock-icon{display:grid;place-items:center;font-size:22px;line-height:1}.ut-game-icon-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0}.ut-game-icon-label>span:last-child{min-width:0}:root{--ut-icon-square-size: 26px;--ut-icon-mask-scale: 70%;--ut-icon-saturation: 1;--ut-icon-lightness: 1}.ut-game-icon{--ut-game-icon-color: #aeb38a;--ut-game-icon-dark: #4d3c23;--ut-game-icon-mask-color: var(--ut-game-icon-dark);position:relative;display:inline-block;width:var(--ut-icon-square-size);height:var(--ut-icon-square-size);flex:0 0 auto;border-radius:9px;border:1px solid rgba(77,60,35,.14);background:linear-gradient(145deg,#fffcf047,#4d3c230f),var(--ut-game-icon-color);box-shadow:inset 0 1px #fffcf06b,0 2px 4px #4d3c2314;vertical-align:middle;filter:saturate(var(--ut-icon-saturation)) brightness(var(--ut-icon-lightness))}.ut-icon-square-hidden .ut-game-icon{background:transparent;border-color:transparent;box-shadow:none}.ut-icon-tint-square .ut-game-icon{--ut-game-icon-mask-color: var(--ut-game-icon-color)}.ut-game-icon:before{content:"";position:absolute;top:50%;left:50%;width:var(--ut-icon-mask-scale);height:var(--ut-icon-mask-scale);transform:translate(-50%,-50%);background:var(--ut-game-icon-mask-color);-webkit-mask-image:var(--ut-game-icon-src);mask-image:var(--ut-game-icon-src);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.ut-game-icon--dock{width:30px;height:30px;border-radius:10px}.ut-game-icon--tiny{width:22px;height:22px;border-radius:8px}.ut-game-icon--toggle{width:30px;height:30px}.ut-game-icon--button{width:28px;height:28px;border-radius:50%}.ut-game-icon--rotate-180{transform:rotate(180deg)}.ut-game-icon--art{width:48px;height:48px;border-radius:14px}.ut-game-icon--album{width:30px;height:30px}.ut-dock-label{font-size:11px;font-weight:700}.ut-dock-indicator{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #f4ecdaf5;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}.ut-dock-button.is-armed .ut-dock-indicator{opacity:1;transform:scale(1)}.ut-dock-button:hover{color:var(--vine-text);transform:none;box-shadow:none}.ut-dock-button.is-active{background:var(--vine-tint-strong);color:var(--vine-text);box-shadow:inset 0 0 0 1.5px #5884368a}.ut-dock-button.is-active .ut-dock-icon{transform:none}.ut-panel-header{position:relative;z-index:6;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 22px 12px;background:linear-gradient(180deg,#f4ecda 0% 72%,#f4ecda00);transition:padding .18s ease,border-color .18s ease}.ut-panel-heading,.ut-panel-actions{position:relative;z-index:9}.ut-panel-heading{display:flex;align-items:center;gap:10px;min-width:0}.ut-panel-header:after{content:"";position:absolute;bottom:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(95,138,58,.45) 18%,rgba(95,138,58,.45) 82%,transparent 100%)}.ut-panel-header.is-condensed{padding:10px 22px 8px}.ut-panel-heading h2{margin:0;font-family:var(--font-title);font-size:28px;font-weight:400;letter-spacing:.03em;line-height:1;transition:font-size .18s ease}.ut-panel-header.is-condensed .ut-panel-heading h2{font-size:22px}.ut-panel-mode{font-size:12px;color:var(--ink-soft)}.ut-panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex-shrink:0;transition:gap .18s ease}.ut-panel-header.is-condensed .ut-panel-actions{gap:6px}.ut-icon-button,.ut-primary-button,.ut-secondary-button,.ut-subtab,.ut-chip,.ut-segmented-option,.ut-confirm-button{border-radius:999px;font-size:13px;font-weight:700;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.ut-icon-button{min-width:34px;min-height:34px;padding:0;display:grid;place-items:center;background:#fffcf0d1;transition:min-width .18s ease,min-height .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.ut-panel-header.is-condensed .ut-icon-button{min-width:28px;min-height:28px}.ut-icon-button i{font-size:13px;transition:font-size .18s ease}.ut-icon-button svg{width:13px;height:13px}.ut-panel-header.is-condensed .ut-icon-button i{font-size:11px}.ut-panel-header.is-condensed .ut-icon-button svg{width:11px;height:11px}.ut-icon-button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.ut-primary-button{border-color:#be8c288c;background:linear-gradient(130deg,#bf8914,#deb030 40%,#e8c040 55%,#c8901a);color:#2a1a04;box-shadow:inset 0 1px #fff0b480,0 5px 20px #aa6e0e61}.ut-secondary-button{background:#fffcf0e0}.ut-button--danger-subtle{color:#9a5345;border-color:#9a53453d;background:#fff0ecd6}.ut-button--danger-subtle:hover{border-color:#9a53455c;background:#ffebe7f5}.ut-section,.ut-section-card,.ut-slider,.ut-toggle-row,.ut-advanced,.ut-control-group{margin-top:14px}.ut-section-card:first-child,.ut-control-group:first-child,.ut-section:first-child{margin-top:4px}.ut-section-title{margin-bottom:10px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#587830}.ut-section-title:before{content:none}.ut-quick-row,.ut-chip-row,.ut-subtabs,.ut-segmented,.ut-panel-actions{display:flex;flex-wrap:wrap}.ut-quick-row{gap:10px}.ut-quick-row--full>*{flex:1 1 100%}.ut-quick-row--spread>*{flex:1 1 120px}.ut-chip-row,.ut-subtabs,.ut-segmented{gap:8px}.ut-chip-row--nowrap,.ut-segmented--single-line{flex-wrap:nowrap}.ut-chip-row--scroll,.ut-segmented--scroll{overflow-x:auto;padding-bottom:2px}.ut-chip-row--fade-right,.ut-segmented--fade-right{padding:16px 18px 16px 16px;margin:-16px 0 -16px -16px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%)}.ut-chip-row--scroll>*,.ut-segmented--scroll>*{flex:0 0 auto}.ut-segmented--terrain-biome{flex-wrap:wrap}.ut-segmented--terrain-biome .ut-segmented-option{flex:1 1 calc(33.333% - 8px)}.ut-chip--compact{padding-inline:12px}.ut-slider{display:grid;gap:10px;padding-bottom:10px}.ut-slider-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}.ut-slider-label-row{display:inline-flex;align-items:center;gap:6px}.ut-slider-value{color:var(--ink-soft)}.ut-info-tooltip{position:relative;display:inline-flex;align-items:center}.ut-info-tooltip-trigger{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(95,138,58,.4);background:var(--panel-soft);color:var(--ink-soft);font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;user-select:none}.ut-info-tooltip-trigger:hover,.ut-info-tooltip.is-open .ut-info-tooltip-trigger{background:var(--panel-strong);color:var(--ink);border-color:#5f8a3ab3}.ut-info-tooltip-bubble{position:fixed;z-index:80;top:-9999px;left:0;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:8px 12px;border-radius:10px;background:var(--panel-strong);border:1.5px solid rgba(95,138,58,.4);box-shadow:inset 0 1px #fffcf0cc,0 12px 28px #040c0440;color:var(--ink);font-size:12px;font-weight:500;line-height:1.35;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}.ut-info-tooltip:hover .ut-info-tooltip-bubble,.ut-info-tooltip.is-open .ut-info-tooltip-bubble,.ut-info-tooltip-trigger:focus-visible+.ut-info-tooltip-bubble{opacity:1;visibility:visible}.ut-info-tooltip-bubble:before{content:"";position:absolute;top:-5px;left:var(--tooltip-arrow-left, 50%);transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--panel-strong);border-top:1.5px solid rgba(95,138,58,.4);border-left:1.5px solid rgba(95,138,58,.4)}.ut-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;accent-color:var(--accent-2);background:linear-gradient(to right,var(--accent-2) 0%,var(--accent-2) var(--pct, 40%),rgba(92,134,56,.22) var(--pct, 40%),rgba(92,134,56,.22) 100%)}.ut-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#eef5df,#c2dc96 42%,#8ab858);border:2px solid rgba(88,132,54,.72);box-shadow:0 3px 10px #0c1c0861;cursor:grab}.ut-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#eef5df,#c2dc96 42%,#8ab858);border:2px solid rgba(88,132,54,.72);box-shadow:0 3px 10px #0c1c0861;cursor:grab}.ut-toggle-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;padding:12px 14px;background:#fffcf0cc}.ut-section-card,.ut-control-group{border:1.5px solid rgba(95,138,58,.2);border-radius:22px;background:#fffcf057;box-shadow:inset 0 0 0 1px #fffcf059,0 10px 26px #0c1c080a;backdrop-filter:blur(10px);padding:16px 16px 18px}.ut-section-card>.ut-section-title:first-child,.ut-control-group>.ut-section-title:first-child{margin-top:0}.ut-section-card>.ut-advanced,.ut-control-group>.ut-advanced{margin-top:12px}.ut-section-card .ut-section-title:not(:first-child),.ut-control-group .ut-section-title:not(:first-child){margin-top:14px}.ut-toggle{position:relative;width:44px;height:26px;border-radius:999px;background:#2c221429}.ut-toggle.is-active{background:#58843680}.ut-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fffcf0;box-shadow:0 2px 6px #0c1c082e;transition:transform .18s ease}.ut-toggle.is-active .ut-toggle-knob{transform:translate(18px)}.ut-card-grid,.ut-asset-grid,.ut-pattern-grid,.ut-icon-toggle-grid,.ut-chip-grid{display:grid;gap:10px}.ut-card-grid,.ut-pattern-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.ut-icon-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ut-asset-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.ut-chip-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.ut-card,.ut-pattern-card,.ut-asset-card,.ut-icon-toggle,.ut-chip--grid{border-radius:18px;padding:14px;text-align:left}.ut-asset-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.ut-chip--grid{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center}.ut-card strong,.ut-pattern-card strong,.ut-asset-card strong{display:block;font-size:13px}.ut-asset-card strong{width:100%;text-align:center}.ut-asset-card .ut-game-icon-label{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.ut-card span,.ut-asset-card span{display:block;margin-top:6px;font-size:12px;color:var(--ink-soft)}.ut-asset-card>span{width:100%;text-align:center}.ut-icon-toggle{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:14px;background:#fffcf0e6}.ut-icon-toggle-emoji,.ut-icon-toggle-check{width:30px;height:30px;display:grid;place-items:center;font-size:18px;line-height:1;flex:0 0 auto;border-radius:8px;border:1px solid rgba(95,138,58,.18);background:#fffcf0b3}.ut-icon-toggle-check{color:var(--vine-text);font-size:17px;font-weight:800}.ut-icon-toggle-label{font-size:12px;font-weight:700;text-align:center}.ut-pattern-thumb{width:100%;aspect-ratio:1.8;margin-bottom:10px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(88,132,54,.2),transparent 50%),#f4ecdacc;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.ut-pattern-thumb svg{width:100%;height:100%}.ut-pattern-svg__strokes{fill:none;stroke:var(--accent-2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ut-pattern-svg__lines{fill:none;stroke:#2c221475;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.ut-pattern-card strong,.ut-pattern-card{text-align:center}.ut-search-wrap{margin-bottom:10px}.ut-search{width:100%;border:1.5px solid rgba(95,138,58,.32);border-radius:14px;padding:12px 14px;font:inherit;background:#fffcf0e6;color:var(--ink)}.ut-search::placeholder{color:var(--ink-faint)}.ut-advanced{border:0;border-radius:18px;overflow:visible;background:transparent}.ut-advanced-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1.5px solid rgba(95,138,58,.2);border-radius:18px;background:#fffcf06b;font:inherit;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ut-advanced-toggle:hover{background:#fffcf08a;border-color:#5f8a3a52;transform:translateY(-1px);box-shadow:0 6px 16px #0c1c0814}.ut-advanced-body{display:none;padding:12px 4px 10px}.ut-advanced.is-open .ut-advanced-body{display:block}.ut-caption,.ut-footer-hint{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--ink-faint);font-style:italic}.ut-version-footer{margin:8px 0 0;font-size:11px;line-height:1.3;color:var(--ink-faint);opacity:.65;text-align:center;letter-spacing:.04em}.ut-fine-tune-divider{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--ink-faint)}.ut-fine-tune-divider:before,.ut-fine-tune-divider:after{content:"";flex:1 1 auto;height:1px;background:#5f8a3a2e}.ut-fine-tune-divider span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ut-confirm-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#0f180a57;backdrop-filter:blur(6px)}.ut-confirm-dialog{width:min(420px,calc(100vw - 32px));padding:20px;border-radius:24px;background:var(--panel-strong);border:2px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1px #fffcee9e,0 24px 56px #040c0447}.ut-confirm-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;color:#a56c11;background:#e1c15b47}.ut-confirm-dialog h3{margin:0;font-family:var(--font-title);font-size:24px;font-weight:400}.ut-confirm-dialog p{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-soft)}.ut-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ut-confirm-button--warning{background:linear-gradient(135deg,#f1c96afa,#ff8f4aeb)}.ut-confirm-button--danger{background:linear-gradient(135deg,#ee7058fa,#ff8f4aeb)}#tweakpane{position:fixed;--tweakpane-margin: 24px;--tweakpane-bottom-gap: 24px;top:calc(var(--tweakpane-margin) + env(safe-area-inset-top,0px));right:var(--tweakpane-margin);min-width:280px;z-index:10;height:auto;overscroll-behavior:contain;touch-action:pan-y;pointer-events:none;max-height:calc(100vh - var(--tweakpane-margin) - env(safe-area-inset-top,0px) - var(--tweakpane-bottom-gap));max-height:calc(100dvh - var(--tweakpane-margin) - env(safe-area-inset-top,0px) - var(--tweakpane-bottom-gap));--tp-base-background-color: rgba(244, 236, 218, .88);--tp-base-shadow-color: rgba(4, 12, 4, .22);--tp-button-background-color: rgba(191, 137, 20, .92);--tp-button-background-color-hover: rgba(201, 147, 24, 1);--tp-button-background-color-active: rgba(174, 125, 18, 1);--tp-button-foreground-color: #2c2214;--tp-container-background-color: rgba(255, 252, 240, .96);--tp-container-background-color-hover: rgba(255, 255, 248, 1);--tp-input-background-color: rgba(255, 252, 240, .92);--tp-input-border-color: rgba(95, 138, 58, .26);--tp-input-foreground-color: #2c2214;--tp-label-foreground-color: rgba(44, 34, 20, .76);--tp-font-family: var(--font-body);--tp-base-radius: 12px;--tp-blade-spacing: 8px}#tweakpane .tp-rotv_t,#tweakpane .tp-fldv_t{font-family:var(--font-header)}#tweakpane .tp-lblv_v input:disabled,#tweakpane .tp-lblv_v input[readonly],#tweakpane .tp-monv_v{color:var(--ink)!important;opacity:1!important;font-weight:600!important}#tweakpane .tp-lblv_v input:disabled{background-color:#fffffff2!important}#tweakpane .tp-rotv{display:flex;flex-direction:column;pointer-events:none}#tweakpane .tp-rotv_t,#tweakpane .tp-rotv_c{pointer-events:auto}#tweakpane .tp-rotv_c{border-radius:16px;border:1.5px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1px #fffcee8c,0 18px 45px #040c0447;flex:0 1 auto;min-height:0;max-height:calc(100vh - var(--tweakpane-margin) - env(safe-area-inset-top,0px) - var(--tweakpane-bottom-gap) - 56px);max-height:calc(100dvh - var(--tweakpane-margin) - env(safe-area-inset-top,0px) - var(--tweakpane-bottom-gap) - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#joystick{position:fixed;left:calc(var(--joystick-safe-left, 24px) + env(safe-area-inset-left,0px));bottom:calc(var(--joystick-safe-bottom, 24px) + env(safe-area-inset-bottom,0px));width:120px;height:120px;border-radius:50%;background:#f4ecdacc;border:2px solid var(--panel-border-strong);box-shadow:inset 0 0 0 1px #fffcee94,0 12px 28px #040c0442;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:25}#joystick-stick{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#eef5df,#c2dc96 42%,#8ab858);border:2px solid rgba(88,132,54,.72);box-shadow:0 8px 18px #0c1c0847;transform:translateZ(0);transition:transform .08s ease-out}#action-jump{position:fixed;right:calc(var(--jump-safe-right, 24px) + env(safe-area-inset-right,0px));bottom:calc(var(--jump-safe-bottom, 24px) + env(safe-area-inset-bottom,0px));width:64px;height:64px;border-radius:50%;border:2px solid var(--panel-border-strong);background:#f4ecdad1;box-shadow:inset 0 0 0 1px #fffcee94,0 12px 28px #040c0442;display:grid;place-items:center;padding:0;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:25;transition:transform .1s ease-out,background .15s ease}#action-jump:active{transform:scale(.9);background:#f4ecdaf0}#action-jump svg{width:28px;height:28px;color:var(--accent-2);transition:transform .25s ease}#action-jump.action-jump--dive svg{transform:rotate(180deg)}body.joystick-dragging,body.joystick-dragging *,body.canvas-gesture-lock,body.canvas-gesture-lock *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}@media (max-width: 900px){#mode-hud{top:12px;left:12px;right:12px}#hud{top:72px;left:16px;max-width:220px}#tweakpane{--tweakpane-margin: 12px;--tweakpane-bottom-gap: 12px;top:calc(var(--tweakpane-margin) + env(safe-area-inset-top,0px));right:var(--tweakpane-margin);min-width:240px}#joystick{--joystick-safe-left: 16px;--joystick-safe-bottom: 16px}}@media (max-width: 700px){#hud{display:none}#mode-hud{gap:8px}.mode-hud-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.mode-hud-left{padding:8px 10px}.mode-hud-history{padding:6px}.mode-hud-right{padding:0}#mode-hud-clear,#mode-hud-undo,#mode-hud-redo,#mode-hud-surface-toggle{width:38px;height:38px;font-size:13px}#tweakpane{--tweakpane-margin: 8px;--tweakpane-bottom-gap: 8px;top:calc(var(--tweakpane-margin) + env(safe-area-inset-top,0px));right:var(--tweakpane-margin);bottom:0;height:auto;max-height:calc(100svh - var(--tweakpane-margin) - env(safe-area-inset-top,0px) - 2px);max-height:calc(100dvh - var(--tweakpane-margin) - env(safe-area-inset-top,0px) - 2px)}#pickup-toast,#status-toast{max-width:min(320px,calc(100vw - 24px));font-size:12px}}@media (max-width: 1023px){#tweakpane{z-index:24}.ut-panel-heading h2{font-size:24px}.ut-panel-header,.ut-panel-heading h2,.ut-panel-actions,.ut-icon-button,.ut-icon-button i{transition:none}}@keyframes floatIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.oottm-vc{position:absolute;width:76px;height:76px;pointer-events:none;z-index:8}.oottm-vc svg{width:100%;height:100%}.oottm-vc--tl{top:-3px;left:-3px}.oottm-vc--tr{top:-3px;right:-3px;transform:scaleX(-1)}.oottm-vc--bl{bottom:-3px;left:-3px;transform:scaleY(-1)}.oottm-vc--br{right:-3px;bottom:-3px;transform:scale(-1)}.ut-now-playing{display:flex;gap:12px;align-items:center;padding:8px 4px 4px}.ut-now-playing-art{width:72px;height:72px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff14,0 4px 12px #00000040}.ut-now-playing-emoji{font-size:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.ut-now-playing-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ut-now-playing-title{font-size:14px;line-height:1.2;overflow:hidden;display:block;width:100%}.ut-now-playing-title-inner{display:inline-flex;gap:48px;align-items:center;white-space:nowrap;max-width:100%;vertical-align:bottom;will-change:transform}.ut-now-playing-title-copy{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ut-now-playing-title-copy--clone{display:none}.ut-now-playing-title-inner.is-marquee{max-width:none;animation:ut-title-marquee var(--marquee-duration, 12s) linear infinite}.ut-now-playing-title-inner.is-marquee .ut-now-playing-title-copy{max-width:none;text-overflow:clip;overflow:visible}.ut-now-playing-title-inner.is-marquee .ut-now-playing-title-copy--clone{display:inline-block}@keyframes ut-title-marquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-distance, 0px)))}}.ut-now-playing-album{font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ut-scrub{padding:4px 4px 8px;display:flex;flex-direction:column;gap:2px}.ut-scrub-input{width:100%}.ut-scrub-times{display:flex;justify-content:space-between;font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}.ut-transport{display:flex;gap:12px;align-items:center;justify-content:center;padding:4px 0}.ut-transport-button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s}.ut-transport-button:hover{background:#ffffff1f}.ut-transport-button:active{transform:scale(.94)}.ut-transport-button--primary{width:56px;height:56px;font-size:22px;background:#ffffff29;border-color:#ffffff47}.ut-music-mode-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ut-music-mode-row>.ut-toggle-row{flex:1 1 170px;min-height:48px;box-sizing:border-box}.ut-music-mode-row>.ut-loop-button-wrap,.ut-music-mode-row>.ut-toggle-with-tooltip{flex:1 1 170px;display:flex;align-items:center;gap:4px;min-width:0}.ut-music-mode-row>.ut-toggle-with-tooltip>.ut-toggle-row,.ut-music-mode-row>.ut-toggle-row{flex:1;height:48px;min-height:48px;margin-top:0;box-sizing:border-box;min-width:0}.ut-music-mode-row .ut-toggle{flex:0 0 auto}.ut-loop-button-wrap{display:flex;align-items:center;gap:4px;min-width:0}.ut-loop-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 14px;border-radius:16px;border:1.5px solid rgba(95,138,58,.2);background:#fffcf0cc;color:inherit;cursor:pointer;font-size:14px;font-weight:600;box-sizing:border-box;transition:background .15s,border-color .15s}.ut-loop-button:hover{background:#f7f0dcf2}.ut-loop-button--queue,.ut-loop-button--track{background:var(--vine-tint);border-color:#5884368a;color:var(--vine-text);box-shadow:inset 0 0 0 1px #58843626}.ut-loop-button-icon{font-size:16px}.ut-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.ut-album-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:96px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .15s,box-shadow .15s}.ut-album-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000059}.ut-album-card.is-active{outline:2px solid rgba(255,255,255,.7);outline-offset:-2px}.ut-album-card.is-playing:after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:2px;background:#ffffffe6;border-radius:2px;animation:ut-album-pulse 1.6s ease-in-out infinite}@keyframes ut-album-pulse{0%,to{opacity:.3}50%{opacity:1}}.ut-album-emoji{position:absolute;top:8px;left:10px;font-size:22px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ut-album-name{font-size:13px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ut-album-count{font-size:10px;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ut-album-check{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.ut-album-card.is-active .ut-album-check{background:#ffffffd9;color:#000000d9}.ut-track-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.ut-track-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:12px}.ut-track-row:hover{background:#ffffff0f}.ut-track-row.is-active{background:#78b4ff2e}.ut-track-row-index{opacity:.5;font-variant-numeric:tabular-nums;text-align:right}.ut-track-row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ut-track-row-album{opacity:.6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}