.auth-container{min-height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px 16px}.auth-card{width:100%;max-width:400px;background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:32px}.auth-card h2{color:#e8e8e8;font-size:22px;font-weight:700;margin:0 0 6px;text-align:center}.auth-card .subtitle{color:#666;font-size:13px;text-align:center;margin-bottom:24px}.auth-card label{display:block;color:#888;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.auth-card input{width:100%;padding:12px 14px;margin-bottom:16px;background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#d4d4d4;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s}.auth-card input:focus{border-color:#0a66c2}.auth-card button[type=submit]{width:100%;padding:12px;background:#0a66c2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .2s}.auth-card button[type=submit]:hover{background:#004182}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-card .error{color:#ef4444;font-size:13px;margin-bottom:14px;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:8px 12px}.auth-card .success{color:#4ade80;font-size:13px;margin-bottom:14px;text-align:center;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:6px;padding:8px 12px}.auth-card .links{text-align:center;margin-top:20px;font-size:13px}.auth-card .links a{color:#0a66c2;text-decoration:none}.auth-card .links a:hover{text-decoration:underline}.auth-card .links span{color:#555}.tool-root{min-height:100vh;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.tool-header{width:100%;max-width:900px;margin-bottom:28px;text-align:center}.tool-layout{display:flex;gap:32px;width:100%;max-width:900px;justify-content:center;align-items:flex-start}.tool-editor{flex:1;min-width:0}.tool-textarea{min-height:340px}.tool-preview{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.tool-phone-frame{transform-origin:top center;transition:transform .2s ease}.tool-truncated-preview{margin-top:24px;width:100%;max-width:900px;background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:16px}.tool-footer{margin-top:20px;width:100%;max-width:900px;font-size:12px;color:#555;line-height:1.6}.dash-nav{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background:#0a0a0a;border-bottom:1px solid #1e1e1e;gap:12px}@media(max-width:768px){.tool-layout{flex-direction:column;align-items:center;gap:24px}.tool-editor{width:100%}.tool-textarea{min-height:200px!important}.tool-preview{width:100%;align-items:center}}@media(max-width:440px){.tool-root{padding:16px 12px}.tool-header{margin-bottom:20px}.tool-phone-frame{transform:scale(.88);margin-bottom:-52px}}@media(max-width:480px){.auth-card{padding:24px 20px}}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px 16px}.auth-modal-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #2a2a2a}.auth-modal-tab{flex:1;padding:10px;background:transparent;border:none;border-bottom:2px solid transparent;color:#666;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:color .15s,border-color .15s;margin-bottom:-1px}.auth-modal-tab.active{color:#e8e8e8;border-bottom-color:#0a66c2}.auth-modal-tab:hover:not(.active){color:#aaa}.guest-hint{font-size:12px;color:#555;margin-top:6px;text-align:center}