*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;overflow:hidden}#root,.app{flex-direction:column;height:100vh;display:flex}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.header-left{flex:none}.header-center{flex:1;justify-content:center;display:flex}.header-right{flex:none}.logo{color:#07c160;letter-spacing:-.5px;font-size:18px;font-weight:700}.app-main{flex:1;display:flex;overflow:hidden}.divider{background:#e5e7eb;flex-shrink:0;width:1px}.editor-panel,.preview-panel{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-toolbar{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.panel-title{color:#6b7280;flex:1;font-size:13px;font-weight:600}.toolbar-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 12px;font-size:12px}.toolbar-btn:hover{background:#f9fafb}.editor-textarea{resize:none;color:#1f2937;background:#fafafa;border:none;outline:none;flex:1;width:100%;padding:20px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:14px;line-height:1.7}.preview-scroll{flex:1;padding:20px;overflow-y:auto}.preview-content{word-break:break-word;max-width:677px;margin:0 auto}.theme-switcher{gap:6px;display:flex}.theme-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.theme-btn:hover{border-color:var(--accent)}.theme-btn[data-active=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, white);color:#374151;font-weight:600}.theme-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.copy-btn{color:#fff;cursor:pointer;background:#07c160;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s}.copy-btn:hover:not(:disabled){background:#06ad56}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.copy-btn--success{background:#4ade80}