.meme-workspace{display:grid;grid-template-columns:minmax(315px,.86fr) minmax(0,1.14fr);gap:22px;align-items:start}.control-column{display:grid;gap:22px}.intro{max-width:800px}.intro h1{overflow-wrap:anywhere}.card-heading{margin-bottom:18px}.drop-zone{min-height:146px}.text-button{border:0;background:transparent;color:#3154aa;font-size:.9rem;font-weight:750;text-decoration:underline;text-underline-offset:3px;padding:6px;cursor:pointer}.text-button:hover{color:#173c95}.file-name{font-size:.87rem;font-weight:700;overflow-wrap:anywhere;color:#293a57;margin:13px 0 0}.control-status{min-height:21px;margin:10px 0 0;font-size:.86rem;color:#536781;line-height:1.45}.control-status.error{color:#a43236}.field-label{margin-bottom:7px;font-size:.88rem}.field-gap{margin-top:16px}.text-field{width:100%;min-height:65px;resize:vertical;border:1px solid #cbd6e6;border-radius:9px;padding:10px 12px;background:#fff;color:#172741;font-family:inherit;font-weight:600;font-size:1rem;line-height:1.4}.text-field:focus-visible{outline:3px solid #9ab7ff;outline-offset:2px}.extra-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.secondary-button{border:1px solid #9cb3e7;background:#f1f5ff;color:#234da9;border-radius:9px;padding:10px 13px;font-weight:750;font-size:.91rem}.secondary-button:hover{background:#e6eeff}.extra-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.extra-list:empty{display:none}.extra-item{display:flex;align-items:center;border:1px solid #d4deed;border-radius:9px;background:#f8faff;max-width:100%}.extra-item.active{border-color:#658be7;background:#eaf0ff}.extra-item button{background:transparent;border:0;color:#293a57;padding:7px 10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px;font-size:.86rem}.extra-item .remove{border-inline-start:1px solid #d4deed;color:#9a3741;font-weight:800;padding:7px 9px}.style-panel{margin-top:19px;padding:16px;border:1px solid #dce5f3;background:#f8faff;border-radius:12px}.style-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.93rem;color:#243a61}.style-title span{font-size:.79rem;color:#637593}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.field-pair>div{min-width:0}.field-pair input[type=color]{width:100%;height:46px;border:1px solid #cbd6e6;border-radius:8px;background:white;padding:5px;cursor:pointer}.page-select{height:46px}.range-wrap{display:flex;align-items:center;gap:8px;min-height:46px}.range-wrap input{flex:1;min-width:0;accent-color:#2457d5}.range-wrap output{width:36px;font-size:.82rem;font-weight:700;color:#4b5f7e;text-align:end}.align-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.align-row .field-label{margin:0}.align-buttons{display:flex;gap:5px}.align-buttons button{width:39px;height:36px;border:1px solid #cbd6e6;border-radius:7px;background:white;color:#45608e;font-size:1.3rem;line-height:1}.align-buttons button:nth-child(1){text-align:left}.align-buttons button:nth-child(2){text-align:center}.align-buttons button:nth-child(3){text-align:right}.align-buttons button[aria-pressed=true]{background:#e6eeff;border-color:#7597ea;color:#204db4}.preview-card{min-width:0;position:sticky;top:14px}.preview-frame{min-height:300px;max-height:64vh;overflow:auto;border:1px solid #dce4ef;border-radius:12px;background-color:#f8faff;background-image:linear-gradient(45deg,#eef2f8 25%,transparent 25%),linear-gradient(-45deg,#eef2f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f8 75%),linear-gradient(-45deg,transparent 75%,#eef2f8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:center;justify-content:center;padding:18px}.preview-frame canvas{display:block;max-width:100%;max-height:58vh;width:auto;height:auto;box-shadow:0 8px 25px #1523402e;touch-action:none;cursor:grab}.preview-frame canvas.dragging{cursor:grabbing}.empty-preview{max-width:300px;text-align:center;color:#65758e;line-height:1.5;background:#ffffffec;padding:18px;border-radius:9px}.gif-controls{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#62738f;margin-top:8px}.export-controls{border-top:1px solid #e5eaf2;margin-top:20px;padding-top:5px}.export-controls .field-pair{max-width:360px}.create-button{margin-top:20px}.field-hint{font-size:.86rem;line-height:1.5}.below-note{max-width:900px}.count{white-space:normal}
@media(max-width:960px){.meme-workspace{grid-template-columns:1fr}.preview-card{position:static;grid-row:2}.control-column{grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.preview-frame{max-height:55vh}}
@media(max-width:700px){.control-column{display:contents}.control-column>section:first-child{grid-row:1}.preview-card{grid-row:2}.control-column>section:last-child{grid-row:3}.meme-workspace{gap:15px}.preview-frame{min-height:260px}.card{padding:20px}}
@media(max-width:420px){.field-pair{gap:8px}.style-panel{padding:12px}.intro h1{font-size:2.3rem}}
[dir=rtl] .page-select{background-position:left 12px center;padding-left:33px;padding-right:14px}