*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#d7ccb9;--bg-deep:#c8b99f;--bg-elevated:#e4d8c6;--surface:#f3eadc;--surface-2:#ebdfce;--surface-3:#e1d3bf;--surface-4:#d5c4ad;--text:#182118;--text-soft:#334338;--text-faint:#667467;--primary:#45634f;--primary-strong:#2f4938;--primary-soft:#6f8a78;--accent:#b97343;--accent-strong:#8f562f;--accent-soft:#e8cfbc;--brown:#735a42;--brown-soft:#947458;--moss:#758a66;--sage:#97a68d;--teal:#5f847d;--border:#c5b39b;--border-strong:#a78f71;--divider:#d0c0aa;--success:#3f6e4a;--danger:#a24f41;--warning:#97672f;--shadow-sm:0 4px 14px #30241814;--shadow-md:0 14px 34px #3024181f;--shadow-lg:0 24px 52px #30241829;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--editor-bg:#f6eee1;--editor-gutter:#e7dbc8;--editor-text:#141914;--editor-muted:#596757;--editor-line:#45634f17;--editor-selection:#b9734333;--editor-caret:#8f562f;--editor-tooltip-bg:#faf3e8;--editor-tooltip-text:#182019}html,body,#root{width:100%;height:100%;color:var(--text);overscroll-behavior:none;background:radial-gradient(circle at 100% 0,#b973431a,#0000 24%),radial-gradient(circle at 0 0,#45634f24,#0000 28%),linear-gradient(#ddd1be 0%,#cfbea7 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:auto}.app-shell{background:0 0;flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.panel-label{letter-spacing:.09em;text-transform:uppercase;color:var(--primary-strong);margin-bottom:4px;font-size:10px;font-weight:800}.panel-placeholder,.empty-state{padding:16px}.panel-placeholder p,.empty-state p{color:var(--text-soft);line-height:1.6}.empty-state h2{color:var(--text);margin-bottom:10px;font-size:24px}.empty-state ul{color:var(--text-soft);margin-top:14px;padding-left:20px}.empty-state li+li{margin-top:8px}.error-text{color:var(--danger);margin-top:8px}.compact-panel-header{min-height:44px}.toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:34px;box-shadow:var(--shadow-sm);background:linear-gradient(#375240f5,#2b4133f5);border-bottom:1px solid #cdba9f73;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;display:flex}.toolbar-left{flex-direction:column;gap:1px;min-width:0;display:flex}.toolbar-title{letter-spacing:.02em;font-size:11px;font-weight:800}.toolbar-subtitle{color:#ede5d6d6;font-size:9px}.toolbar-actions{flex-wrap:wrap;gap:4px;display:flex}.toolbar-actions button,.reference-action-button,.sidebar-inline-actions button,.sidebar-mini-button,.sidebar-danger-button,.confirm-modal-actions button,.terminal-console-clear,.editor-run-button{appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;transition:transform .15s,box-shadow .15s,background .18s,border-color .18s,color .18s,opacity .18s}.toolbar-actions button{color:#213126;background:linear-gradient(#f2e7d7,#e4d3bc);border-color:#7c614957;min-height:24px;padding:3px 7px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #1b161114}.toolbar-actions button:hover,.reference-action-button:hover,.sidebar-inline-actions button:hover,.sidebar-mini-button:hover,.sidebar-danger-button:hover,.confirm-modal-actions button:hover,.terminal-console-clear:hover,.editor-run-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.toolbar-actions button:hover{background:linear-gradient(#f7eddf,#e9d8c3)}.toolbar-actions button:focus-visible,.reference-action-button:focus-visible,.sidebar-inline-actions button:focus-visible,.sidebar-mini-button:focus-visible,.sidebar-danger-button:focus-visible,.confirm-modal-actions button:focus-visible,.terminal-console-clear:focus-visible,.editor-run-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scriptlab-wordmark{letter-spacing:.05em;color:#f4ecdf;font-size:12px;font-weight:800}.workspace-layout{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow:hidden}.workspace-main{flex:1;align-items:stretch;gap:10px;min-height:0;display:flex}.workspace-sidebar,.workspace-preview,.workspace-terminal,.workspace-editor,.workspace-reference{border-radius:var(--radius-lg);min-width:0;min-height:0;box-shadow:var(--shadow-md);background:linear-gradient(#f3eadcfa,#e8dccafa);border:1px solid #a78f71a8;overflow:hidden}.workspace-sidebar{flex-shrink:0;width:285px;overflow:hidden}.workspace-editor{flex-direction:column;flex:1;display:flex}.workspace-preview{flex-direction:column;width:38%;min-width:300px;display:flex}.workspace-terminal{flex-direction:column;height:215px;max-height:40dvh;display:flex}.workspace-reference{flex-direction:column;display:flex}.reference-mode-layout .workspace-main{gap:12px}.reference-mode-main{flex:1;min-height:0;display:flex}.reference-mode-layout .workspace-reference{flex-shrink:0;width:30%}.reference-mode-layout .workspace-editor{flex-shrink:0;width:70%}.sidebar{background:linear-gradient(#f4ecde,#eadfcd);flex-direction:column;height:100%;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid var(--divider);background:linear-gradient(#fcf6edbd,#e6d8c4bd);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-header h3{letter-spacing:.08em;color:var(--text-soft);text-transform:uppercase;font-size:11px}.sidebar-current-location{color:var(--text-faint);word-break:break-word;margin-top:3px;font-size:11px}.sidebar-actions-compact{border-bottom:1px solid var(--divider);flex-direction:row;align-items:center;gap:6px;padding:6px 12px;display:flex}.sidebar-icon-button{width:28px;height:28px;color:var(--primary-strong);cursor:pointer;background:linear-gradient(#dfe8dd,#ccd8c8);border:1px solid #4f6e5738;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.sidebar-icon-button:hover{background:linear-gradient(#d5e2d1,#c2d2be);border-color:#43634d66;transform:translateY(-1px);box-shadow:0 2px 6px #2f493826}.sidebar-icon-button.active{background:linear-gradient(#c9d8c5,#b8cab3);border-color:#43634d80}.sidebar-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-inline-form{border-bottom:1px solid var(--divider);flex-direction:column;gap:6px;padding:6px 12px 8px;display:flex}.sidebar-inline-form input,.file-tree-rename-input,.reference-textarea,.terminal-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fbf5eb;outline:none}.sidebar-inline-form input,.reference-textarea{min-height:40px;padding:9px 11px;font-size:13px}.sidebar-inline-form input::placeholder,.reference-textarea::placeholder,.terminal-input::placeholder{color:var(--text-faint)}.sidebar-inline-form input:focus,.file-tree-rename-input:focus,.reference-textarea:focus,.terminal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b9734324}.sidebar-inline-actions{gap:8px;display:flex}.sidebar-inline-actions button{min-height:36px;color:var(--text);background:linear-gradient(#f4e9dc,#e8d8c3);border-color:#a78f716b;flex:1;padding:8px 10px;font-size:12px;font-weight:800}.sidebar-tree{flex:1;min-height:0;padding:8px 6px 10px;overflow:hidden auto}.empty-tree{color:var(--text-faint);padding:8px}.sidebar-clear-icon{background:var(--danger);color:#1a1a1a;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.sidebar-clear-icon:hover{background:#c0503f;transform:translateY(-1px);box-shadow:0 2px 8px #a24f414d}.sidebar-clear-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.file-tree{flex-direction:column;gap:3px;display:flex}.file-tree-item{width:100%;min-height:34px;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:6px 9px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.file-tree-item:hover{color:var(--text);background:#d9e5d3b8;border-color:#67836d3d}.file-tree-item.active-file{color:var(--text);background:#d2e0cfeb;border-color:#43634d4d;box-shadow:inset 0 1px #ffffff6b}.file-tree-item.selected-folder{color:var(--text);background:#efddcaeb;border-color:#b9734342}.file-tree-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;display:flex}.file-tree-icon{text-align:center;flex-shrink:0;width:18px}.file-tree-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-tree-actions{flex-shrink:0;position:relative}.file-tree-menu-button{min-width:30px;min-height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:12px;line-height:1}.file-tree-menu-button:hover{color:var(--text);background:#d8ccbbd6}.file-tree-menu{z-index:20;border:1px solid var(--border-strong);min-width:140px;box-shadow:var(--shadow-md);background:#faf3e8;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.file-tree-menu button{min-height:34px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:12px}.file-tree-menu button:hover{background:#eee2d0}.file-tree-menu button.danger{color:var(--danger)}.file-tree-menu button.danger:hover{background:#f1dbd4}.file-tree-rename-input{min-width:0;padding:4px 6px;font-size:12px}.editor-tabs{border-bottom:1px solid var(--divider);background:linear-gradient(#f6ecdf,#eadcca);flex-wrap:nowrap;flex:0 0 40px;align-items:center;gap:4px;height:40px;min-height:40px;padding:4px 8px;display:flex;overflow:auto hidden}.editor-tab{background:0 0;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;min-width:0;max-width:180px;height:30px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.editor-tab.active{background:#d9e5d3f2;border-color:#43634d3d;box-shadow:inset 0 1px #ffffff7a}.editor-tab-main{min-width:0;max-width:140px;height:100%;color:var(--text-soft);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.editor-tab.active .editor-tab-main,.editor-tab-main:hover{color:var(--text)}.editor-tab-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.editor-tab-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.editor-tab-close{width:28px;height:100%;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-size:12px;display:inline-flex}.editor-tab-close:hover{color:var(--text);background:#dacdbad9}.editor-panel{background:linear-gradient(#f7efe3,#f1e5d4);flex-direction:column;flex:1;min-height:0;display:flex}.editor-panel-header{border-bottom:1px solid var(--divider);background:linear-gradient(#fcf6eda8,#e9dcc9b3);justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:9px 12px;display:flex}.editor-file-name{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.editor-wrapper{flex:1;min-height:0;position:relative}.editor-wrapper>div{position:absolute;inset:0}.editor-wrapper .cm-editor{background:var(--editor-bg);height:100%;color:var(--editor-text);font-size:15px}.editor-wrapper .cm-scroller{background:repeating-linear-gradient(#0000 0 23px,#45634f0a 23px 24px);font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;overflow:auto!important}.editor-wrapper .cm-sizer{min-height:100%}.editor-wrapper .cm-theme{height:100%}.editor-wrapper .cm-content{min-height:100%}.editor-wrapper .cm-content,.editor-wrapper .cm-line{color:var(--editor-text)}.editor-wrapper .cm-gutters{background:var(--editor-gutter);height:100%;min-height:100%;color:var(--editor-muted);border-right:1px solid #a78f71ad;padding-left:0;padding-right:0}.editor-wrapper .cm-lineNumbers{min-width:0!important}.editor-wrapper .cm-lineNumbers .cm-gutterElement{text-align:right;min-width:12px;padding-left:1px;padding-right:2px;font-size:.65rem;line-height:1.2}.editor-wrapper .cm-activeLine,.editor-wrapper .cm-activeLineGutter{background:var(--editor-line)}.editor-wrapper .cm-tooltip-autocomplete{border:1px solid var(--border-strong);background:var(--editor-tooltip-bg);color:var(--editor-tooltip-text);box-shadow:var(--shadow-md)}.editor-wrapper .cm-tooltip-autocomplete ul li{color:var(--editor-tooltip-text)}.editor-wrapper .cm-tooltip-autocomplete ul li[aria-selected]{color:var(--editor-tooltip-text);background:#e7d7c2}.editor-wrapper .cm-selectionBackground{background:var(--editor-selection)!important}.editor-wrapper ::selection{background:var(--editor-selection)!important}.editor-wrapper .cm-cursor,.editor-wrapper .cm-dropCursor{border-left-color:var(--editor-caret)}.editor-run-button{z-index:10;color:#fff8f1;min-height:22px;box-shadow:var(--shadow-sm);background:linear-gradient(#c27a46,#a35f34);border-color:#78482866;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;bottom:10px;right:10px}.editor-run-button:hover{background:linear-gradient(#cb8450,#99552e)}.preview-panel{background:linear-gradient(#f7efe3,#efe2d1);flex-direction:column;height:100%;display:flex;position:relative}.preview-header{border-bottom:1px solid var(--divider);background:linear-gradient(#fcf6eda8,#e9dcc9b3);justify-content:space-between;align-items:center;min-height:44px;padding:9px 12px;display:flex}.preview-header-actions{align-items:center;gap:8px;display:flex}.preview-fullscreen-button{width:28px;height:28px;color:var(--text-soft);cursor:pointer;background:linear-gradient(#f4eadc,#e7d8c3);border:1px solid #a78f7166;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,transform .15s,color .15s;display:inline-flex}.preview-fullscreen-button:hover{color:var(--text);background:linear-gradient(#f7eddf,#e9d8c3);transform:translateY(-1px)}.preview-fullscreen-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-iframe{background:#fbf5ec;border:none;flex:1;width:100%}.preview-runner-frame{opacity:0;pointer-events:none;border:0;width:0;height:0;position:absolute}.preview-empty-state{flex:1}.preview-fullscreen-backdrop{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#291f1580;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.preview-fullscreen-container{border-radius:var(--radius-xl);width:100%;max-width:1400px;height:100%;max-height:95vh;box-shadow:var(--shadow-lg);background:linear-gradient(#f6ede0,#ebdeca);border:1px solid #a78f71cc;flex-direction:column;display:flex;overflow:hidden}.preview-fullscreen-header{border-bottom:1px solid var(--divider);background:linear-gradient(#fcf6edbd,#e6d8c4bd);justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;display:flex}.preview-fullscreen-close{width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:linear-gradient(#f4eadc,#e7d8c3);border:1px solid #a78f7185;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:inline-flex}.preview-fullscreen-close:hover{color:var(--danger);background:linear-gradient(#f7eddf,#e9d8c3);transform:translateY(-1px)}.preview-fullscreen-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-fullscreen-iframe{background:#fff;border:none;flex:1;width:100%}.preview-overlay{pointer-events:none;justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;inset:52px 12px 12px}.preview-overlay-card{max-width:560px;box-shadow:var(--shadow-md);background:#faf3e8f7;border:1px solid #a78f71b8;border-radius:14px;padding:12px 14px}.preview-overlay-message,.preview-overlay-warning,.preview-overlay-error{font-size:13px;line-height:1.55}.preview-overlay-message{color:var(--text-soft)}.preview-overlay-warning{color:var(--warning);margin-top:6px}.preview-overlay-error{color:var(--danger);font-weight:700}.preview-overlay-warnings{margin-top:8px}.terminal-panel{background:linear-gradient(#f4ecdf,#e9dcc8);flex-direction:column;height:100%;display:flex}.terminal-tabs{border-bottom:1px solid var(--divider);background:linear-gradient(#fcf6ed94,#e9dcc9b8);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px 0;display:flex}.terminal-tabs button{min-height:36px;color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.terminal-tabs button.active{color:var(--text);background:#f8f0e4;border-color:#a78f7199}.terminal-console-clear{min-height:34px;color:var(--text);background:linear-gradient(#f4eadc,#e7d8c3);border-color:#a78f7185;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:800}.terminal-body{min-height:0;color:var(--text);flex:1;padding:0;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.65;overflow:hidden}.terminal-tab,.terminal-tab-content{height:100%}.terminal-tab{flex-direction:column;min-height:0;display:flex}.terminal-scroll-area{flex:1;min-height:0;padding:12px 14px 10px;overflow-y:auto}.terminal-empty-message{color:var(--text-faint);font-size:12px}.console-file-group+.console-file-group{margin-top:14px}.console-file-label{color:var(--primary-strong);background:#d6e3d2eb;border:1px solid #43634d29;border-radius:999px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.console-file-entries{flex-direction:column;gap:6px;display:flex}.console-line{color:var(--text-soft);white-space:pre-wrap;word-break:break-word}.console-error{color:var(--danger);font-weight:700}.reference-panel{background:linear-gradient(#f5edde,#eadfcd);flex-direction:column;height:100%;display:flex}.reference-header{border-bottom:1px solid var(--divider);background:linear-gradient(#fcf6ed99,#e8dbc9bd);flex-direction:column;gap:8px;padding:8px 10px;display:flex}.reference-header-compact{gap:6px;padding:8px 10px}.reference-header-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.reference-subtitle{color:var(--text-soft);font-size:11px;line-height:1.45}.reference-controls{flex-direction:column;gap:8px;display:flex}.reference-actions{flex-wrap:wrap;gap:6px;display:flex}.reference-action-button{min-height:32px;color:var(--primary-strong);background:linear-gradient(#d9e5d7,#c9d6c5);border-color:#43634d2e;padding:6px 10px;font-size:11px;font-weight:800}.reference-action-button.subtle{color:var(--text);background:linear-gradient(#f6ede0,#e9dcc8);border-color:#a78f7185}.reference-paste-panel{border:1px solid var(--border);background:#faf3e8c2;border-radius:12px;padding:8px}.reference-paste-panel.compact{padding:8px}.reference-paste-label{color:var(--text-soft);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.reference-textarea{resize:vertical;min-height:120px;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;line-height:1.55}.reference-paste-actions{gap:6px;margin-top:8px;display:flex}.reference-paste-actions.sticky{background:linear-gradient(#fff0,#f5eddef5 32%);padding-top:8px;position:sticky;bottom:0}.reference-body{flex:1;min-height:0;padding:12px;overflow-y:auto}.reference-rendered{color:var(--text);font-size:14px;line-height:1.7}.reference-rendered h1,.reference-rendered h2,.reference-rendered h3{color:var(--text);margin-top:16px;margin-bottom:8px;line-height:1.25}.reference-rendered h1{font-size:22px}.reference-rendered h2{font-size:18px}.reference-rendered h3{font-size:15px}.reference-rendered p{color:var(--text-soft);margin-bottom:10px}.reference-rendered strong{color:var(--text)}.reference-rendered code{color:var(--accent-strong);background:#e8dbc8;border-radius:7px;padding:2px 6px;font-size:.92em}.reference-rendered pre{background:#efe3d2;border:1px solid #a78f71b8;border-radius:14px;margin:12px 0;padding:12px;overflow-x:auto}.reference-rendered pre code{color:var(--editor-text);background:0 0;padding:0}.reference-rendered ul{margin:8px 0 14px;padding-left:20px}.reference-rendered li{color:var(--text-soft);margin-bottom:8px}.reference-rendered blockquote{border-left:4px solid var(--accent);color:var(--text);background:#f3e5d6;border-radius:0 12px 12px 0;margin:12px 0;padding:12px 14px}.reference-rendered blockquote p{margin-bottom:8px}.reference-rendered blockquote p:last-child{margin-bottom:0}.reference-rendered hr{border:none;border-top:1px solid var(--divider);margin:18px 0}.reference-checkbox-row{align-items:flex-start;gap:8px;display:inline-flex}.reference-checkbox-row input{margin-top:2px}.reference-spacer{height:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#291f1547;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{border-radius:var(--radius-xl);width:min(100%,430px);box-shadow:var(--shadow-lg);background:linear-gradient(#f6ede0,#ebdeca);border:1px solid #a78f71cc;overflow:hidden}.confirm-modal-header{border-bottom:1px solid var(--divider);padding:16px 18px 12px}.confirm-modal-header h2{color:var(--text);font-size:17px}.confirm-modal-body{padding:16px 18px}.confirm-modal-body p{color:var(--text-soft);font-size:14px;line-height:1.55}.confirm-modal-actions{gap:8px;padding:0 18px 18px;display:flex}.confirm-modal-actions button{min-height:40px;color:var(--text);background:linear-gradient(#f7eddf,#eadbc7);border-color:#a78f7185;flex:1;padding:9px 12px;font-size:12px;font-weight:800}.confirm-modal-actions button.danger{color:#7e372c;background:linear-gradient(#f6e5e0,#ead1c8);border-color:#a24f4147}.sidebar-tree::-webkit-scrollbar{width:10px;height:8px}.terminal-scroll-area::-webkit-scrollbar{width:10px;height:8px}.terminal-body::-webkit-scrollbar{width:10px;height:8px}.reference-body::-webkit-scrollbar{width:10px;height:8px}.editor-tabs::-webkit-scrollbar{width:10px;height:8px}.sidebar-tree::-webkit-scrollbar-thumb{background:#b8a489;border-radius:999px}.terminal-scroll-area::-webkit-scrollbar-thumb{background:#b8a489;border-radius:999px}.terminal-body::-webkit-scrollbar-thumb{background:#b8a489;border-radius:999px}.reference-body::-webkit-scrollbar-thumb{background:#b8a489;border-radius:999px}.editor-tabs::-webkit-scrollbar-thumb{background:#b8a489;border-radius:999px}.sidebar-tree::-webkit-scrollbar-track{background:0 0}.terminal-scroll-area::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-track{background:0 0}.reference-body::-webkit-scrollbar-track{background:0 0}.editor-tabs::-webkit-scrollbar-track{background:0 0}.panel-resizer{z-index:5;flex-shrink:0;position:relative}.panel-resizer.vertical{cursor:col-resize;width:8px}.panel-resizer.horizontal{cursor:row-resize;height:8px}.panel-resizer:before{content:"";background:0 0;border-radius:999px;transition:background .15s;position:absolute;inset:0}.panel-resizer.vertical:before{left:2px;right:2px}.panel-resizer.horizontal:before{top:2px;bottom:2px}.panel-resizer:hover:before{background:#b973433d}@keyframes console-glow-pulse{0%,to{box-shadow:0 2px 6px #1b161114}50%{box-shadow:0 0 12px 3px #b9734380}}.toolbar-actions button.console-unread-glow{border-color:#b9734366;animation:7s ease-in-out infinite console-glow-pulse}@media (width<=1100px){.workspace-preview{width:32%;min-width:260px}.workspace-sidebar{width:250px}.reference-mode-layout .workspace-reference{width:34%}.reference-mode-layout .workspace-editor{width:66%}}@media (width<=900px){.workspace-main,.reference-mode-main{flex-direction:column}.workspace-sidebar,.workspace-preview,.workspace-reference,.reference-mode-layout .workspace-reference,.reference-mode-layout .workspace-editor{min-width:0;width:100%!important}.workspace-sidebar{max-height:200px}.workspace-preview{min-height:200px}.workspace-terminal{height:120px}.toolbar{flex-direction:column;align-items:flex-start;gap:4px;padding:4px 8px}.toolbar-actions{gap:4px;width:100%}.toolbar-actions button{flex:auto;min-height:32px;padding:6px 8px;font-size:10px}.workspace-layout{gap:6px;padding:6px}.workspace-main{gap:6px}.reference-actions,.reference-paste-actions,.sidebar-inline-actions,.confirm-modal-actions{flex-direction:column}.reference-action-button,.sidebar-inline-actions button,.confirm-modal-actions button,.terminal-console-clear{width:100%}.reference-header-row{flex-direction:column;align-items:stretch}.panel-resizer.vertical{width:14px}.panel-resizer.horizontal{height:14px}.panel-resizer:before{background:#b973431f}}@media (width<=600px){.toolbar{min-height:28px;padding:3px 6px}.toolbar-actions{flex-wrap:wrap}.toolbar-actions button{min-height:28px;padding:4px 6px;font-size:9px}.scriptlab-wordmark{font-size:10px}.toolbar-subtitle{font-size:8px}.workspace-layout{gap:4px;padding:4px}.workspace-main{gap:4px}.workspace-sidebar{max-height:160px}.editor-panel-header,.preview-header{min-height:36px;padding:6px 8px}.sidebar-header{padding:6px 8px}.confirm-modal{width:min(100%,340px)}}@media (pointer:coarse){.file-tree-item{min-height:44px;padding:8px 10px}.file-tree-menu-button{min-width:44px;min-height:44px}.editor-tab{height:36px}.editor-tab-close{width:36px;min-height:36px}.sidebar-icon-button,.sidebar-clear-icon{width:36px;height:36px}.sidebar-inline-actions button,.sidebar-inline-form input{min-height:44px}.reference-action-button{min-height:38px;padding:8px 12px}.terminal-console-clear{min-height:38px}.terminal-tabs button{min-height:40px}.editor-run-button{min-height:32px;padding:6px 10px;font-size:11px}.panel-resizer.vertical{width:16px}.panel-resizer.horizontal{height:16px}.panel-resizer:before{background:#b973431a}.toolbar-actions button:hover,.reference-action-button:hover,.sidebar-inline-actions button:hover,.sidebar-icon-button:hover,.sidebar-clear-icon:hover,.confirm-modal-actions button:hover,.terminal-console-clear:hover,.editor-run-button:hover{transform:none}.toolbar,.sidebar-header,.sidebar-actions-compact,.editor-tabs,.terminal-tabs,.reference-header{-webkit-user-select:none;user-select:none}.sidebar-tree,.terminal-scroll-area,.reference-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}
