@font-face{font-family:Gilroy;src:url(../fonts/Gilroy-Regular.woff2) format("woff2"),url(../fonts/Gilroy-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy-Bold.woff2) format("woff2"),url(../fonts/Gilroy-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy-SemiBold.woff2) format("woff2"),url(../fonts/Gilroy-SemiBold.woff) format("woff");font-weight:600;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Gilroy,Arial,sans-serif;background-color:#f5f5f5;padding:20px;color:#333;max-height:100%;overflow:hidden}.generator-container{display:flex;margin:0 auto;gap:20px}.background-panel{flex:1;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow-y:auto;max-height:calc(100vh - 40px)}.background-panel h3{margin-bottom:15px;color:#333}.background-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:5px}.background-thumbnails .thumbnail{aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:4px;cursor:pointer;transition:all .2s;border:0 solid transparent}.background-thumbnails .thumbnail:hover{transform:scale(1.03);box-shadow:0 2px 8px rgba(0,0,0,.2)}.background-thumbnails .thumbnail.active{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.3)}.editor-panel{flex:2;display:flex;flex-direction:column;gap:20px}.card-preview{position:relative;width:100%;aspect-ratio:16/9;max-height:500px;background-size:cover;background-position:center;overflow:hidden}.card-preview .card-text{position:absolute;width:auto;max-width:80%;padding:0;left:50%;top:50%;transform:translate(-50%,-50%);text-align:left}.card-preview .card-text .text-line{white-space:nowrap;margin-bottom:10px}.card-preview .card-text .text-line.line1,.card-preview .card-text .text-line.line2,.card-preview .card-text .text-line.line3,.card-preview .card-text .text-line.line7{font-size:24px;font-weight:400;line-height:1.5}.card-preview .card-text .text-line.line4,.card-preview .card-text .text-line.line5,.card-preview .card-text .text-line.line6{font-size:36px;font-weight:700;line-height:1.3}.card-preview .card-text .text-line#position-line{white-space:unset}.save-btn{padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.save-btn:hover{background-color:#45a049}.settings-panel{flex:1;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow-y:auto;max-height:calc(100vh - 40px);display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.settings-panel h3{margin-bottom:15px;color:#333;grid-column:1/-1}.form-group{margin-bottom:15px;grid-column:1/-1}.form-group.color,.form-group.ff,.form-group.ii,.form-group.similarColor{grid-column:span 6}.form-group.bitrth{grid-column:span 4}.form-group.pos{grid-column:span 8;padding-left:15px}.form-group.ii{padding-left:15px}.form-group label{display:block;font-weight:500;color:#555}.form-group input[type=text]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:Gilroy,sans-serif}.form-group input[type=range]{width:100%;margin-top:5px}.form-group input[type=color]{width:50px;height:30px;padding:0;border:1px solid #ddd;cursor:pointer}.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:Gilroy,sans-serif}.form-group span{display:inline-block;margin-left:10px;font-size:.9em;color:#666}.shadow-settings{display:none}#text-shadow-toggle:checked~.shadow-settings{display:block}.load-buttons-container{grid-column:1/-1}.load-more-btn{width:calc(100% - 20px);padding:12px;margin:10px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s;position:sticky;bottom:10px}.load-more-btn:hover{background-color:#3367d6;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.loader{width:100%;text-align:center;padding:15px;color:#666;font-style:italic}.dominant-colors{display:flex;gap:5px;margin-top:10px}.dominant-colors .color-box{width:30px;height:30px;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:transform .2s}.dominant-colors .color-box:hover{transform:scale(1.1)}.form-control{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:Gilroy,sans-serif}.text-line.line2 #date-part{font-weight:700}.text-line.line2 #birthday-text{font-weight:400}.icon-buttons{display:flex;gap:8px;align-items:center;margin-top:8px}.icon-buttons .button-group{display:flex;align-items:center;gap:4px}.icon-buttons .button-group span{font-size:.9em;color:#666;margin-right:4px}.icon-btn{background:0 0;border:1px solid #ddd;border-radius:4px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn svg{fill:none;stroke:currentColor}.icon-btn:hover{background-color:#f0f0f0;border-color:#ccc}.icon-btn.active{background-color:#4caf50;border-color:#4caf50;color:#fff}#card-text{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}#card-text.dragging{cursor:grabbing;box-shadow:0 0 10px rgba(0,0,0,.2)}.position-controls{display:flex;flex-direction:column;gap:8px}.position-controls>div{display:flex;align-items:center;gap:8px}.position-controls>div span{min-width:50px}.position-controls>div input[type=range]{flex-grow:1}.small-btn{padding:4px 8px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px}.small-btn:hover{background-color:#e0e0e0}.text-bg-settings{display:none}#text-bg-toggle:checked~.text-bg-settings{display:block}.card-text{position:relative}.card-text::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity .3s}.card-text.has-bg::before{opacity:1}.card-text{position:relative}.card-text::before{content:"";position:absolute;top:-50vh;left:calc(-1 * (var(--bg-width) - 100%)/ 2);width:var(--bg-width);height:200vh;z-index:-1;opacity:0;transition:opacity .3s,background-color .3s ease-in-out;background:var(--bg-gradient);border-radius:4px}.card-text.has-bg::before{opacity:var(--bg-opacity)}.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:Gilroy,sans-serif;resize:vertical;min-height:60px}