:root{color-scheme:dark}body{background:linear-gradient(180deg,#0a0b0d,#101216);color:#e7e9ee;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,ui-sans-serif,sans-serif;min-height:100vh;margin:0;display:flex;flex-direction:column}.gpt-header{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #22252c}.gpt-header a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:700}.gpt-header .brand-dot{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#715cff,#38bdf8)}.gpt-header nav{margin-left:auto;display:flex;gap:20px;font-size:13px}.gpt-header nav a{color:#9ba0a8;font-weight:500}.gpt-header nav a:hover{color:#fff}.gpt-hero{text-align:center;padding:60px 20px 30px}.gpt-hero h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;background:linear-gradient(135deg,#715cff,#38bdf8 60%,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.gpt-hero p{color:#b6bac2;font-size:16px;margin:0 auto;max-width:640px}.gpt-composer{max-width:780px;margin:30px auto 0;padding:0 20px;display:flex;flex-direction:column;gap:12px}.gpt-composer textarea{width:100%;box-sizing:border-box;min-height:120px;padding:16px 18px;background:#ffffff0a;border:1px solid #2a2e36;border-radius:12px;color:#e7e9ee;font:inherit;resize:vertical;outline:none}.gpt-composer textarea:focus{border-color:#6366f1}.gpt-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gpt-chips{display:flex;gap:6px;flex-wrap:wrap;margin-right:auto}.gpt-chip{padding:5px 10px;background:#ffffff0a;border:1px solid #2a2e36;border-radius:999px;font-size:12px;color:#b6bac2;cursor:pointer}.gpt-chip:hover{border-color:#6366f1;color:#fff}.gpt-generate{padding:10px 18px;border-radius:10px;border:0;background:linear-gradient(135deg,#6366f1,#f59e0b);color:#fff;font-weight:700;cursor:pointer;font-size:14px}.gpt-generate:disabled{opacity:.5;cursor:not-allowed}.gpt-status{font-size:12px;color:#6b7280;margin-left:8px}.gpt-preview{max-width:1080px;margin:30px auto;padding:0 20px}.gpt-preview-card{background:#ffffff08;border:1px solid #22252c;border-radius:14px;padding:24px;min-height:320px;display:grid;place-items:center}.gpt-preview-card svg{max-width:100%;height:auto}.gpt-empty{color:#6b7280;font-size:13px;text-align:center}.gpt-code{max-width:1080px;margin:12px auto 20px;padding:0 20px}.gpt-code details{background:#ffffff08;border:1px solid #22252c;border-radius:10px;padding:8px 14px}.gpt-code summary{cursor:pointer;color:#b6bac2;font-size:13px;user-select:none}.gpt-code pre{margin:10px 0 4px;padding:12px;background:#0d0f13;border-radius:8px;overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#d3d5da}.gpt-cta{text-align:center;padding:40px 20px 60px;color:#b6bac2;font-size:13px}.gpt-cta a{color:#38bdf8;text-decoration:none;font-weight:600}.gpt-cta a:hover{text-decoration:underline}.err{color:#fca5a5;font-size:12px}