:root{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--accent:#10a37f;--accent-hover:#0d8a6c;--accent-soft:#e7f7f2;--tok-key:#7c3aed;--tok-str:#16a34a;--tok-num:#ea580c;--tok-bool:#2563eb;--tok-null:#db2777;--tok-punc:#6b7280}[data-theme=dark]{--accent:#19c37d;--accent-hover:#28d58d;--accent-soft:#173f35;--tok-key:#c792ea;--tok-str:#7ee787;--tok-num:#ffab70;--tok-bool:#82aaff;--tok-null:#ff7b9c;--tok-punc:#8b949e}[data-theme=light]{--bg:#fff;--surface:#fff;--surface-2:#f7f7f8;--border:#e5e5e5;--border-strong:#d1d1d1;--text:#212121;--text-muted:#6b6b6b;--text-faint:#9b9b9b;--shadow:none;--editor-bg:#fff;--editor-text:#1f2937}[data-theme=dark]{--bg:#212121;--surface:#2f2f2f;--surface-2:#272727;--border:#424242;--border-strong:#565656;--text:#ececec;--text-muted:#b4b4b4;--text-faint:#8a8a8a;--shadow:none;--editor-bg:#212121;--editor-text:#ececec}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;height:100vh;margin:0;display:flex;overflow:hidden}header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;width:36px;height:36px;font-family:var(--font-mono);box-shadow:var(--shadow);place-items:center;font-size:16px;font-weight:700;display:grid}.brand-text h1{letter-spacing:-.01em;align-items:baseline;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.brand-text .tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.brand-text p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.theme-toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong)}.theme-toggle:active{transform:scale(.97)}.toolbar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;display:flex}.btn{font-family:var(--font-ui);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn svg{width:15px;height:15px}.btn-symbol{width:15px;color:var(--accent);font-family:var(--font-mono);text-align:center;font-weight:700}.btn:hover{border-color:var(--border-strong);background:var(--surface)}.toolbar .sep{background:var(--border);width:1px;height:22px;margin:0 4px}.spacer{flex:1}.main{gap:var(--space-4);padding:var(--space-4) var(--space-6);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.pane-head{padding:10px var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;display:flex}.pane-head .title{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.pane-head .meta{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.result-head-meta{align-items:center;gap:var(--space-3);min-width:0;display:flex}.tree-actions{align-items:center;gap:4px;display:flex}.tree-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:11px}.tree-action-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tree-action-btn:disabled{opacity:.4;cursor:default}.result-tools{align-items:center;gap:var(--space-2);min-height:45px;padding:7px var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.path-display{min-width:80px;color:var(--text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;cursor:default;flex:1;font-size:12px;overflow:hidden}.path-display.has-path{color:var(--accent);cursor:pointer}.search-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:3px;min-width:min(310px,52%);padding:3px;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.search-input{min-width:70px;color:var(--text);font-family:var(--font-mono);background:0 0;border:0;outline:0;flex:1;padding:3px 6px;font-size:12px}.search-input::placeholder{color:var(--text-faint)}.search-count{min-width:62px;color:var(--text-muted);font-family:var(--font-mono);text-align:center;white-space:nowrap;font-size:11px}.icon-btn{width:25px;height:25px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;font-size:13px;display:grid}.icon-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:default}.editor-wrap{background:var(--editor-bg);flex:1;min-height:0;position:relative;overflow:hidden}.editor,.editor-hl{box-sizing:border-box;width:100%;height:100%;font-family:var(--font-mono);padding:var(--space-4);resize:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;tab-size:2;letter-spacing:normal;scrollbar-gutter:stable;border:none;outline:none;margin:0;font-size:13.5px;line-height:1.6;position:absolute;inset:0}.editor{z-index:2;color:#0000;caret-color:var(--editor-text);background:0 0;overflow:auto}.editor.plain-text{color:var(--editor-text)}.editor::placeholder{color:var(--text-faint);opacity:1}.editor-hl{z-index:1;pointer-events:none;color:var(--editor-text);overflow:hidden}.output{min-height:0;font-family:var(--font-mono);color:var(--editor-text);background:var(--editor-bg);padding:var(--space-4);white-space:normal;word-break:break-word;flex:1;margin:0;font-size:13.5px;line-height:1.6;overflow:auto}.output .placeholder{color:var(--text-faint);font-style:italic}.tree{font-family:var(--font-mono)}.virtual-tree{width:max-content;min-width:100%;position:relative}.virtual-tree-window{will-change:transform;width:max-content;min-width:100%;position:absolute;top:0;left:0}.tree-row{white-space:nowrap;border-radius:5px;align-items:center;gap:2px;width:max-content;min-width:100%;height:26px;padding-top:1px;padding-bottom:1px;padding-right:6px;line-height:24px;display:flex}.tree-row:hover{background:#7f7f7f14}.tree-row.selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.tree-row.search-match{background:#f59e0b29;box-shadow:inset 2px 0 #f59e0b}.tree-row.search-current{background:#f59e0b52;box-shadow:inset 3px 0 #f59e0b,0 0 0 1px #f59e0b59}.tree-toggle{cursor:pointer;user-select:none}.tree-toggle .caret{text-align:center;width:14px;color:var(--text-muted);flex:none;transition:transform .12s;display:inline-block;transform:rotate(-90deg)}.tree-toggle.expanded .caret{transform:rotate(0)}.tree-key{color:var(--tok-key)}.tree-colon,.tree-brace{color:var(--tok-punc)}.tree-count{color:var(--text-faint);margin-left:4px;font-size:11px}.tree-index{color:var(--text-muted)}.context-menu{z-index:100;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:150px;box-shadow:var(--shadow);padding:5px;display:none;position:fixed}.context-menu.show{display:block}.context-menu button{width:100%;color:var(--text);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.context-menu button:hover,.context-menu button:focus{background:var(--accent-soft);color:var(--accent);outline:0}.error-box{border-radius:var(--radius-md);padding:var(--space-5);background:#ef444412;border:1px solid #ef4444;max-width:100%}.error-box .err-icon{color:#fff;width:28px;height:28px;margin-bottom:var(--space-3);background:#ef4444;border-radius:50%;place-items:center;font-weight:700;display:grid}.error-box .err-title{color:#ef4444;margin-bottom:6px;font-weight:600}.error-box .err-msg{color:var(--text);word-break:break-word;margin-bottom:8px}.error-box .err-pos{color:#ef4444;background:#ef444417;border:1px solid #ef444466;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.error-box .err-hint{color:var(--text-muted);font-size:12px}.tok-key{color:var(--tok-key)}.tok-str{color:var(--tok-str)}.tok-num{color:var(--tok-num)}.tok-bool{color:var(--tok-bool)}.tok-null{color:var(--tok-null)}.tok-punc{color:var(--tok-punc)}.statusbar{align-items:center;gap:var(--space-4);padding:8px var(--space-6);border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-family:var(--font-mono);display:flex}.status-dot{background:var(--text-faint);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-ok .status-dot{background:#16a34a}.status-err .status-dot{background:#ef4444}.status-msg{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.status-err .status-msg{color:#ef4444}.toast{background:var(--text);color:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:50;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hidden-file-input{display:none}.advanced-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(1120px,100vw - 40px);max-width:none;height:min(820px,100vh - 40px);max-height:none;color:var(--text);padding:0;overflow:hidden;box-shadow:0 24px 70px #00000047}.advanced-dialog::backdrop{backdrop-filter:blur(3px);background:#0f172a8c}.advanced-shell{flex-direction:column;height:100%;min-height:0;display:flex}.advanced-head{padding:14px var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.advanced-head>div{align-items:baseline;gap:var(--space-3);display:flex}.advanced-head strong{font-size:15px}.advanced-head span{color:var(--text-muted);font-size:12px}.dialog-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;font-size:24px;line-height:1;display:grid}.dialog-close:hover{color:var(--text);background:var(--accent-soft)}.advanced-tabs{padding:0 var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2);gap:2px;display:flex}.advanced-tab{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:0;padding:12px 16px;font-size:13px;font-weight:600;position:relative}.advanced-tab:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.advanced-tab:hover,.advanced-tab.active{color:var(--accent)}.advanced-tab.active:after{background:var(--accent)}.advanced-panel{flex-direction:column;flex:1;min-height:0;display:flex}.advanced-panel[hidden]{display:none}.advanced-actionbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:10px var(--space-5);border-bottom:1px solid var(--border);display:flex}.advanced-actionbar p{color:var(--text-muted);margin:0;font-size:12px}.advanced-actionbar>div{align-items:center;gap:var(--space-2);display:flex}.mini-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:var(--font-ui);white-space:nowrap;cursor:pointer;padding:7px 11px;font-size:12px;font-weight:500}.mini-btn:hover{border-color:var(--accent);color:var(--accent)}.mini-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.mini-btn.primary:hover{background:var(--accent-hover);color:#fff}.diff-editors{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;height:38%;min-height:180px;display:grid}.diff-editors label,.schema-workspace>label{flex-direction:column;min-width:0;min-height:0;display:flex}.diff-editors label+label{border-left:1px solid var(--border)}.diff-editors label>span,.schema-workspace label>span{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;font-size:11px;font-weight:600}.diff-editors textarea,.schema-workspace textarea{resize:none;width:100%;min-height:0;padding:var(--space-3);background:var(--editor-bg);color:var(--editor-text);font-family:var(--font-mono);tab-size:2;border:0;outline:0;flex:1;font-size:12.5px;line-height:1.55}.diff-editors textarea:focus,.schema-workspace textarea:focus{box-shadow:inset 0 0 0 1px var(--accent)}.advanced-result-head{padding:9px var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;font-size:12px;display:flex}.advanced-result-head span{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.advanced-result{min-height:0;padding:var(--space-3) var(--space-5) var(--space-5);background:var(--editor-bg);flex:1;overflow:auto}.advanced-placeholder{min-height:100px;color:var(--text-faint);text-align:center;place-items:center;font-size:12px;display:grid}.diff-item,.schema-issue{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);border-left-width:3px;overflow:hidden}.diff-added{border-left-color:#16a34a}.diff-removed{border-left-color:#ef4444}.diff-modified{border-left-color:#f59e0b}.diff-item-head,.schema-issue-head{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);padding:8px 10px;display:flex}.diff-item-head code,.schema-issue-head code{min-width:0;color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.result-badge{border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:700}.result-badge.added{color:#16a34a;background:#16a34a21}.result-badge.removed{color:#ef4444;background:#ef444421}.result-badge.modified{color:#d97706;background:#f59e0b29}.result-badge.issue{color:#ef4444;background:#ef444421}.diff-values{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.diff-values pre{min-width:0;color:var(--editor-text);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:28px 10px 10px;font-size:11.5px;line-height:1.5;position:relative}.diff-values pre+pre{border-left:1px solid var(--border)}.diff-values pre:before{content:attr(data-label);color:var(--text-faint);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;top:7px;left:10px}.schema-workspace{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,2fr) minmax(220px,1fr);height:42%;min-height:220px;display:grid}.schema-help{padding:var(--space-5);border-left:1px solid var(--border);background:var(--surface-2)}.schema-help strong{font-size:12px}.schema-help p,.schema-help small{color:var(--text-muted);font-size:12px;line-height:1.7}.schema-help small{display:block}.schema-issue{border-left-color:#ef4444;padding-bottom:9px}.schema-issue p{margin:9px 10px 5px;font-size:12px}.schema-issue>small{color:var(--text-faint);font-family:var(--font-mono);margin:0 10px;font-size:10px}.schema-success{color:#16a34a;align-content:center;place-items:center;gap:7px;min-height:130px;display:grid}.schema-success>span{background:#16a34a21;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.schema-success small{color:var(--text-muted)}@media (width<=820px){.main{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.brand-text p{display:none}.toolbar,.main{padding:var(--space-3) var(--space-4)}.statusbar{padding:8px var(--space-4)}.result-tools{flex-wrap:wrap}.path-display{flex-basis:100%}.search-box{min-width:100%}.result-pane-head{flex-wrap:wrap;align-items:flex-start}.result-pane-head .result-head-meta{justify-content:space-between;width:100%}.advanced-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px)}.advanced-actionbar{flex-direction:column;align-items:flex-start}.advanced-actionbar>div{flex-wrap:wrap;width:100%}.diff-editors{grid-template-columns:1fr;height:46%;overflow:auto}.diff-editors label{min-height:150px}.diff-editors label+label{border-top:1px solid var(--border);border-left:0}.schema-workspace{grid-template-columns:1fr;height:48%;overflow:auto}.schema-workspace>label{min-height:200px}.schema-help{border-top:1px solid var(--border);border-left:0}}:root{color-scheme:light dark}html,body{width:100%;min-height:100%}body{background:var(--bg);height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{border-bottom:1px solid var(--border);background:var(--bg);height:56px;min-height:56px;padding:0 18px}.brand-link{color:inherit;text-decoration:none}.brand{gap:10px}.brand-mark{width:30px;height:30px;box-shadow:none;background:#10a37f;border-radius:50%;font-size:12px}.brand-text{align-items:center;gap:9px;display:flex}.brand-text strong{letter-spacing:-.01em;font-size:14px}.brand-text>span{border-left:1px solid var(--border);color:var(--text-muted);padding-left:9px;font-size:12px}.header-actions{align-items:center;gap:14px;display:flex}.theme-toggle{background:0 0;border:0;border-radius:8px;justify-content:center;width:36px;height:36px;padding:0}.theme-toggle:hover{background:var(--surface-2)}.theme-toggle #themeLabel{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}main{flex-direction:column;height:calc(100vh - 56px);min-height:0;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.local-note{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.local-note>span{background:var(--accent);border-radius:50%;width:7px;height:7px}.studio-shell{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.studio-shell .toolbar{border-bottom:1px solid var(--border);background:var(--bg);gap:4px;min-height:54px;padding:8px 20px}.btn{background:0 0;border-color:#0000;border-radius:8px;gap:6px;min-height:34px;padding:7px 10px;font-size:12px}.btn:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.btn:active{transform:none}.btn-symbol{color:var(--text-muted)}.advanced-entry{border-color:#0000}.convert-menu-wrap{position:relative}.convert-trigger{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--accent-soft);color:var(--accent)}.convert-trigger .btn-symbol,.convert-trigger .menu-caret{color:var(--accent)}.menu-caret{margin-left:2px;font-size:9px}.convert-menu{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:170px;padding:5px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 32px #00000024}.convert-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.convert-menu button:hover,.convert-menu button:focus-visible{background:var(--surface-2)}.convert-menu button small{color:var(--text-faint);font-family:var(--font-mono);font-size:10px}.toolbar .sep{height:20px;margin:0 5px}.btn:disabled{opacity:.45;cursor:wait}.busy-label{color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;font-size:11px}.studio-shell .main{background:var(--bg);gap:12px;min-height:0;padding:12px 20px 14px;overflow:hidden}.pane{border-color:var(--border);box-shadow:none;border-radius:12px}.pane-head{background:var(--surface-2);min-height:42px;padding:9px 14px}.pane-head .title{color:var(--text);text-transform:none;letter-spacing:0;font-size:11px;font-weight:600}.pane-head .meta{font-size:10px}.tree-action-btn{background:0 0;border-color:#0000}.tree-action-btn:hover:not(:disabled){border-color:#0000}.result-tools{min-height:42px;padding:6px 12px}.path-display{text-align:left;background:0 0;border:0}.search-box{background:var(--surface-2);border-color:#0000;border-radius:8px}.search-box:focus-within{box-shadow:0 0 0 1px var(--border-strong);border-color:#0000}.editor,.editor-hl,.output{font-size:13px}.conversion-actions{align-items:center;gap:4px;display:flex}.conversion-output{background:var(--editor-bg);min-height:0;color:var(--editor-text);font-family:var(--font-mono);white-space:pre;tab-size:2;flex:1;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.tree-row{border-radius:6px}.tree-row.selected{box-shadow:inset 2px 0 0 var(--accent)}.statusbar{border-top-color:var(--border);background:var(--bg);min-height:34px;padding:7px 20px;font-size:11px}.status-dot{width:6px;height:6px}.toast{background:var(--text);color:var(--bg);border-radius:10px}.advanced-dialog{border-color:var(--border);border-radius:14px;box-shadow:0 20px 60px #0000002e}.advanced-error{color:#ef4444;background:#ef444414;border-bottom:1px solid #ef44444d;padding:10px 20px;font-size:12px}.not-found{text-align:center;place-items:center;height:100%;display:grid}.not-found h1{font-family:var(--font-mono);color:var(--text);margin:0;font-size:72px}.not-found p{color:var(--text-muted)}.primary-link{background:var(--text);color:var(--bg);border-radius:8px;padding:9px 14px;text-decoration:none;display:inline-flex}@media (width<=820px){body{height:auto;overflow:auto}main{height:auto;min-height:calc(100vh - 56px)}.brand-text>span{display:none}.header-actions{gap:6px}.local-note{gap:0;font-size:0}.studio-shell{height:1000px;min-height:900px}.studio-shell .toolbar{padding-inline:12px}.studio-shell .main{padding:10px 12px 12px}}