:root{--ink:#e9ebec;--muted:#777c80;--faint:#4e5357;--border:#292d30;--border-strong:#3a3f43;--surface:#111315;--surface-raised:#171a1c;--surface-deep:#0b0d0e;--accent:#ff5c35;--green:#79e08f}*{box-sizing:border-box}html,body{background:var(--surface-deep);width:100%;min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-display), sans-serif;overflow:hidden}button,select,textarea{font:inherit}button,select{color:inherit}button{background:0 0;border:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--surface);width:100vw;height:100dvh;min-height:620px;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-rows:62px minmax(0,1fr);display:grid}.app-shell[data-theme=light]{--ink:#24282b;--muted:#6d7479;--faint:#9aa0a4;--border:#d9dde0;--border-strong:#c5cacf;--surface:#f6f7f7;--surface-raised:#eef0f1;--surface-deep:#e5e8ea;--accent:#e84e2b;--green:#188746;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.topbar{border-bottom:1px solid var(--border-strong);background:#141719;justify-content:space-between;align-items:center;padding:0 18px 0 22px;display:flex}.brand,.topbar-actions,.preview-title,.performance,.memory-label,.diagnostic-message,.auto-toggle{align-items:center;display:flex}.brand{gap:13px;height:100%}.brand-mark{gap:3px;width:20px;display:grid;position:relative}.brand-mark i{background:var(--ink);height:3px;display:block}.brand-mark i:first-child{width:12px}.brand-mark i:nth-child(2){width:16px;margin-left:2px}.brand-mark i:nth-child(3){background:var(--accent);width:20px;margin-left:4px}.brand-name{letter-spacing:.085em;font-size:15px;font-weight:700}.brand-name span{color:var(--accent);margin:0 1px}.topbar-actions{gap:8px}.icon-button,.theme-button,.reference-button,.pause-button,.run-button{border:1px solid var(--border-strong);cursor:pointer;background:0 0;height:34px;transition:border-color .12s,background .12s}.icon-button:hover,.theme-button:hover,.reference-button:hover,.pause-button:hover{background:#202427;border-color:#60666a}.icon-button{width:36px;font-family:var(--font-mono), monospace}.theme-button{color:#aeb3b6;place-items:center;width:36px;padding:0;display:grid}.theme-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.reference-button{color:#aeb3b6;font-family:var(--font-mono), monospace;letter-spacing:.09em;align-items:center;gap:9px;padding:0 10px;font-size:8px;font-weight:650;display:flex}.reference-button kbd{border-left:1px solid var(--border-strong);color:#6f7579;font:inherit;letter-spacing:0;padding-left:9px}.restart-icon{font-size:20px;line-height:1}.pause-button,.run-button{letter-spacing:.09em;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.run-button{border-color:var(--accent);background:var(--accent);color:#130d0b;min-width:114px}.run-button:hover{background:#ff7656}.run-button kbd{border-left:1px solid #140d0a4d;justify-content:center;align-self:center;align-items:center;gap:2px;height:16px;margin-left:4px;padding-left:9px;display:inline-flex}.run-shortcut-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:9px;height:9px}.play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;display:inline-block}.pause-icon{border-left:3px solid;border-right:3px solid;width:8px;height:10px;display:inline-block}.workbench{grid-template-columns:205px minmax(360px,40%) minmax(0,1fr);min-height:0;display:grid}.examples-sidebar{border-right:1px solid var(--border-strong);color:#aeb3b6;min-width:0;min-height:0;font-family:var(--font-mono), monospace;background:#141719;grid-template-rows:42px minmax(0,1fr);display:grid}.mobile-explorer-bar,.mobile-file-trigger,.mobile-add-button{display:none}.sidebar-header,.folder-label{align-items:center;display:flex}.sidebar-header{border-bottom:1px solid var(--border);color:#858b8e;letter-spacing:.12em;justify-content:space-between;padding:0 13px 0 15px;font-size:8px}.sidebar-add-button{color:#858b8e;width:26px;height:26px;font-family:var(--font-mono), monospace;cursor:pointer;border:1px solid #0000;place-items:center;font-size:17px;line-height:1;display:grid}.sidebar-add-button:hover{border-color:var(--border-strong);color:var(--ink);background:#202427}.sidebar-add-button:disabled,.mobile-add-button:disabled{opacity:.35;cursor:wait}.tree-chevron{border-bottom:1px solid #858b8e;border-right:1px solid #858b8e;flex:none;width:6px;height:6px;transform:rotate(45deg)translateY(-2px)}.sidebar-folders{min-height:0;overflow-y:auto}.sidebar-folder{min-width:0}.folder-label{color:#8f9598;gap:7px;height:30px;padding:0 11px 0 14px;font-size:10px}.folder-icon{border:1px solid #7f8589;border-radius:1px;width:13px;height:9px;margin-left:2px;position:relative}.folder-icon:before{content:"";border:1px solid #7f8589;border-bottom:0;border-radius:1px 1px 0 0;width:6px;height:3px;position:absolute;top:-4px;left:-1px}.sidebar-files{align-content:start;display:grid}.sidebar-empty{color:#555b5e;letter-spacing:.05em;padding:8px 12px 10px 46px;font-size:7px;line-height:1.5}.sidebar-file{color:#92989b;text-align:left;cursor:pointer;background:0 0;border-left:2px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;width:100%;height:31px;padding:0 10px 0 46px;font-family:inherit;font-size:10px;display:grid;position:relative}.sidebar-file:hover{color:#d1d4d6;background:#1c2022}.sidebar-file:focus-visible{outline-offset:-1px;outline:1px solid #60666a}.sidebar-file.active{border-left-color:var(--accent);color:#f0f2f3;background:#24282b}.sidebar-file>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-file b{color:#e9ae67;font-size:8px;font-weight:600}.sidebar-local-row{min-width:0;position:relative}.local-file-select{padding-right:10px}.sidebar-local-row.persisted:hover .local-file-select,.sidebar-local-row.persisted.active .local-file-select,.sidebar-local-row.persisted:focus-within .local-file-select{padding-right:58px}.sidebar-local-row.shared:hover .local-file-select,.sidebar-local-row.shared.active .local-file-select,.sidebar-local-row.shared:focus-within .local-file-select{padding-right:34px}.local-file-actions{opacity:0;gap:2px;transition:opacity .1s;display:flex;position:absolute;top:4px;right:5px}.sidebar-local-row:hover .local-file-actions,.sidebar-local-row.active .local-file-actions,.sidebar-local-row:focus-within .local-file-actions{opacity:1}.local-file-actions button,.local-rename-form button{color:#737a7e;width:22px;height:22px;font-family:var(--font-mono), monospace;cursor:pointer;border:1px solid #0000;place-items:center;font-size:12px;line-height:1;display:grid}.local-file-actions button:hover,.local-rename-form button:hover{border-color:var(--border-strong);color:var(--ink);background:#303538}.local-file-actions button:disabled{opacity:.35;cursor:wait}.shared-file-name{align-items:center;gap:7px;display:flex}.shared-file-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 7px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;flex:none}.local-rename-form{border-left:2px solid var(--accent);background:#24282b;grid-template-columns:minmax(0,1fr) 22px 22px;align-items:center;gap:4px;min-height:31px;padding:0 4px 0 46px;display:grid}.local-rename-form input{width:100%;min-width:0;height:22px;color:var(--ink);font-family:var(--font-mono), monospace;background:#0f1112;border:1px solid #555c60;outline:0;padding:0 5px;font-size:10px}.local-rename-form input:focus{border-color:#778086}.local-rename-form input[aria-invalid=true]{border-color:var(--accent)}.local-rename-error{color:var(--accent);letter-spacing:.04em;background:#24282b;padding:2px 5px 5px 48px;font-size:7px;display:block}.share-message{z-index:60;border:1px solid var(--border-strong);background:var(--surface-raised);min-height:34px;color:var(--ink);font-family:var(--font-mono), monospace;letter-spacing:.08em;align-items:center;gap:9px;padding:0 12px;font-size:8px;font-weight:650;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #00000047}.share-message span{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--green) 55%, transparent);border-radius:50%}.word-hover{z-index:55;border:1px solid var(--border-strong);background:var(--surface-raised);width:min(330px,100vw - 20px);color:var(--ink);font-family:var(--font-mono), monospace;pointer-events:none;position:fixed;overflow:hidden;box-shadow:0 14px 35px #00000061}.word-hover header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:0 10px;display:flex}.word-hover header span{color:var(--accent);letter-spacing:.11em;font-size:7px;font-weight:700}.word-hover header strong{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.word-hover pre{max-height:220px;color:var(--ink);white-space:pre-wrap;margin:0;padding:10px 12px 12px;font-size:9px;line-height:1.65;overflow:hidden}.word-hover-reference{gap:7px;padding:10px 12px 12px;display:grid}.word-hover-reference code{color:var(--green);font-size:9px}.word-hover-reference p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.editor-panel,.preview-panel{grid-template-rows:42px minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-panel{border-right:1px solid var(--border-strong);grid-template-rows:42px minmax(0,1fr) 43px}.panel-bar{border-bottom:1px solid var(--border);background:var(--surface-raised);justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;display:flex}.tabs{align-self:stretch;gap:20px;display:flex}.tabs button{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.1em;cursor:pointer;background:0 0;padding:1px 2px 0;font-size:10px;font-weight:650;position:relative}.tabs button.active{color:var(--ink)}.tabs button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel-file-meta{justify-content:flex-end;align-items:center;gap:11px;min-width:0;display:flex}.panel-share-button{height:26px;color:var(--faint);font-family:var(--font-mono), monospace;letter-spacing:.1em;cursor:pointer;flex:none;align-items:center;gap:5px;padding:0 6px;font-size:8px;font-weight:650;display:flex}.panel-share-button span{font-size:11px;line-height:1}.panel-share-button:hover,.panel-share-button:focus-visible{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.panel-share-button:focus-visible{outline:1px solid var(--border-strong);outline-offset:-1px}.memory-label{min-width:0;color:var(--faint);font-family:var(--font-mono), monospace;letter-spacing:.13em;text-overflow:ellipsis;white-space:nowrap;gap:7px;font-size:8px;overflow:hidden}.memory-label span{background:var(--green);border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 8px #79e08fa6}.editor-wrap{background:#101214;grid-template-columns:51px minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.line-numbers{color:#4d5255;min-height:100%;font-family:var(--font-mono), monospace;-webkit-user-select:none;user-select:none;border-right:1px solid #202326;flex-direction:column;align-items:flex-end;padding:20px 13px 22px 0;font-size:12px;line-height:1.8;display:flex;overflow:hidden}.line-numbers span{height:21.6px}.line-numbers .error-line{color:var(--accent)}.source-editor{z-index:1;resize:none;color:#0000;caret-color:#f3f5f6;-webkit-text-fill-color:transparent;width:100%;height:100%;min-height:0;font-family:var(--font-mono), monospace;tab-size:2;white-space:pre;background:0 0;border:0;outline:0;grid-area:1/2;padding:20px 24px 22px 20px;font-size:12px;font-weight:430;line-height:1.8;position:relative;overflow:auto}.source-editor::selection{color:#0000;-webkit-text-fill-color:transparent;background:#4674c680}.source-highlight{z-index:0;color:#d6d9db;width:100%;height:100%;min-height:0;font-family:var(--font-mono), monospace;tab-size:2;white-space:pre;pointer-events:none;background:0 0;grid-area:1/2;margin:0;padding:20px 24px 22px 20px;font-size:12px;font-weight:430;line-height:1.8;overflow:hidden}.source-highlight code{color:inherit;font:inherit}.syntax-comment{color:#687278}.syntax-structure{color:#ff6a47;font-weight:700}.syntax-definition{color:#f3f5f6;font-weight:700}.syntax-local{color:#8cc8ff;font-weight:600}.syntax-effect{color:#7fda9a}.syntax-number{color:#e9ae67}.syntax-input{color:#6dcfe1}.syntax-stack{color:#c6a7f2}.syntax-constructor{color:#7fda9a}.syntax-math{color:#e5d477}.syntax-color{color:#ff8fb5}.syntax-swizzle{color:#82b8f0}.syntax-user-word{color:#f1a36f}.glsl-output{color:#aeb9bf;width:100%;height:100%;font-family:var(--font-mono), monospace;white-space:pre-wrap;grid-column:1/-1;margin:0;padding:20px 24px;font-size:11px;line-height:1.65;overflow:auto}.diagnostic{border-top:1px solid var(--border);min-width:0;font-family:var(--font-mono), monospace;background:#151819;justify-content:space-between;align-items:center;padding:0 14px;font-size:9px;display:flex}.diagnostic-message{gap:8px;min-width:0}.diagnostic-message strong{letter-spacing:.1em;font-size:9px}.diagnostic-message>span:last-child{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-light{border-radius:50%;flex:none;width:6px;height:6px}.healthy .status-light{background:var(--green);box-shadow:0 0 9px #79e08fb3}.healthy strong{color:var(--green)}.unhealthy .status-light{background:var(--accent);box-shadow:0 0 9px #ff5c3599}.unhealthy strong{color:var(--accent)}.auto-toggle{color:var(--muted);letter-spacing:.09em;cursor:pointer;flex:none;gap:8px;font-size:8px}.auto-toggle input{opacity:0;pointer-events:none;position:absolute}.auto-toggle i{background:#0b0d0e;border:1px solid #484d50;border-radius:8px;width:25px;height:13px;position:relative}.auto-toggle i:after{content:"";background:#686d71;border-radius:50%;width:7px;height:7px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.auto-toggle input:checked+i:after{background:var(--green);transform:translate(12px)}.preview-bar{padding-left:16px}.preview-title{color:#9ea3a6;font-family:var(--font-mono), monospace;letter-spacing:.1em;gap:8px;font-size:9px}.preview-title i{background:var(--faint);border-radius:50%;width:3px;height:3px}.performance{font-family:var(--font-mono), monospace;letter-spacing:.09em;align-self:stretch;gap:0;font-size:8px}.performance span{border-left:1px solid var(--border);color:var(--muted);align-self:stretch;place-items:center;padding:0 12px;display:grid}.performance span:first-child{color:var(--green)}.canvas-frame{background-color:#050709;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;min-width:0;min-height:0;position:relative;overflow:hidden}.shader-canvas{cursor:crosshair;width:100%;height:100%;display:block}.embed-shell{width:100vw;height:100dvh;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050709;position:relative;overflow:hidden}.embed-status{color:#aeb3b6;width:100%;height:100%;font-family:var(--font-mono), monospace;text-align:center;place-items:center;padding:24px;font-size:11px;line-height:1.5;display:grid}.embed-status-overlay{background:#050709e0;position:absolute;inset:0}.embed-paused{color:#e9ebec}.canvas-error{width:100%;height:100%;color:var(--faint);font-family:var(--font-mono), monospace;letter-spacing:.12em;place-items:center;font-size:9px;display:grid}.corner-label{color:#ffffff47;font-family:var(--font-mono), monospace;pointer-events:none;font-size:8px;position:absolute}.corner-label:before,.corner-label:after{content:"";background:#ffffff29;position:absolute}.top-left{padding:7px 0 0 8px;top:12px;left:14px}.top-left:before{width:1px;height:15px;top:0;left:0}.top-left:after{width:15px;height:1px;top:0;left:0}.bottom-right{padding:0 8px 7px 0;bottom:12px;right:14px}.bottom-right:before{width:1px;height:15px;bottom:0;right:0}.bottom-right:after{width:15px;height:1px;bottom:0;right:0}.paused-badge{color:var(--ink);font-family:var(--font-mono), monospace;letter-spacing:.11em;background:#080a0bd1;border:1px solid #ffffff2e;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-confirmation-backdrop{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040607ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.delete-confirmation{border:1px solid var(--border-strong);background:var(--surface-raised);width:min(390px,100%);padding:24px;box-shadow:0 24px 70px #00000061}.delete-confirmation-label{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.13em;font-size:8px}.delete-confirmation h2{letter-spacing:.07em;margin:7px 0 12px;font-size:17px}.delete-confirmation p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.delete-confirmation code{color:var(--ink);font-family:var(--font-mono), monospace}.delete-confirmation-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.delete-confirmation-actions button{border:1px solid var(--border-strong);min-width:82px;height:34px;color:var(--ink);font-family:var(--font-mono), monospace;letter-spacing:.08em;cursor:pointer;padding:0 12px;font-size:9px;font-weight:700}.delete-confirmation-actions button:hover{background:var(--surface-deep)}.delete-confirmation-actions .confirm-delete-button{border-color:var(--accent);background:var(--accent);color:#130d0b}.delete-confirmation-actions .confirm-delete-button:hover{background:#ff7656}.reference-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040607c7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.reference-modal{background:#121517;border:1px solid #4a5054;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(940px,100%);max-height:min(820px,100dvh - 56px);display:grid;box-shadow:0 24px 80px #0000008c}.reference-modal-header{border-bottom:1px solid var(--border-strong);background:#181b1d;justify-content:space-between;align-items:center;min-height:70px;padding:0 20px 0 24px;display:flex}.reference-modal-header>div{flex-direction:column;gap:6px;display:flex}.reference-modal-header span,.reference-group h3{color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.13em;font-size:8px}.reference-modal-header h2{letter-spacing:.07em;margin:0;font-size:17px}.reference-close{border:1px solid var(--border-strong);cursor:pointer;background:0 0;align-items:center;gap:12px;height:34px;padding:0 9px 0 11px;display:flex}.reference-close:hover,.reference-close:focus-visible{background:#222628;border-color:#70767a;outline:0}.reference-close span{color:#747a7e;font-size:7px}.reference-close b{color:#d8dbdc;font-family:var(--font-mono), monospace;font-size:19px;font-weight:400;line-height:1}.reference-intro{border-bottom:1px solid var(--border);background:#0e1012;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;padding:16px 24px;display:grid}.reference-intro>code{color:#ff9a78;font-family:var(--font-mono), monospace;font-size:11px}.reference-intro p{color:#858b8f;margin:0;font-size:11px;line-height:1.55}.reference-intro p code{color:#c8ccce;font-family:var(--font-mono), monospace}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;display:grid;overflow-y:auto}.reference-group{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;padding:20px 24px 22px}.reference-group:nth-child(2n){border-right:0}.reference-group h3{margin:0 0 14px}.reference-rows{display:grid}.reference-row{border-top:1px solid #202427;grid-template-columns:110px 145px minmax(0,1fr);align-items:baseline;gap:8px;min-height:27px;padding:5px 0;display:grid}.reference-row code{color:#d9dcde;font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.reference-row code:nth-child(2){color:#7fda9a}.reference-row span{color:#747a7e;font-size:9px;line-height:1.35}.reference-modal-footer{border-top:1px solid var(--border-strong);color:#686e72;min-height:46px;font-family:var(--font-mono), monospace;align-items:center;gap:24px;padding:0 24px;font-size:8px;display:flex}.reference-modal-footer span:first-child{margin-right:auto}.reference-modal-footer code,.reference-modal-footer kbd{color:#c3c7c9;font:inherit}.app-shell[data-theme=light] .topbar,.app-shell[data-theme=light] .examples-sidebar{background:#f1f3f4}.app-shell[data-theme=light] .examples-sidebar,.app-shell[data-theme=light] .reference-button,.app-shell[data-theme=light] .theme-button{color:#4f575c}.app-shell[data-theme=light] .icon-button:hover,.app-shell[data-theme=light] .theme-button:hover,.app-shell[data-theme=light] .reference-button:hover,.app-shell[data-theme=light] .pause-button:hover{background:#e2e6e8;border-color:#969da2}.app-shell[data-theme=light] .reference-button kbd{color:#747b80}.app-shell[data-theme=light] .sidebar-header,.app-shell[data-theme=light] .sidebar-add-button{color:#70777c}.app-shell[data-theme=light] .sidebar-add-button:hover{color:#24282b;background:#e2e6e8}.app-shell[data-theme=light] .sidebar-file:hover{color:#30363a}.app-shell[data-theme=light] .tree-chevron{border-color:#747b80}.app-shell[data-theme=light] .folder-label,.app-shell[data-theme=light] .sidebar-file{color:#626a6f}.app-shell[data-theme=light] .sidebar-empty{color:#91989c}.app-shell[data-theme=light] .folder-icon,.app-shell[data-theme=light] .folder-icon:before{border-color:#7d858a}.app-shell[data-theme=light] .sidebar-file:hover{background:#e6e9eb}.app-shell[data-theme=light] .sidebar-file:focus-visible{outline-color:#8d959a}.app-shell[data-theme=light] .sidebar-file.active{color:#202528;background:#dde2e5}.app-shell[data-theme=light] .local-file-actions button,.app-shell[data-theme=light] .local-rename-form button{color:#687075}.app-shell[data-theme=light] .local-file-actions button:hover,.app-shell[data-theme=light] .local-rename-form button:hover{color:#202528;background:#cfd5d8}.app-shell[data-theme=light] .local-rename-form,.app-shell[data-theme=light] .local-rename-error{background:#dde2e5}.app-shell[data-theme=light] .local-rename-form input{color:#24282b;background:#fff;border-color:#aab1b5}.app-shell[data-theme=light] .editor-wrap{background:#fbfcfc}.app-shell[data-theme=light] .line-numbers{color:#a1a7ab;border-right-color:#e2e5e7}.app-shell[data-theme=light] .source-editor{caret-color:#22272a}.app-shell[data-theme=light] .source-editor::selection{background:#2d62b438}.app-shell[data-theme=light] .source-highlight{color:#292e31}.app-shell[data-theme=light] .syntax-comment{color:#7b8388}.app-shell[data-theme=light] .syntax-structure{color:#cf3f20}.app-shell[data-theme=light] .syntax-definition{color:#1e2326}.app-shell[data-theme=light] .syntax-local{color:#176ba9}.app-shell[data-theme=light] .syntax-effect,.app-shell[data-theme=light] .syntax-constructor{color:#18783d}.app-shell[data-theme=light] .syntax-number{color:#995b00}.app-shell[data-theme=light] .syntax-input{color:#087c8f}.app-shell[data-theme=light] .syntax-stack{color:#7654a5}.app-shell[data-theme=light] .syntax-math{color:#7e6d00}.app-shell[data-theme=light] .syntax-color{color:#b83268}.app-shell[data-theme=light] .syntax-swizzle{color:#296ca8}.app-shell[data-theme=light] .syntax-user-word{color:#aa4f18}.app-shell[data-theme=light] .glsl-output{color:#465158}.app-shell[data-theme=light] .diagnostic{background:#f1f3f4}.app-shell[data-theme=light] .auto-toggle i{background:#d9dde0;border-color:#aeb4b8}.app-shell[data-theme=light] .auto-toggle i:after{background:#858c91}.app-shell[data-theme=light] .preview-title{color:#626a6f}.app-shell[data-theme=light] .paused-badge{color:#f2f4f5}.app-shell[data-theme=light] .reference-modal{background:#f7f8f8;border-color:#b8bec2;box-shadow:0 24px 80px #1b21243d}.app-shell[data-theme=light] .reference-modal-header{background:#eceff0}.app-shell[data-theme=light] .reference-close:hover{background:#dfe3e5;border-color:#8e969b}.app-shell[data-theme=light] .reference-close span,.app-shell[data-theme=light] .reference-row span,.app-shell[data-theme=light] .reference-modal-footer{color:#697176}.app-shell[data-theme=light] .reference-close b,.app-shell[data-theme=light] .reference-row code,.app-shell[data-theme=light] .reference-modal-footer code,.app-shell[data-theme=light] .reference-modal-footer kbd{color:#30363a}.app-shell[data-theme=light] .reference-intro{background:#fafbfb}.app-shell[data-theme=light] .reference-intro>code{color:#c84525}.app-shell[data-theme=light] .reference-intro p{color:#626a6f}.app-shell[data-theme=light] .reference-intro p code{color:#343a3e}.app-shell[data-theme=light] .reference-row{border-top-color:#e2e5e7}.app-shell[data-theme=light] .reference-row code:nth-child(2){color:#18783d}.app-shell[data-theme=light] .mobile-file-trigger{color:#30363a}.app-shell[data-theme=light] .mobile-add-button{color:#4f575c}.app-shell[data-theme=light] .mobile-add-button:hover,.app-shell[data-theme=light] .mobile-file-trigger:hover,.app-shell[data-theme=light] .mobile-file-trigger[aria-expanded=true]{background:#e2e6e8}.app-shell[data-theme=light] .mobile-file-path small{color:#747b80}.app-shell[data-theme=light] .mobile-file-chevron{border-color:#747b80}.app-shell[data-theme=light] .sidebar-folders{background:#f1f3f4}@media (width<=840px){body{overflow:auto}.app-shell{grid-template-rows:auto auto;height:auto;min-height:100dvh}.topbar{min-height:62px}.reference-button span,.reference-button kbd,.pause-button span,.run-button kbd{display:none}.pause-button{width:36px;padding:0}.run-button{min-width:74px}.reference-button{width:36px;padding:0}.reference-button:after{content:"?";margin:auto;font-size:12px}.workbench{grid-template-columns:1fr}.examples-sidebar{border-right:0;border-bottom:1px solid var(--border-strong);min-width:0;display:block;position:relative}.mobile-explorer-bar{grid-template-columns:minmax(0,1fr) 48px;height:48px;display:grid}.mobile-file-trigger{color:#dadddf;width:100%;height:48px;font-family:var(--font-mono), monospace;text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:8px;padding:0 14px;display:grid}.mobile-add-button{border-left:1px solid var(--border);color:#aeb3b6;width:48px;height:48px;font-family:var(--font-mono), monospace;cursor:pointer;place-items:center;font-size:20px;line-height:1;display:grid}.mobile-add-button:hover,.mobile-file-trigger:hover,.mobile-file-trigger[aria-expanded=true]{background:#1b1e20}.mobile-file-trigger>b{color:#e9ae67;font-size:8px}.mobile-file-path{align-items:baseline;gap:7px;min-width:0;display:flex}.mobile-file-path small{color:#73797c;flex:none;font-size:8px}.mobile-file-path strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.mobile-file-chevron{border-bottom:1px solid #8f9598;border-right:1px solid #8f9598;width:8px;height:8px;transition:transform .12s;transform:rotate(45deg)translate(-2px,-2px)}.mobile-open .mobile-file-chevron{transform:rotate(225deg)translate(-1px,-1px)}.sidebar-header{display:none}.sidebar-folders{z-index:20;border-top:1px solid var(--border);border-bottom:1px solid var(--border-strong);background:#141719;gap:14px;max-height:calc(100dvh - 126px);padding:13px;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 18px 35px #0000007a}.mobile-open .sidebar-folders{display:grid}.sidebar-folder{min-width:0}.folder-label{color:#b3b8bb;letter-spacing:.08em;text-transform:uppercase;height:26px;padding:0 2px;font-size:10px}.folder-label .tree-chevron,.folder-label .folder-icon{display:none}.sidebar-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;display:grid}.sidebar-file{border:1px solid var(--border);width:100%;min-width:0;height:38px;padding:0 9px}.sidebar-file.active{border-color:var(--accent);background:#24282b}.sidebar-local-row{width:100%}.local-file-actions{opacity:1}.sidebar-local-row.persisted .local-file-select{padding-right:58px}.sidebar-local-row.shared .local-file-select{padding-right:34px}.local-rename-form{padding-left:9px}.local-rename-error{padding-left:11px}.editor-panel{border-right:0;border-bottom:1px solid var(--border-strong);height:58dvh;min-height:470px}.preview-panel{height:52dvh;min-height:370px}.reference-modal{max-height:calc(100dvh - 32px)}.reference-grid{grid-template-columns:1fr}.reference-group,.reference-group:nth-child(2n){border-right:0}.reference-intro{grid-template-columns:1fr;gap:8px}}@media (width<=480px){.topbar{padding:0 11px 0 14px}.brand{gap:9px}.brand-name{font-size:12px}.topbar-actions{gap:5px}.icon-button{display:none}.editor-panel{min-height:500px}.reference-backdrop{padding:8px}.reference-modal{max-height:calc(100dvh - 16px)}.reference-modal-header,.reference-intro,.reference-group{padding-left:15px;padding-right:15px}.reference-row{grid-template-columns:94px 124px minmax(0,1fr)}.reference-row span{display:none}.reference-modal-footer{gap:13px;padding:0 15px}.reference-modal-footer span:first-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}