@font-face{font-family:'OswaldTT';src:url('/fonts/Oswald-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'RobotoTT';src:url('/fonts/Roboto-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}img{display:block;max-width: 100%;}header.menu{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:rgba(5,6,8,0.98);border-bottom:1px solid rgba(220,38,38,0.2);box-shadow:0 4px 24px rgba(0,0,0,0.3);}.menu-logo img{max-height: 50px;width:auto;}.menu-links{display:flex;align-items:center;gap:6px;}.menu-links a{color:#b8b0a6;font-family:'RobotoTT','Roboto',sans-serif;font-size:13px;font-weight:500;text-decoration:none;text-transform:none;letter-spacing:0;padding:6px 12px;border-radius:0;transition:color 0.18s,background 0.18s;}.menu-links a:hover{color:#f0ece4;background:rgba(220,38,38,0.08);}.menu-toggle{display:none;font-size:24px;color:#b8b0a6;cursor:pointer;padding:4px 8px;border-radius:0;transition:color 0.18s,background 0.18s;line-height:1;user-select:none;z-index:1001;}.menu-toggle:hover{color:#f0ece4;background:rgba(220,38,38,0.08);}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:1001;}.mobile-menu-overlay.active{display:block;}.mobile-menu{position:fixed;top:0;right:-100%;width:min(320px,90vw);height:100vh;background:linear-gradient(180deg,#0a0c11 0%,#060709 100%);border-left:1px solid rgba(220,38,38,0.22);z-index:1002;display:flex;flex-direction:column;padding:72px 0 24px;transition:right 0.38s cubic-bezier(0.4,0,0.2,1);box-shadow:-8px 0 32px rgba(0,0,0,0.5);}.mobile-menu.active{right:0;}.mobile-menu a{display:block;padding:13px 28px;color:#c9c0b3;font-family:'RobotoTT','Roboto',sans-serif;font-size:15px;font-weight:500;text-decoration:none;text-transform:none;letter-spacing:0;border-bottom:1px solid rgba(255,255,255,0.04);transition:color 0.18s,background 0.18s,padding-left 0.18s;}.mobile-menu a:hover{color:#f0ece4;background:rgba(220,38,38,0.06);padding-left:34px;}.mobile-menu-footer{margin-top:auto;padding:16px 28px 0;border-top:1px solid rgba(220,38,38,0.14);}.mobile-menu-footer a{border-bottom:none !important;color:rgba(220,38,38,0.8) !important;font-size:13px !important;padding:8px 0 !important;}.mobile-menu-footer a:hover{color:var(--gm-accent) !important;background:none !important;padding-left:0 !important;}@media (max-width: 768px){header.menu{padding:12px 20px;}.menu-logo img{max-height: 46px;}.menu-links{display:none;}.menu-toggle{display:block;}}:root{--gm-bg:#06070a;--gm-surface:#10131a;--gm-surface-strong:rgba(10,12,17,0.94);--gm-surface-soft:rgba(17,12,14,0.8);--gm-border:rgba(165,60,49,0.34);--gm-border-soft:rgba(145,54,45,0.18);--gm-border-faint:rgba(255,255,255,0.06);--gm-text:#f6efe8;--gm-muted:#b5a79b;--gm-muted-strong:#d9c8b8;--gm-accent:#cf4f3d;--gm-accent-2:#e0b95a;--gm-shadow:0 30px 80px rgba(0,0,0,0.48);--gm-radius:0px;--gm-radius-sm:0px;}body{background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(191,72,55,0.18) 0%,transparent 58%),radial-gradient(circle at 18% 12%,rgba(191,72,55,0.08) 0%,transparent 24%),radial-gradient(circle at 84% 10%,rgba(224,185,90,0.06) 0%,transparent 16%),linear-gradient(180deg,#050608 0%,#090b10 46%,#07080c 100%);color:var(--gm-text);font-family:'RobotoTT','Roboto',sans-serif;min-height: 100vh;}.main{max-width: 1280px;margin:0 auto 72px;padding:96px 20px 0;}.gen-hero{position:relative;margin-bottom:34px;}.gen-hero__frame{position:relative;overflow:hidden;text-align:center;padding:38px 24px 34px;border:1px solid rgba(166,61,50,0.3);border-radius:var(--gm-radius);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(rgba(196,77,61,0.46),rgba(196,77,61,0.46)) top left / 24px 1px no-repeat,linear-gradient(rgba(196,77,61,0.46),rgba(196,77,61,0.46)) top left / 1px 24px no-repeat,linear-gradient(rgba(224,185,90,0.3),rgba(224,185,90,0.3)) top right / 24px 1px no-repeat,linear-gradient(rgba(224,185,90,0.3),rgba(224,185,90,0.3)) top right / 1px 24px no-repeat,linear-gradient(rgba(120,43,35,0.24),rgba(120,43,35,0.24)) bottom right / 24px 1px no-repeat,linear-gradient(rgba(120,43,35,0.24),rgba(120,43,35,0.24)) bottom right / 1px 24px no-repeat,radial-gradient(circle at top left,rgba(112,27,20,0.18),transparent 28%),linear-gradient(155deg,rgba(8,9,13,0.96),rgba(19,11,13,0.92) 56%,rgba(10,13,18,0.97));box-shadow:var(--gm-shadow),0 0 0 1px rgba(255,255,255,0.025) inset;}.gen-hero__frame::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(255,255,255,0.015) 4px,rgba(255,255,255,0.015) 5px),radial-gradient(circle at 12% 18%,rgba(229,193,112,0.08),transparent 18%);pointer-events:none;}.gen-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px;border:1px solid rgba(224,185,90,0.28);border-radius:4px;background:rgba(21,15,6,0.56);font-family:ui-monospace,"JetBrains Mono","Fira Code",monospace;font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gm-accent-2);margin:0 0 12px;opacity:0.92;}.gen-hero h1{font-family:'OswaldTT','Oswald',sans-serif;font-size:clamp(38px,6vw,76px);font-weight:400;letter-spacing:0.06em;line-height:0.94;color:var(--gm-text);margin:0 0 16px;text-shadow:0 10px 36px rgba(0,0,0,0.56);}.gen-hero h1 span{background:linear-gradient(135deg,#f5e6b0 0%,#e0b95a 38%,#cf4f3d 72%,#8f2d24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.gen-subtitle{max-width: 720px;margin:0 auto;font-family:'RobotoTT','Roboto',sans-serif;font-size:15px;line-height:1.7;color:var(--gm-muted);letter-spacing:0.3px;}.gen-hero__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px;}.gen-chip{display:inline-flex;align-items:center;min-height: 32px;padding:7px 12px;border-radius:4px;border:1px solid rgba(151,56,46,0.34);background:linear-gradient(rgba(196,77,61,0.18),rgba(196,77,61,0.18)) top left / 14px 1px no-repeat,linear-gradient(rgba(196,77,61,0.18),rgba(196,77,61,0.18)) top left / 1px 14px no-repeat,linear-gradient(140deg,rgba(10,11,16,0.9),rgba(22,12,15,0.82));color:var(--gm-muted-strong);font-family:ui-monospace,"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;}.generator-container{display:grid;gap:22px;border:1px solid var(--gm-border);border-radius:var(--gm-radius);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));background:linear-gradient(rgba(196,77,61,0.54),rgba(196,77,61,0.54)) top left / 26px 1px no-repeat,linear-gradient(rgba(196,77,61,0.54),rgba(196,77,61,0.54)) top left / 1px 26px no-repeat,linear-gradient(rgba(224,185,90,0.46),rgba(224,185,90,0.46)) top right / 26px 1px no-repeat,linear-gradient(rgba(224,185,90,0.46),rgba(224,185,90,0.46)) top right / 1px 26px no-repeat,linear-gradient(rgba(120,43,35,0.32),rgba(120,43,35,0.32)) bottom right / 26px 1px no-repeat,linear-gradient(rgba(120,43,35,0.32),rgba(120,43,35,0.32)) bottom right / 1px 26px no-repeat,radial-gradient(circle at 0% 0%,rgba(196,77,61,0.1) 0%,transparent 35%),radial-gradient(circle at 100% 100%,rgba(224,185,90,0.05) 0%,transparent 26%),linear-gradient(160deg,rgba(8,10,14,0.985) 0%,rgba(18,11,14,0.96) 54%,rgba(10,12,17,0.99) 100%);box-shadow:0 32px 72px rgba(0,0,0,0.48),0 0 70px rgba(124,40,31,0.09);padding:26px;overflow:hidden;position:relative;}.generator-container::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,0.012) 5px 6px),linear-gradient(180deg,rgba(255,255,255,0.04),transparent 18%);pointer-events:none;}.generator-container::after{content:'';position:absolute;top:0;right:0;width:72px;height:72px;pointer-events:none;background:linear-gradient(225deg,rgba(224,185,90,0.22) 0%,rgba(207,79,61,0.14) 32%,transparent 60%);}.gen-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}.gen-col-title{position:relative;display:inline-flex;align-items:center;align-self:flex-start;min-height: 34px;padding:6px 12px;border-radius:4px;border:1px solid rgba(224,185,90,0.18);background:rgba(20,15,9,0.46);font-family:ui-monospace,"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gm-accent-2);margin:0 0 8px;}.gen-col{display:flex;flex-direction:column;gap:10px;}.block{position:relative;border:1px solid var(--gm-border-soft);border-radius:var(--gm-radius-sm);background:linear-gradient(rgba(192,74,58,0.22),rgba(192,74,58,0.22)) top left / 14px 1px no-repeat,linear-gradient(rgba(192,74,58,0.22),rgba(192,74,58,0.22)) top left / 1px 14px no-repeat,linear-gradient(rgba(118,42,35,0.18),rgba(118,42,35,0.18)) bottom right / 14px 1px no-repeat,linear-gradient(rgba(118,42,35,0.18),rgba(118,42,35,0.18)) bottom right / 1px 14px no-repeat,linear-gradient(145deg,rgba(12,14,19,0.92),rgba(25,16,19,0.8));padding:16px;box-shadow:0 14px 30px rgba(0,0,0,0.18);transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;}.block:focus-within{border-color:rgba(212,92,74,0.42);transform:translateY(-1px);box-shadow:0 18px 36px rgba(0,0,0,0.24),0 0 0 1px rgba(224,185,90,0.06) inset;}.block label,.generator-container label{display:block;margin:0 0 7px;font-family:ui-monospace,"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gm-muted);}.gen-range-label{margin-top:10px;}.generator-container input[type="text"],.generator-container input[type="number"],.generator-container input[type="file"],.generator-container select,.generator-container .styled-select{width:100%;border:1px solid rgba(147,57,47,0.28);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,0.03),transparent),rgba(5,7,11,0.82);color:var(--gm-text);padding:11px 12px;font-family:'RobotoTT','Roboto',sans-serif;font-size:14px;box-sizing:border-box;transition:border-color 0.18s,box-shadow 0.18s;}.generator-container input:focus,.generator-container select:focus{outline:none;border-color:rgba(220,38,38,0.46);box-shadow:0 0 0 3px rgba(220,38,38,0.1);}.generator-container small,#char-counter{display:block;margin-top:6px;font-family:'RobotoTT','Roboto',sans-serif;font-size:11px;color:var(--gm-muted);letter-spacing:0;text-transform:none;}.gen-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.gen-colors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}.generator-container input[type="color"]{height:42px;padding:3px;cursor:pointer;border-radius:0;}.generator-container input[type="range"]{width:100%;margin-top:8px;accent-color:var(--gm-accent);cursor:pointer;}.gen-canvas-panel{position:relative;border:1px solid rgba(166,61,50,0.24);border-radius:var(--gm-radius);background:linear-gradient(rgba(224,185,90,0.18),rgba(224,185,90,0.18)) top right / 18px 1px no-repeat,linear-gradient(rgba(224,185,90,0.18),rgba(224,185,90,0.18)) top right / 1px 18px no-repeat,linear-gradient(rgba(192,74,58,0.18),rgba(192,74,58,0.18)) bottom left / 18px 1px no-repeat,linear-gradient(rgba(192,74,58,0.18),rgba(192,74,58,0.18)) bottom left / 1px 18px no-repeat,linear-gradient(150deg,rgba(7,9,13,0.94),rgba(17,11,13,0.88) 58%,rgba(11,13,18,0.97));padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02),0 20px 38px rgba(0,0,0,0.24);}.gen-canvas-label{display:flex;align-items:center;gap:8px;font-family:ui-monospace,"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gm-accent-2);margin:0 0 14px;}#canvas{display:block;width:100%;height:auto;border-radius:0;border:1px solid rgba(164,59,48,0.28);background:radial-gradient(circle at 20% 16%,rgba(255,255,255,0.025),transparent 24%),rgba(6,8,12,0.92);box-shadow:0 18px 42px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.02) inset;}.gen-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}#generate-btn,#download-btn,#reset-btn{display:inline-flex;align-items:center;gap:7px;border-radius:0;border:1px solid transparent;padding:12px 20px;font-family:'OswaldTT','Oswald',ui-monospace,monospace;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:0.12em;text-transform:uppercase;transition:transform 0.18s,box-shadow 0.18s,background 0.18s,border-color 0.18s;}#generate-btn{background:linear-gradient(135deg,#2b1b18 0%,#7c2e24 56%,#d0614e 100%);color:#fff7f2;flex:1;justify-content:center;border-color:rgba(214,104,85,0.36);box-shadow:0 12px 28px rgba(123,37,28,0.34),0 0 18px rgba(220,38,38,0.12);}#generate-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(123,37,28,0.42),0 0 24px rgba(220,38,38,0.18);}#download-btn{background:linear-gradient(145deg,rgba(10,12,16,0.94),rgba(25,18,21,0.9));border-color:rgba(139,52,43,0.34);color:var(--gm-text);flex:1;justify-content:center;}#reset-btn{background:rgba(255,255,255,0.025);border-color:rgba(255,255,255,0.08);color:var(--gm-muted);padding:12px 16px;}#download-btn:hover,#reset-btn:hover{transform:translateY(-1px);border-color:rgba(220,38,38,0.5);color:var(--gm-text);}.gen-hint{margin-top:12px;font-family:ui-monospace,"JetBrains Mono",monospace;font-size:12px;color:var(--gm-muted);text-align:center;letter-spacing:0.05em;text-transform:uppercase;opacity:0.62;}.gen-articles{margin-top:32px;padding-top:28px;border-top:1px solid rgba(220,38,38,0.12);}.gen-articles-title{font-family:'OswaldTT','Oswald',sans-serif;font-size:28px;letter-spacing:3px;color:var(--gm-muted);margin:0 0 16px;font-weight:400;}.gen-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}.gen-article-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--gm-border-soft);border-radius:0;background:linear-gradient(rgba(192,74,58,0.18),rgba(192,74,58,0.18)) top left / 14px 1px no-repeat,linear-gradient(rgba(192,74,58,0.18),rgba(192,74,58,0.18)) top left / 1px 14px no-repeat,linear-gradient(145deg,rgba(10,12,16,0.92),rgba(24,17,20,0.86));text-decoration:none;transition:background 0.18s,border-color 0.18s,transform 0.18s,box-shadow 0.18s;}.gen-article-card:hover{background:linear-gradient(rgba(224,185,90,0.12),rgba(224,185,90,0.12)) top left / 14px 1px no-repeat,linear-gradient(rgba(224,185,90,0.12),rgba(224,185,90,0.12)) top left / 1px 14px no-repeat,linear-gradient(145deg,rgba(14,16,21,0.96),rgba(34,18,20,0.92));border-color:rgba(214,104,85,0.34);transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,0.26);}.gen-article-tag{font-family:'RobotoTT','Roboto',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gm-accent);opacity:0.85;}.gen-article-text{font-family:'RobotoTT','Roboto',sans-serif;font-size:13px;font-weight:500;color:#c9c0b3;line-height:1.4;}.gen-article-card:hover .gen-article-text{color:var(--gm-text);}@media (max-width: 900px){.gen-layout{grid-template-columns:1fr;}.gen-articles-grid{grid-template-columns:1fr 1fr;}}@media (max-width: 768px){.main{padding:82px 12px 0;}.gen-hero__frame{padding:30px 18px 26px;}.generator-container{padding:14px;gap:16px;}.gen-colors{grid-template-columns:1fr 1fr 1fr;}.gen-articles-grid{grid-template-columns:1fr;}#generate-btn,#download-btn{flex:1 1 100%;}}@media (max-width: 480px){.gen-row-2{grid-template-columns:1fr;}.gen-colors{grid-template-columns:1fr 1fr;}}.footer{margin-top:56px;border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent 0%,rgba(220,38,38,0.5) 22%,rgba(224,185,90,0.9) 50%,rgba(220,38,38,0.5) 78%,transparent 100%) 1;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(224,185,90,0.04) 0%,transparent 50%),radial-gradient(ellipse 70% 120% at 50% 100%,rgba(220,38,38,0.07) 0%,transparent 65%),linear-gradient(180deg,#0c0e14 0%,#050608 100%);}.footer>.footer-columns{display:grid;grid-template-columns:1fr 1fr 1.2fr;max-width: 1280px;margin:0 auto;padding:0 32px;}.footer-column{padding:32px 28px;border:none;background:transparent;box-shadow:none;}.footer-column:nth-child(2){border-left:1px solid rgba(224,185,90,0.12);border-right:1px solid rgba(224,185,90,0.12);}.footer-column h3{font-family:'OswaldTT','Oswald',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;line-height:1;color:rgba(224,185,90,0.72);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(224,185,90,0.14);}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:2px;}.footer-column ul li a,.footer-column>a{display:flex;align-items:center;gap:8px;padding:6px 0;color:#b8b0a6;font-family:'RobotoTT','Roboto',sans-serif;font-size:13px;font-weight:500;text-decoration:none;text-transform:none;letter-spacing:0;transition:color 0.18s,padding-left 0.18s;}.footer-column ul li a::before,.footer-column>a::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(224,185,90,0.35);flex-shrink:0;transition:background 0.18s,transform 0.18s;}.footer-column ul li a:hover,.footer-column>a:hover{color:#f5e6b0;padding-left:5px;}.footer-column ul li a:hover::before,.footer-column>a:hover::before{background:rgba(224,185,90,0.9);transform:scale(1.4);}.footer .menu-logo-footer img{max-height: 56px;width:auto;margin-bottom:18px;opacity:0.85;filter:brightness(0.92) contrast(1.05);}.footer .icon-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:0;border:1px solid rgba(224,185,90,0.18);background:rgba(224,185,90,0.03);color:#b8b0a6;text-decoration:none;transition:background 0.18s,border-color 0.18s,color 0.18s,box-shadow 0.18s;}.footer .icon-link:hover{background:rgba(224,185,90,0.1);border-color:rgba(224,185,90,0.55);color:#f5e6b0;box-shadow:0 0 14px rgba(224,185,90,0.15);}.footer .icon-link::before{display:none;}.footer .copy{max-width: 1280px;margin:0 auto;padding:16px 32px 24px;border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent 0%,rgba(224,185,90,0.18) 50%,transparent 100%) 1;text-align:center;}.footer .copy p{font-family:'OswaldTT','Oswald',ui-monospace,monospace;font-size:11px;color:rgba(181,167,155,0.42);text-transform:uppercase;letter-spacing:0.18em;}@media (max-width: 900px){.footer>.footer-columns{grid-template-columns:1fr;padding:0 20px;}.footer-column:nth-child(2){border-left:none;border-right:none;border-top:1px solid rgba(220,38,38,0.14);border-bottom:1px solid rgba(220,38,38,0.14);}.footer-column{padding:24px 16px;}.footer .copy{padding:12px 20px 16px;}}