@font-face{font-family:Geom;src:url(/gitignore-generator/assets/Geom-Light-Cg3SH4jz.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Geom;src:url(/gitignore-generator/assets/Geom-Regular-COhlTqve.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Geom;src:url(/gitignore-generator/assets/Geom-SemiBold-DRlrcEVZ.ttf)format("truetype");font-weight:600;font-style:normal}:root{color:#1a1a1a;background:#fff;font-family:Geom,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.page{background:#fff;width:100%;min-height:100vh;padding:26px 30px 34px;position:relative;overflow-x:hidden}.github-link{border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:22px;right:22px}.github-link img{width:28px;height:28px}.top-section{z-index:3;width:min(860px,100% - 20px);margin:40px auto 0;position:relative}.title{text-align:center;letter-spacing:.6px;margin:0 0 18px;font-size:clamp(26px,2.2vw,42px);font-weight:600}.title span{color:#27a8ff}.input-row{justify-content:flex-start;gap:10px;width:min(760px,100% - 8px);margin:0 auto;display:flex}.preset-input{border:1px solid #3f3f3f;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-size:14px;font-weight:300}.generate-btn{cursor:pointer;background:#fff;border:1px solid #3f3f3f;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-weight:600;display:inline-flex}.generate-btn img{width:14px;height:14px}.suggestions{background:#fff;border:1px solid #d7d7d7;border-radius:10px;width:min(760px,100% - 8px);margin:8px auto 0;padding:0;list-style:none;overflow:hidden}.suggestions li+li{border-top:1px solid #ececec}.suggestions button{text-align:left;cursor:pointer;background:#fff;border:none;flex-direction:column;gap:3px;width:100%;padding:10px 12px;display:flex}.suggestions button span{color:#6e6e6e;font-size:12px;font-weight:300}.selected-tags{flex-wrap:wrap;gap:8px;width:min(760px,100% - 8px);margin:10px auto 0;display:flex}.tag{cursor:pointer;background:#f8fcff;border:1px solid #8fd3ff;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:13px;font-weight:400;display:inline-flex}.tag span{color:#6a6a6a}.tag img{opacity:1;width:14px;height:14px}.tag-mark{flex:none;width:14px;height:14px}.status{width:min(760px,100% - 8px);margin:8px auto 0;font-size:13px;font-weight:300}.error{color:#bc2a2a}.preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(760px,100% - 8px);margin:18px auto 0;display:grid}.preset-item{background:#fff;border:1px solid #dfdfdf;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.preset-item span{font-weight:600}.preset-item small{color:#656565;font-size:12px;font-weight:300}.corner-art{z-index:1;pointer-events:none;opacity:.96;position:absolute;bottom:-8px}.corner-art.rust{width:clamp(200px,18vw,300px);left:0}.corner-art.gopher{width:clamp(200px,18vw,300px);right:0}.editor-wrapper{z-index:4;background:#fff;border:1px solid #707070;border-radius:18px;width:min(760px,100% - 8px);height:500px;margin:24px auto 0;position:relative;overflow:hidden}.editor-header{background:#f4f4f4;border-bottom:1px solid #b7b7b7;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.editor-tabs{gap:8px;display:flex;overflow-x:auto}.editor-tab{white-space:nowrap;background:#f8fcff;border:1px solid #8fd3ff;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:400}.copy-btn{cursor:pointer;background:#fff;border:1px solid #4f4f4f;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:78px;height:32px;padding:0 10px;font-weight:400;display:inline-flex}.copy-btn img{width:14px;height:14px}.editor-container{height:calc(100% - 80px)}.editor-footer{color:#7a7a7a;border-top:1px solid #b7b7b7;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:12px;font-weight:300;display:flex}@media (width<=900px){.page{padding:22px 12px}.top-section{margin-top:62px}.editor-wrapper{width:calc(100% - 4px);height:430px}.preset-list{grid-template-columns:1fr}.corner-art{opacity:.18}}
