/* Samgod 1.3: lightweight standalone UI, no external fonts or trackers. */
:root{color-scheme:dark;--bg:#101116;--surface:#191b23;--text:#f3f4f7;--muted:#b3b7c6;--line:#484d60;--accent:#b8a4ff;--button:#c5b5ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,5.5vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:720}h2{font-size:24px;line-height:1.25;letter-spacing:-.025em}h3{font-size:21px;line-height:1.3}p{color:var(--muted)}h1 span{color:var(--accent)}.ravel-shell{max-width:1440px;padding:0 48px;margin:auto}.ravel-top{max-width:1120px;min-height:96px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.ravel-logo{color:var(--text);font-size:21px;font-weight:850;letter-spacing:.04em;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.ravel-logo span{color:var(--accent)}.ravel-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ravel-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;min-height:44px;color:var(--muted);font-size:14px}.ravel-nav a[aria-current=page]{color:var(--text);text-decoration:underline;text-underline-offset:8px}.ravel-nav a.ravel-nav-cta{border:1px solid var(--line);border-radius:8px;color:var(--text)}.ravel-main{max-width:1120px;margin:64px auto}.ravel-home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center;padding:8px 0 64px}.ravel-eyebrow{display:flex;gap:8px;align-items:center;font:600 14px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:var(--accent);margin-bottom:16px}.ravel-home-hero p{max-width:490px;margin-top:24px}.ravel-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.ravel-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--button);border:1px solid var(--button);border-radius:8px;font-weight:650;color:#1c1535;white-space:normal}.ravel-button:hover{background:#d5caff;text-decoration:none}.ravel-button-secondary{background:transparent;color:var(--text);border-color:var(--line)}.ravel-button-secondary:hover{background:var(--surface)}.ravel-text-link{display:inline-flex;min-height:44px;align-items:center}.ravel-code-preview{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.ravel-code-bar{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);font:14px/1.5 ui-monospace,Consolas,monospace;color:var(--muted)}.ravel-code-preview pre{padding:32px 24px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.85 ui-monospace,Consolas,monospace}.ravel-code-comment{color:var(--accent)}.ravel-pipeline{display:flex;justify-content:space-between;gap:12px;padding:20px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);font:14px/1.5 ui-monospace,Consolas,monospace}.ravel-preview-bottom{padding:24px}.ravel-preview-bottom strong{font-size:21px}.ravel-preview-bottom p{margin:8px 0 16px}.ravel-preview-bottom .ravel-muted{font-size:14px}.ravel-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-top:32px}.ravel-feature-grid article{padding:32px 24px}.ravel-feature-grid article:first-child{padding-left:0}.ravel-feature-grid article+article{border-left:1px solid var(--line)}.ravel-feature-grid h2{font-size:22px;margin:16px 0 12px}.ravel-feature-grid p{font-size:16px}.ravel-step{color:var(--muted);font:14px/1.5 ui-monospace,Consolas,monospace}.ravel-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:64px}.ravel-bottom-cta p{margin-top:12px;max-width:650px}.ravel-foot{max-width:1120px;margin:0 auto;padding:24px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:32px;font-size:14px;color:var(--muted)}.ravel-foot span{max-width:650px}.ravel-foot strong{color:var(--text)}.ravel-skip{position:absolute;left:24px;top:-100px;padding:12px;background:var(--button);color:#1c1535;z-index:10}.ravel-skip:focus{top:16px}.ravel-hero{margin-bottom:32px}.ravel-hero h1{font-size:clamp(36px,5vw,56px);margin-bottom:16px}.ravel-hero p{max-width:700px}.ravel-auth-intro{max-width:600px;margin:0 auto 32px}.ravel-auth-intro h1{font-size:clamp(36px,5vw,48px);margin-bottom:16px}.ravel-auth-grid{max-width:600px;margin:auto}.ravel-auth-switch{max-width:600px;margin:24px auto}.ravel-card{padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.ravel-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.ravel-card-head .ravel-eyebrow{margin:0 0 8px}.ravel-card p{margin:12px 0}.ravel-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:24px;align-items:start}.ravel-side{display:grid;gap:24px}.ravel-side .ravel-card{padding:24px}.ravel-plan{font-size:28px}.ravel-muted{color:var(--muted);font-size:14px}.ravel-shell label{display:block;font-size:16px;font-weight:550;margin:20px 0 8px}.ravel-label-note{font-weight:400;font-size:14px;color:var(--muted)}input[type=email],input[type=password],select,textarea{display:block;width:100%;min-height:48px;padding:12px;border:1px solid #777d91;border-radius:8px;background:var(--bg);color:var(--text);font:inherit}textarea{min-height:320px;resize:vertical;font:14px/1.6 ui-monospace,Consolas,monospace}textarea::placeholder{color:var(--muted)}input[type=file]{display:block;max-width:100%;width:100%;min-height:48px;font:14px/1.5 system-ui,sans-serif;overflow:hidden}input[type=file]::file-selector-button{min-height:44px;padding:8px 12px;margin-right:12px;border:1px solid #777d91;border-radius:8px;background:var(--bg);color:var(--text);cursor:pointer}.ravel-source-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:14px}.ravel-fields,.ravel-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ravel-options{margin-top:24px}.ravel-shell label.ravel-check{display:flex;align-items:center;gap:12px;padding:12px;min-height:48px;margin:0;border:1px solid #777d91;border-radius:8px;font-size:14px;cursor:pointer}.ravel-check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.ravel-check small{display:block;color:var(--muted);font-size:14px}.ravel-check:has(input:disabled){opacity:.65}.ravel-shell button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;border:1px solid var(--button);border-radius:8px;margin-top:24px;padding:12px 16px;background:var(--button);color:#1c1535;font:650 16px/1.5 system-ui,sans-serif;cursor:pointer}.ravel-shell button:hover{background:#d5caff}.ravel-status{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--accent);white-space:normal}.ravel-live-dot{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;flex-shrink:0}.ravel-target-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ravel-target-list span{font-size:14px;border:1px solid var(--line);padding:4px 8px;border-radius:4px}.ravel-divider{height:1px;background:var(--line);margin:24px 0}.ravel-small{font-size:14px;color:var(--muted)}.ravel-notice{max-width:1120px;margin:0 auto 24px;padding:16px 20px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--text)}.ravel-error{border-color:#ee9c9c;color:#ffc9c9}main:focus{outline:none}
@media(max-width:960px){.ravel-shell{padding:0 24px}.ravel-home-hero{gap:32px}.ravel-grid{grid-template-columns:minmax(0,1fr) 250px}.ravel-top{gap:16px}.ravel-nav{gap:0}.ravel-nav a{padding:10px}.ravel-feature-grid article{padding:24px 16px}}
@media(max-width:700px){.ravel-shell{padding:0 20px}.ravel-top{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:16px 0}.ravel-nav{width:100%;gap:4px}.ravel-nav a{font-size:14px;padding:8px;flex-grow:1}.ravel-main{margin:40px auto}.ravel-home-hero{grid-template-columns:1fr;gap:32px;padding-bottom:16px}.ravel-home-hero h1{font-size:48px}.ravel-home-hero p{margin-top:20px}.ravel-actions{gap:16px;margin-top:24px}.ravel-feature-grid{grid-template-columns:1fr}.ravel-feature-grid article,.ravel-feature-grid article:first-child{padding:24px 0}.ravel-feature-grid article+article{border-left:0;border-top:1px solid var(--line)}.ravel-bottom-cta,.ravel-foot{flex-direction:column;align-items:flex-start;gap:24px}.ravel-bottom-cta{margin-top:40px}.ravel-grid,.ravel-fields,.ravel-options{grid-template-columns:1fr}.ravel-card,.ravel-side .ravel-card{padding:24px}.ravel-auth-intro h1{font-size:38px}.ravel-card-head{align-items:flex-start}.ravel-code-preview pre{padding:24px;font-size:14px}.ravel-code-bar{padding:16px 24px}.ravel-pipeline{gap:8px}.ravel-foot{padding-bottom:24px}.ravel-foot span{max-width:100%}.ravel-auth-intro,.ravel-hero p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}