body{height:100vh;overflow:hidden;padding-top:80px;padding-bottom:50px}main{max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;flex:1;overflow:hidden}.toolbar{background:var(--gray-200);padding:5px 10px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.toolbar button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.toolbar button.active{filter:brightness(.85);box-shadow:inset 0 2px 4px #0003}.tabs-container{display:flex;overflow-x:auto;background:var(--gray-300)}.tab{padding:8px 15px;background:var(--gray-400);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;gap:8px;min-width:100px;user-select:none;font-size:.85rem;color:var(--text-color);transition:var(--transition)}.tab:hover{background:var(--gray-300)}.tab.active{background:var(--card-bg);border-bottom-color:var(--card-bg)}.close-tab{color:var(--gray-500);font-weight:700;font-size:1.1em;line-height:1}.close-tab:hover{color:var(--danger)}.editor-container{display:flex;flex:1;overflow:hidden}.pane{flex:1;display:flex;flex-direction:column;padding:10px;min-width:0}.editor-wrapper{display:flex;flex:1;position:relative;overflow:hidden;border:1px solid var(--border-color);background:var(--card-bg);border-radius:var(--border-radius-sm)}#line-numbers{background:var(--gray-200);color:var(--gray-500);padding:15px 5px;text-align:right;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;min-width:35px;border-right:1px solid var(--border-color);user-select:none;overflow:hidden;display:none;box-sizing:border-box}#editor-input{flex:1;resize:none;min-height:0;border:none;padding:15px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;white-space:pre;overflow-x:auto;box-sizing:border-box;background:var(--card-bg);color:var(--text-color);caret-color:var(--primary);border-radius:0}#editor-input:focus{outline:none;box-shadow:none}#editor-input.wrap-enabled{white-space:pre-wrap;overflow-x:hidden}#preview-output{flex:1;border:1px solid var(--border-color);padding:15px;background:var(--card-bg);overflow-y:auto;border-radius:var(--border-radius-sm);color:var(--text-color)}#preview-output code{background-color:var(--gray-200);padding:2px 4px;border-radius:4px;font-family:monospace}#preview-output pre{background-color:var(--gray-100);padding:16px;border-radius:6px;overflow:auto}#preview-output pre code{background-color:transparent;padding:0;border-radius:0}#preview-output li:has(input[type=checkbox]){list-style:none}#preview-output input[type=checkbox]{margin-right:5px}.modal-content .form-group-inline{display:flex;gap:10px;align-items:center;margin-top:10px}.modal-content .form-group-inline label{display:inline;margin-bottom:0}.modal-content .form-group-inline input[type=text]{width:40px;text-align:center;padding:var(--spacing-xs)}.grid-table-wrapper{max-height:300px;overflow:auto;border:1px solid var(--border-color);margin-bottom:10px;border-radius:var(--border-radius-sm)}.grid-table{width:100%;border-collapse:collapse}.grid-table td{border:1px solid var(--border-color);padding:0;min-width:50px}.grid-table input{width:100%;border:none;padding:8px;box-sizing:border-box;font-family:inherit;background:var(--card-bg);color:var(--text-color);border-radius:0}.grid-table input:focus{background:var(--gray-200);outline:none;box-shadow:none}#font-family-custom{margin-top:var(--spacing-xs)}body.dark-theme .toolbar{background:var(--gray-200);border-bottom-color:var(--border-color)}body.dark-theme .tabs-container{background:var(--gray-300)}body.dark-theme .tab{background:var(--gray-400);border-color:var(--border-color);color:var(--text-color)}body.dark-theme .tab.active{background:var(--card-bg);border-bottom-color:var(--card-bg)}body.dark-theme .editor-wrapper{border-color:var(--border-color)}body.dark-theme #line-numbers{background:var(--gray-200);color:var(--gray-500);border-right-color:var(--border-color)}body.dark-theme #editor-input{background:var(--card-bg);color:var(--text-color);caret-color:#fff}body.dark-theme #preview-output{background:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}body.dark-theme #preview-output code{background-color:var(--gray-300)}body.dark-theme #preview-output pre{background-color:var(--gray-200)}body.dark-theme .grid-table input{background:var(--card-bg);color:var(--text-color)}body.dark-theme .grid-table input:focus{background:var(--gray-300)}body.dark-theme .grid-table td,body.dark-theme .grid-table-wrapper{border-color:var(--border-color)}@media (max-width: 768px){body{padding-top:110px}.editor-container{flex-direction:column}.pane{padding:5px}.toolbar{padding:4px 8px;gap:4px}.toolbar button{font-size:.75rem;padding:3px 6px}}@media (max-width: 480px){body{padding-top:120px}.toolbar button span.btn-label{display:none}}