*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f5f5f7;height:100vh;overflow:hidden}.screen{height:100vh}#setup-screen{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;padding:2rem 1rem}.setup-card{background:#fff;border-radius:12px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000026;overflow:hidden}.setup-header{padding:1.5rem 2rem 1rem}.setup-card h1{font-size:1.6rem;margin-bottom:.15rem}.subtitle{color:#666;font-size:.9rem}.setup-steps{padding:0 2rem 1.5rem}.setup-section{padding-top:1.25rem;border-top:1px solid #eee;margin-top:1.25rem}.setup-section:first-child{margin-top:.5rem}.step-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#667eea;color:#fff;font-size:.7rem;font-weight:600;flex-shrink:0}.step-header h2{font-size:.95rem;font-weight:600}.setup-section p{font-size:.82rem;color:#666;margin-bottom:.6rem;line-height:1.4}.setup-section p a{color:#667eea}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #ccc;color:#999;font-size:.65rem;font-style:italic;font-family:Georgia,serif;cursor:help;flex-shrink:0;position:relative}.info-tip:hover{border-color:#667eea;color:#667eea}.info-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.45;padding:.6rem .8rem;border-radius:6px;width:260px;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:10;box-shadow:0 4px 12px #0003}.info-tip:hover:after{opacity:1;visibility:visible}.setup-footer{padding:.75rem 2rem 1.25rem;text-align:center;border-top:1px solid #eee}.reset-link{color:#bbb;font-size:.75rem;text-decoration:none}.reset-link:hover{color:#ef4444}#auth-screen{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{max-width:360px}input[type=password],input[type=text],select{width:100%;padding:.5rem .65rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem;margin-bottom:.4rem;font-family:inherit}input:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.input-row{display:flex;gap:.4rem}.input-row input{flex:1;margin-bottom:0}.input-row .btn{flex-shrink:0}code{background:#f0f0f0;padding:.1em .35em;border-radius:3px;font-size:.82em}.or-divider{display:block;text-align:center;color:#bbb;font-size:.75rem;margin:.35rem 0}.optional-badge{font-size:.65rem;background:#e8e8e8;color:#888;padding:.1em .45em;border-radius:3px;font-weight:400;vertical-align:middle}.btn-row{display:flex;align-items:center;gap:1rem}.skip-link{color:#999;font-size:.78rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(.95)}.btn-primary,#pat-connect{background:#667eea;color:#fff}.btn-secondary{background:#e8e8e8;color:#333}.btn-small{padding:.35rem .8rem;font-size:.8rem}.status{font-size:.78rem;display:block;margin-top:.3rem}.status:empty{display:none}.status.success{color:#22c55e}.status.error{color:#ef4444}.status.working{color:#f59e0b}.repo-badge{background:#fff3;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;margin-left:.75rem}#editor-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#1e1e1e;color:#fff;height:44px}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:.5rem}#editor-header .status{margin-top:0;display:inline}#editor-header .status a{color:inherit}#wp-playground{width:100%;height:calc(100vh - 44px);border:none}#loading-overlay{display:flex;align-items:center;justify-content:center;height:calc(100vh - 44px);background:#f5f5f7}.loader{text-align:center}.spinner{width:40px;height:40px;border:3px solid #ddd;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}#loading-message{color:#666;font-size:.9rem}