*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Mono,monospace;background:#fff;color:#1a1a1a;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1400px;margin:0 auto;padding:24px 32px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e8e8e8;margin-bottom:28px}.header h1{font-size:16px;font-weight:500;color:#1a1a1a;letter-spacing:-.01em}.header .subtitle{font-size:12px;color:#999;margin-top:2px}.setup-form{max-width:640px}.form-section{margin-bottom:24px}.form-section h3{font-size:11px;text-transform:uppercase;color:#999;letter-spacing:.08em;margin-bottom:10px;font-weight:500}.form-row{display:flex;gap:12px;margin-bottom:8px}.form-row.full{flex-direction:column}label{display:block;font-size:11px;color:#888;margin-bottom:4px;font-weight:400}input[type=text],input[type=password],textarea{width:100%;padding:10px 12px;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;font-size:13px;font-family:DM Mono,monospace;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#bbb}input:focus,textarea:focus{border-color:#ccc;box-shadow:0 0 0 3px #00000008}textarea{min-height:80px;resize:vertical}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:DM Mono,monospace;transition:all .15s}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:#1a1a1a;color:#fff}.btn-primary:hover:not(:disabled){background:#333}.btn-secondary{background:#f5f5f5;color:#1a1a1a;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#eee}.btn-small{padding:6px 14px;font-size:12px}.maker-view{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:calc(100vh - 140px)}.panel{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:10px 14px;border-bottom:1px solid #e8e8e8;font-size:11px;text-transform:uppercase;color:#999;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-weight:500;background:#fff}.panel-body{flex:1;overflow-y:auto;padding:12px;background:#fff}.panel-body iframe{width:100%;height:100%;border:none;border-radius:4px}.log-entry{font-size:12px;line-height:1.6;padding:3px 0;border-bottom:1px solid #f0f0f0}.log-entry.status{color:#999}.log-entry.navigation{color:#2563eb}.log-entry.tool-call{color:#7c3aed}.log-entry.tool-result{color:#16a34a}.log-entry.tool-saved{color:#d97706;font-weight:500}.log-entry.tool-error{color:#dc2626}.log-entry.llm-message{color:#1a1a1a}.log-entry.pattern-added{color:#2563eb}.log-entry.error{color:#dc2626;font-weight:500}.log-label{color:#bbb;font-size:10px;text-transform:uppercase;margin-right:6px;letter-spacing:.04em}.result-view{max-width:900px}.result-actions{display:flex;gap:10px;margin-bottom:16px}.json-display{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:16px;max-height:500px;overflow-y:auto}.json-display pre{font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-all;color:#1a1a1a;font-family:DM Mono,monospace}.test-panel{margin-top:24px;padding-top:24px;border-top:1px solid #e8e8e8}.test-panel h3{font-size:14px;margin-bottom:12px;color:#1a1a1a;font-weight:500}.test-input-row{display:flex;gap:12px;margin-bottom:12px}.test-input-row input{flex:1}.saved-list{margin-top:28px}.saved-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:6px;font-size:13px;transition:background .1s}.saved-item:hover{background:#f5f5f5}.saved-item .domain{color:#1a1a1a;font-weight:500}.saved-item .tools-count{color:#999;font-size:11px}.saved-item .actions{display:flex;gap:6px}.phase-bar{display:flex;gap:8px;margin-bottom:24px}.phase-step{padding:6px 14px;border-radius:16px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#f5f5f5;color:#bbb;font-weight:400}.phase-step.active{background:#1a1a1a;color:#fff}.phase-step.done{background:#ecfdf5;color:#16a34a}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #e0e0e0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ccc}