.ToolShell-module__mQg1VG__shell{background:var(--bg-surface-1);flex-direction:column;height:100vh;display:flex;overflow:hidden}.ToolShell-module__mQg1VG__header{padding:var(--space-4) var(--space-6);background:var(--bg-surface-1);border-bottom:1px solid var(--border-subtle);z-index:10;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.ToolShell-module__mQg1VG__titleBlock{max-width:60%}.ToolShell-module__mQg1VG__title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px;font-size:20px;font-weight:600}.ToolShell-module__mQg1VG__description{color:var(--text-secondary);font-size:13px}.ToolShell-module__mQg1VG__controls{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.ToolShell-module__mQg1VG__shortcuts,.ToolShell-module__mQg1VG__actions{gap:var(--space-2);display:flex}.ToolShell-module__mQg1VG__workspace{background:var(--bg-base);flex:1;display:flex;position:relative;overflow:hidden}
.CodeSurface-module__sVjDxW__container{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:100%;transition:border-color var(--duration-fast);flex-direction:column;display:flex;position:relative}.CodeSurface-module__sVjDxW__container:focus-within{border-color:var(--border-focus)}.CodeSurface-module__sVjDxW__error{border-color:#ff3c3c66}.CodeSurface-module__sVjDxW__error:focus-within{border-color:#ff3c3ccc}.CodeSurface-module__sVjDxW__label{padding:var(--space-2) var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;font-size:11px}.CodeSurface-module__sVjDxW__textarea{resize:none;width:100%;height:100%;padding:var(--space-4);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6}.CodeSurface-module__sVjDxW__textarea::placeholder{color:var(--text-tertiary);opacity:.5}
.DualPaneIO-module__OjpBtW__container{width:100%;height:100%;padding:0 var(--space-6) var(--space-6);gap:var(--space-4);display:flex;overflow:hidden}.DualPaneIO-module__OjpBtW__pane{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.DualPaneIO-module__OjpBtW__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;min-height:28px;display:flex}.DualPaneIO-module__OjpBtW__content{flex:1;position:relative;overflow:hidden}.DualPaneIO-module__OjpBtW__divider{background:var(--border-subtle);width:1px;height:100%}
.TabGroup-module__olXn6q__tabGroup{background:var(--bg-surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.TabGroup-module__olXn6q__tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;padding:4px 12px;font-size:13px;font-weight:500}.TabGroup-module__olXn6q__tab:hover{color:var(--text-primary)}.TabGroup-module__olXn6q__active{background:var(--bg-surface-3);color:var(--text-primary);box-shadow:var(--shadow-sm)}
.PreviewFrame-module__fbLbXG__container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.PreviewFrame-module__fbLbXG__iframe{background:0 0;border:none;width:100%;height:100%}
.HTMLFormatter-module__JtFrma__workspace{width:100%;height:100%;padding-top:var(--space-4);display:flex}.HTMLFormatter-module__JtFrma__paneLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:11px;font-weight:500}.HTMLFormatter-module__JtFrma__rightHeaderRow{justify-content:space-between;align-items:center;width:100%;display:flex}.HTMLFormatter-module__JtFrma__btnPrimary{background:var(--text-primary);color:var(--bg-surface-1);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:opacity var(--duration-fast);border:none;font-size:13px;font-weight:600}.HTMLFormatter-module__JtFrma__btnPrimary:hover{opacity:.9}.HTMLFormatter-module__JtFrma__btnSecondary{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--duration-fast);background:0 0;font-size:13px;font-weight:500}.HTMLFormatter-module__JtFrma__btnSecondary:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-surface-2)}.HTMLFormatter-module__JtFrma__btnIcon{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:all var(--duration-fast);background:0 0;justify-content:center;align-items:center;display:flex}.HTMLFormatter-module__JtFrma__btnIcon:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-surface-2)}.HTMLFormatter-module__JtFrma__btnIcon:disabled{opacity:.3;cursor:not-allowed}.HTMLFormatter-module__JtFrma__actionDivider{background:var(--border-subtle);width:1px;height:20px;margin:0 var(--space-2)}
.JSONFormatter-module__EEEyoG__paneContainer{width:100%;height:100%;padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-4);display:flex}.JSONFormatter-module__EEEyoG__pane{flex-direction:column;flex:1;display:flex;position:relative}.JSONFormatter-module__EEEyoG__errorRibbon{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);color:#ff8080;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff3c3c1a;border:1px solid #ff3c3c4d;font-family:ui-monospace,monospace;font-size:11px;position:absolute}.JSONFormatter-module__EEEyoG__btnPrimary{background:var(--text-primary);color:var(--bg-base);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:opacity var(--duration-fast);border:none;font-size:13px;font-weight:600}.JSONFormatter-module__EEEyoG__btnPrimary:hover{opacity:.9}.JSONFormatter-module__EEEyoG__btnSecondary{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--duration-fast);background:0 0;font-size:13px;font-weight:500}.JSONFormatter-module__EEEyoG__btnSecondary:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-surface-2)}