:root,[data-theme=light]{--bg: #fafafa;--panel: #ffffff;--subpanel: #f5f6f8;--border: #e5e7eb;--border-light: #f0f1f3;--text: #111827;--text-dim: #6b7280;--text-muted: #9ca3af;--accent: #4f46e5;--accent-light: #eef2ff;--accent-hover: #4338ca;--success: #059669;--success-light: #ecfdf5;--danger: #dc2626;--danger-light: #fef2f2;--warning: #d97706;--warning-light: #fffbeb;--shadow-sm: 0 1px 2px rgba(0,0,0,.03);--shadow: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.05);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--transition: .15s ease;--editor-bg: #ffffff;--scrollbar-thumb: #d1d5db;--scrollbar-hover: #9ca3af}[data-theme=dark]{--bg: #0d1017;--panel: #151921;--subpanel: #1a1f2b;--border: #262d3a;--border-light: #1e2530;--text: #e4e8f0;--text-dim: #8a94a6;--text-muted: #5c6578;--accent: #818cf8;--accent-light: rgba(129,140,248,.1);--accent-hover: #a5b4fc;--success: #34d399;--success-light: rgba(52,211,153,.08);--danger: #f87171;--danger-light: rgba(248,113,113,.08);--warning: #fbbf24;--warning-light: rgba(251,191,36,.08);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--editor-bg: #1a1f2b;--scrollbar-thumb: #3a4250;--scrollbar-hover: #4a5568}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:grid;grid-template-columns:256px 1fr;height:100dvh;gap:0}.aside{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.inner{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:1px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 4px 14px;border-bottom:1px solid var(--border)}.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#7c3aed);flex-shrink:0}.brand strong{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.aside-group{margin-top:2px}.section h3{margin:0;font-size:13px;font-weight:600;color:var(--text);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);-webkit-user-select:none;user-select:none}.section h3:hover{background:var(--subpanel)}.skills-list{list-style:none;margin:2px 0 0;padding:0}.skills-list li{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 32px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-dim);border:1px solid transparent;transition:background var(--transition),color var(--transition)}.skills-list li:hover{background:var(--subpanel);color:var(--text)}.skills-list li.active{background:var(--accent-light);color:var(--accent);font-weight:600}.skill-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-actions{display:none;gap:4px}.skills-list li:hover .skill-actions{display:inline-flex}.switch{position:relative;display:inline-flex;width:32px;height:18px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:999px;transition:background var(--transition)}.switch span:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform var(--transition);box-shadow:var(--shadow-sm)}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(14px)}.btn,button{appearance:none;font-family:var(--font);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);line-height:1.4}.btn:hover,button:hover{background:var(--subpanel)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--subpanel)}.btn.danger{border-color:#fca5a5;background:var(--danger-light);color:var(--danger)}.btn.danger:hover{background:#fee2e2}.btn.small{padding:4px 8px;font-size:12px}.btn.block{width:100%}.pill{padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:500;background:var(--subpanel);color:var(--text-dim)}.main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel{flex:1;background:var(--panel);border:1px solid var(--border-light);margin:12px 12px 12px 0;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane{min-height:0;flex:1;overflow-y:auto}.pane-content{padding:32px 36px}.pane-content h2{font-size:20px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em;color:var(--text)}.editor{background:var(--editor-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:visible;box-shadow:var(--shadow-sm)}.toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border-light);background:var(--subpanel);position:sticky;top:0;z-index:10;border-radius:var(--radius) var(--radius) 0 0}.toolbar .group{display:inline-flex;gap:2px;padding-right:8px;border-right:1px solid var(--border-light)}.toolbar .group:last-child{border-right:none;padding-right:0}.toolbar .btn.small,.toolbar button.small,.toolbar select.btn.small{background:transparent;border-color:transparent;color:var(--text-dim);padding:4px 7px;font-size:12px}.toolbar .btn.small:hover{background:var(--panel);color:var(--text);border-color:var(--border)}.editor-area{min-height:260px;padding:16px 18px;outline:none;line-height:1.5;font-size:14px;color:var(--text);background:var(--editor-bg)}.editor-area p,.editor-area div{margin:0;padding:0}.editor-area:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.editor-area *{color:inherit!important;background:transparent!important}.editor-area code{font-family:var(--font-mono)!important;font-size:12px!important;background:var(--subpanel)!important;color:#111827!important;padding:2px 5px!important;border-radius:4px!important;border:1px solid var(--border)!important;white-space:nowrap;display:inline;vertical-align:baseline;line-height:inherit}[data-theme=dark] .editor-area code{color:#e4e8f0!important}.editor-area code.status-ref{color:#6b7280!important}[data-theme=dark] .editor-area code.status-ref{color:#8a94a6!important}.editor-area code.tool-ref{color:var(--accent)!important;border-color:var(--accent)!important;background:#4f46e514!important}[data-theme=dark] .editor-area code.tool-ref{color:#a5b4fc!important;background:#6366f126!important}.editor-area code.tool-field-ref{color:#0891b2!important;border-color:#0891b2!important;background:#0891b214!important}[data-theme=dark] .editor-area code.tool-field-ref{color:#67e8f9!important;background:#0891b226!important}.editor-area code.system-tool-ref{color:#059669!important;border-color:#059669!important;background:#10b98114!important}[data-theme=dark] .editor-area code.system-tool-ref{color:#6ee7b7!important;background:#10b98126!important}.editor-area code.workflow-ref{color:#ea580c!important;border-color:#ea580c!important;background:#ea580c14!important}[data-theme=dark] .editor-area code.workflow-ref{color:#fb923c!important;background:#ea580c26!important}.editor-area code.tag-ref{color:#d97706!important;border-color:#d97706!important;background:#f59e0b14!important}[data-theme=dark] .editor-area code.tag-ref{color:#fbbf24!important;background:#f59e0b26!important}.editor-area img{max-width:100%!important;height:auto!important;border-radius:4px;margin:4px 0;display:inline-block}.editor-area a{color:var(--accent)!important;text-decoration:underline}.header-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.muted{color:var(--text-dim)}.settings-section{padding:20px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--panel)}@media(max-width:980px){.app{grid-template-columns:1fr}.aside{border-right:none;border-bottom:1px solid var(--border)}.panel{margin:0 12px 12px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::selection{background:#4f46e526;color:inherit}[data-amplify-authenticator]{--amplify-components-authenticator-router-border-width: 0;--amplify-components-authenticator-router-box-shadow: 0 4px 24px rgba(0,0,0,.08);--amplify-components-button-primary-background-color: var(--accent);--amplify-components-button-primary-hover-background-color: var(--accent-hover);--amplify-components-fieldcontrol-border-color: var(--border);--amplify-components-fieldcontrol-focus-border-color: var(--accent);--amplify-fonts-default-static: var(--font);--amplify-fonts-default-variable: var(--font);min-height:100vh;display:flex;align-items:center;justify-content:center}[data-amplify-authenticator] [data-amplify-router]{border-radius:16px;border:1px solid var(--border);background:var(--panel);padding:8px}.app .main{position:relative}.app .main>*{position:relative;z-index:0}