*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1e1e1e;color:#ccc;height:100vh;overflow:hidden}.hidden{display:none!important}.loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#1e1e1e}.loading-inner{text-align:center;max-width:400px}.loading-title{font-size:2rem;font-weight:300;letter-spacing:.1em;color:#fff;margin-bottom:2rem}.loading-bar{width:100%;height:3px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:1rem}.loading-progress{height:100%;width:30%;background:#e06c75;border-radius:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;width:30%}50%{opacity:1;width:60%}}.loading-status{font-size:.85rem;color:#999;margin-bottom:.5rem}.loading-note{font-size:.75rem;color:#555}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#252526;border-bottom:1px solid #333;flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-brand{font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#e06c75;margin-right:12px}.toolbar-modes{display:flex;gap:2px}.toolbar-sep{width:1px;height:20px;background:#444;margin:0 4px}.sub-tabs{display:none;align-items:center;gap:1px;margin-left:2px;padding-left:4px;border-left:1px solid #444}.sub-tabs.visible{display:flex}.sub-tab{background:transparent;border:none;color:#555;font:500 9px -apple-system,system-ui,sans-serif;padding:3px 6px;border-radius:3px;cursor:pointer}.sub-tab:hover{color:#bbb;background:#333}.sub-tab.active{color:#ddd;background:#3a3a3a}.mode-btn{padding:4px 10px;border:none;background:transparent;color:#888;font-size:.8rem;cursor:pointer;border-radius:3px}.mode-btn:hover{color:#ccc;background:#333}.mode-btn.active{color:#fff;background:#3c3c3c}.toolbar-select{padding:3px 6px;border:1px solid #444;background:#1e1e1e;color:#999;font-size:.8rem;border-radius:3px;cursor:pointer;outline:none}.toolbar-select:hover{color:#ccc;border-color:#666}.toolbar-btn{padding:4px 10px;border:1px solid #444;background:transparent;color:#999;font-size:.8rem;cursor:pointer;border-radius:3px}.toolbar-btn:hover{color:#fff;border-color:#666}.zoom-controls{display:flex;align-items:center;gap:6px;margin-right:4px}.zoom-label{font-size:.7rem;color:#666;font-weight:600}.zoom-controls input[type=range]{width:80px;accent-color:#666;height:3px}.zoom-output{font-size:.7rem;color:#888;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.main-area{display:flex;flex:1;overflow:hidden}.pane{overflow:hidden}.editor-pane{flex:1;min-width:200px}.preview-pane{flex:1;min-width:200px;background:#e8e8e8;overflow:auto;position:relative}.preview-frame{border:none;background:#fff;position:absolute;top:0;left:50%;transform-origin:top center}.divider{width:4px;cursor:col-resize;background:#333;flex-shrink:0}.divider:hover,.divider.dragging{background:#e06c75}.config-panel{width:300px;min-width:300px;background:#fafafa;border-left:1px solid #333;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.config-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1a1a1a;font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.04em}.config-header-actions{display:flex;align-items:center;gap:6px}.config-reset-btn{padding:3px 8px;border:1px solid #555;background:transparent;color:#999;font-size:.7rem;cursor:pointer;border-radius:3px}.config-reset-btn:hover{color:#fff;border-color:#888}.config-close{border:none;background:none;color:#666;font-size:1.2rem;cursor:pointer;line-height:1}.config-close:hover{color:#fff}.config-form-container{flex:1;overflow-y:auto;color:#1a1a1a;font-size:12px}.status-bar{height:24px;padding:0 12px;background:#007acc;display:flex;align-items:center;font-size:.75rem;color:#fff;flex-shrink:0}