.generator-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:22px;padding-bottom:100px;display:grid}.generator-preview{background:radial-gradient(at 50% 45%,#d8ff3e09,#0000 65%),#101516;min-width:0;padding:21px;position:sticky;top:90px}.generator-preview>header{color:#9fadb5;justify-content:space-between;align-items:center;font-size:11px;display:flex}.generator-preview>header button{color:#b2bec5;background:#161e22;border:1px solid #303c43;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.generator-canvas-wrap{background-image:radial-gradient(#ffffff0d .7px,#0000 .7px);background-size:16px 16px;place-items:center;min-height:330px;padding:22px 12px;display:grid;position:relative}.generator-canvas-wrap canvas{aspect-ratio:1;touch-action:none;cursor:grab;width:100%;max-width:440px;display:block}.generator-canvas-wrap canvas:active{cursor:grabbing}.generator-preview-loading{color:#8f9fa9;pointer-events:none;background:#101719cc;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:flex;position:absolute;bottom:0}.generator-tip{color:#82929d;justify-content:center;align-items:center;gap:7px;margin:8px 0 24px;font-size:10px;display:flex}.generator-export{align-items:end;gap:10px;display:flex}.generator-export>label{color:#83949e;flex:1;gap:7px;font-size:10px;display:grid}.generator-export select{color:#d0dbe1;background:#0c1114;border:1px solid #34424b;border-radius:9px;height:44px;padding:0 10px;font-size:12px}.generator-export>button{color:#151b0c;background:#d8ff3e;border:0;border-radius:9px;flex:1.5;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:850;display:flex}.generator-export>button:disabled{cursor:wait;opacity:.6}.generator-export-note{color:#7b8b96;margin-top:12px;font-size:10px;line-height:1.5;display:block}.generator-error{color:#ffb9bc;background:#4a202530;border:1px solid #93494b;border-radius:8px;margin:16px 0 0;padding:10px;font-size:11px;line-height:1.6}.generator-controls{gap:14px;min-width:0;display:grid}.generator-section{gap:15px;padding:22px;display:grid}.generator-section h2{color:#e2e9ed;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:750}.generator-section h2 small{color:#82919c;margin-left:5px;font-size:10px;font-weight:400}.generator-section p{color:#84959f;margin:0;font-size:11px;line-height:1.7}.generator-section>label,.generator-two>label{color:#adbdc6;gap:8px;font-size:11px;font-weight:650;display:grid}.generator-section label>span{float:right;color:#778d9a;font-size:10px;font-weight:400}.generator-section :is(input:not([type=range]):not([type=file]):not([type=checkbox]):not([type=color]),select){color:#dce6eb;background:#0b1114;border:1px solid #303f48;border-radius:8px;width:100%;min-width:0;height:42px;padding:0 11px;font-size:12px}.generator-section :is(input,select,button):focus-visible,.generator-export :is(select,button):focus-visible{outline-offset:3px;outline:2px solid #d8ff3e}.generator-search{color:#8799a4;background:#0b1114;border:1px solid #303f48;border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.generator-section .generator-search input{background:0 0;border:0;outline:0;padding:0}.generator-search button{color:#a5b7c2;background:#26343d;border:0;border-radius:5px;place-items:center;padding:4px;display:grid}.generator-results{gap:5px;display:grid}.generator-results button{text-align:left;color:#d5e0e6;background:#141d22;border:1px solid #2d3b43;border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.generator-results button:hover{border-color:#d8ff3e}.generator-result-copy strong{font-size:12px}.generator-result-copy small{text-overflow:ellipsis;color:#8b9faa;white-space:nowrap;font-size:10px;overflow:hidden}.generator-source{color:#b5c3cc;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:5px;font-size:11px;display:flex}.generator-source a{color:#b9d16a;font-size:10px;text-decoration:none}.generator-upload-row,.generator-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.generator-upload{color:#b4c5cf;cursor:pointer;background:#152128;border:1px dashed #40535f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:10px;display:flex;position:relative}.generator-upload:hover{border-color:#d8ff3e}.generator-upload input{clip-path:inset(50%);width:1px;height:1px;position:absolute}.generator-upload:focus-within{outline-offset:2px;outline:2px solid #d8ff3e}.generator-section p.generator-hint{font-size:10px}.generator-slider{gap:10px;display:grid}.generator-slider input{accent-color:#d8ff3e;width:100%;height:6px}.generator-text-button{color:#bdcbac;background:0 0;border:0;justify-self:start;padding:0;font-size:10px}.generator-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.generator-colors label{color:#96aab7;gap:8px;font-size:10px;display:grid}.generator-colors input{cursor:pointer;background:#0b1114;border:1px solid #3a4c58;border-radius:7px;width:100%;height:34px;padding:3px}.generator-section .generator-checkbox{align-items:center;gap:8px;font-size:11px;display:flex}.generator-checkbox input{accent-color:#d8ff3e}.generator-badges{gap:9px;display:grid}.generator-badges>div{gap:7px;display:flex}.generator-badges .generator-upload{flex:1}.generator-badges button{color:#a8becb;background:#1b2932;border:1px solid #3b4d58;border-radius:6px;width:30px}@media (width<=767px){.generator-layout{grid-template-columns:1fr;gap:16px}.generator-preview{padding:17px;position:static}.generator-canvas-wrap{min-height:280px;padding:14px 12px}.generator-canvas-wrap canvas{max-width:330px}.generator-section{padding:18px}.generator-export>button{font-size:11px}.generator-upload-row{gap:8px}.generator-upload,.generator-export-note{font-size:9px}}.generator-results{overscroll-behavior:contain;max-height:360px;overflow:auto}.generator-results button{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:5px 10px 5px 3px}.generator-result-copy{gap:5px;min-width:0;display:grid}.generator-result-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generator-results .card-thumbnail{width:72px;height:72px}.generator-format{color:#9bafb9;gap:8px;margin-bottom:13px;font-size:11px;display:grid}.generator-format select{color:#d0dbe1;background:#0c1114;border:1px solid #34424b;border-radius:8px;height:39px;padding:0 10px;font-size:12px}.generator-head[data-astro-cid-vmwluyg2]{padding-top:43px;padding-bottom:27px}.generator-head[data-astro-cid-vmwluyg2] h1[data-astro-cid-vmwluyg2]{letter-spacing:-.055em;margin:9px 0;font-size:38px}.generator-head[data-astro-cid-vmwluyg2] p[data-astro-cid-vmwluyg2]{color:#92a0a8;margin:0;font-size:13px;line-height:1.6}