:root{--bg:#f4f7fb;--surface:#fff;--text:#122033;--muted:#607086;--line:#dce4ef;--primary:#1463ff;--primary-dark:#0d49c8;--success:#137a4b;--danger:#c83434;--shadow:0 20px 60px rgba(24,45,78,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 32px));margin:0 auto}.narrow{width:min(540px,calc(100% - 32px));padding:72px 0}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:20px;font-weight:800;color:var(--text)}nav{display:flex;gap:24px}nav a{color:#35465b;font-weight:650}.hero{padding:82px 0 70px;background:linear-gradient(145deg,#fff 0%,#eef4ff 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}h1,h2{line-height:1.12;margin:0 0 18px;letter-spacing:-.035em}h1{font-size:clamp(40px,6vw,68px)}h2{font-size:clamp(30px,4vw,44px)}p{margin:0 0 20px}.lead{font-size:20px;color:var(--muted);max-width:700px}.feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.feature-row span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.preview-shell{background:#172235;border-radius:20px;padding:12px;box-shadow:var(--shadow);transform:rotate(1deg)}.browser-bar{height:38px;display:flex;align-items:center;gap:7px;color:#aebbd0;font-size:12px;padding:0 7px}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#77859b}.browser-bar span{margin-left:8px;background:#24324a;border-radius:8px;padding:4px 12px;flex:1}.preview-shell img{aspect-ratio:16/10;border-radius:12px;background:#eef3f9}.generator-section{padding:76px 0}.tool-card,.card,.table-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.tool-card{padding:38px}.tool-copy{max-width:720px}.generator-form{margin-top:28px}label{display:block;font-weight:750;margin-bottom:9px}input{width:100%;height:52px;border:1px solid #cbd6e5;border-radius:10px;padding:0 15px;font:inherit;color:var(--text);background:#fff}input:focus{outline:3px solid rgba(20,99,255,.15);border-color:var(--primary)}.input-row{display:grid;grid-template-columns:1fr auto;gap:12px}button{border:0;border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-weight:800;padding:0 23px;min-height:52px;cursor:pointer}button:hover{background:var(--primary-dark)}button:disabled{opacity:.65;cursor:wait}.form-help{font-size:14px;color:var(--muted);margin-top:9px}.result-card{margin-top:30px;border-top:1px solid var(--line);padding-top:28px}.result-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.result-header strong,.result-header span{display:block}.result-header span{color:var(--muted);font-size:14px}.result-image-wrap{background:#edf2f8;border:1px solid var(--line);border-radius:14px;padding:10px}.result-image-wrap img{width:640px;max-width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin:auto}.result-card code{display:block;margin-top:16px;padding:13px;background:#152033;color:#dfe8f7;border-radius:9px;overflow:auto;font-size:13px}.api-section{padding:76px 0;background:#122033;color:#fff}.api-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.api-section p{color:#b9c5d5}.api-section pre{margin:0;background:#091321;border:1px solid #29384d;border-radius:14px;padding:24px;overflow:auto}.api-section code{color:#d9e5f7}footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{min-height:80px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.card{padding:32px}.install-card h1,.login-card h1{font-size:38px}.card form{display:grid;gap:18px;margin-top:24px}.alert{padding:13px 15px;border-radius:9px;margin:16px 0;font-weight:650}.alert.success{background:#eaf8f1;color:var(--success);border:1px solid #bfe6d2}.alert.error{background:#fff0f0;color:var(--danger);border:1px solid #f0c0c0}.admin-main{padding:42px 0 72px}.admin-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.admin-title h1{font-size:44px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--text)}.stat-card span{display:block;color:var(--muted);font-weight:700}.stat-card strong{font-size:32px}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:960px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#f8fafc}td small{display:block;color:var(--muted);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-text{color:var(--danger)!important}.status{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.status.ready{background:#e5f7ee;color:#14734a}.status.pending{background:#fff5d9;color:#8a6111}.status.processing{background:#e9f1ff;color:#1857bb}.status.failed{background:#ffeded;color:#a82c2c}.actions{display:flex;gap:10px;align-items:center}.actions form{display:flex;gap:8px}.link-button{background:none;color:var(--primary);min-height:auto;padding:0}.link-button:hover{background:none;text-decoration:underline}.link-button.danger{color:var(--danger)}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}.pagination a{background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:8px}@media(max-width:800px){.hero-grid,.api-grid{grid-template-columns:1fr}.hero{padding-top:55px}.preview-shell{transform:none}.input-row{grid-template-columns:1fr}.input-row button{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-title{align-items:flex-start;flex-direction:column}.tool-card{padding:24px}.header-inner{min-height:64px}nav{gap:13px;font-size:14px}.footer-inner{flex-direction:column;justify-content:center;gap:4px}.result-header{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.container{width:min(100% - 24px,1160px)}h1{font-size:40px}.stats-grid{grid-template-columns:1fr 1fr}.card{padding:24px}input,button{font-size:16px}}