*{box-sizing:border-box}body{color:#fff;background:#181818;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.meme-app{background:#181818;min-height:100vh}.topbar{z-index:20;background:#252525;border-bottom:1px solid #3b3b3b;align-items:center;gap:10px;height:48px;padding:0 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand-icon{color:#101010;background:#19bde7;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-weight:900;display:flex}.create-btn,.header-search,.notification,.profile{color:#ddd;background:0 0;border:0}.create-btn{padding:6px 8px}.header-search{font-size:20px}.header-spacer{flex:1}.profile{align-items:center;gap:7px;display:flex}.avatar{background:#555;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:flex}.page{width:min(1180px,100% - 28px);margin:0 auto;padding:18px 0 50px}.page-heading{margin-bottom:15px}.page-heading h1{margin:0 0 4px;font-size:21px;font-weight:500}.page-heading p{color:#999;margin:0;font-size:12px}.editor{background:#292929;border:1px solid #444;grid-template-columns:1.05fr .95fr;min-height:500px;display:grid}.preview-section{border-right:1px solid #444;flex-direction:column;min-width:0;padding:12px;display:flex}.preview-toolbar{gap:6px;margin-bottom:8px;display:flex}.preview-toolbar button{color:#ddd;background:#333;border:1px solid #4b4b4b;border-radius:3px;padding:6px 10px;font-size:11px}.canvas-wrapper{touch-action:none;user-select:none;background:0 0;flex:1;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;position:relative;overflow:hidden}.canvas-wrapper canvas{touch-action:none;width:100%;height:auto;display:block}.canvas-stage{touch-action:none;user-select:none;justify-content:center;align-items:center;width:100%;max-width:100%;max-height:100%;display:flex;position:relative}.canvas-frame{touch-action:none;user-select:none;max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.canvas-frame canvas,.canvas-stage canvas{touch-action:none;width:100%;height:auto;max-height:650px;display:block}.text-overlay{pointer-events:auto;user-select:none;z-index:5;touch-action:none;position:absolute}.text-overlay:hover{outline-offset:4px;outline:1px dashed #fff6}.generated-actions{gap:8px;margin-top:10px;display:flex}.download-btn,.share-btn{border:0;border-radius:3px;padding:9px 18px;font-weight:700}.download-btn{color:#061016;background:#19bde7}.share-btn{color:#fff;background:#3b3b3b}.controls{min-width:0;padding:12px}.control-top{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upload-btn,.template-search{color:#ddd;background:#303030;border:1px solid #4a4a4a;border-radius:3px;min-height:34px;padding:7px 9px;font-size:11px}.template-search::placeholder{color:#777}.template-title{color:#aaa;justify-content:space-between;align-items:center;margin:12px 0 7px;font-size:11px;display:flex}.template-tabs{gap:3px;display:flex}.template-tabs button{color:#aaa;background:0 0;border:0;font-size:10px}.template-list{gap:5px;padding-bottom:8px;display:flex;overflow-x:auto}.template-list::-webkit-scrollbar{height:4px}.template-list::-webkit-scrollbar-thumb{background:#555}.blank-template{color:#aaa;background:#242424;border:1px solid #555;min-width:55px;height:55px;font-size:10px}.template{background:#111;border:1px solid #444;width:55px;min-width:55px;height:55px;padding:0;overflow:hidden}.template img{object-fit:cover;width:100%;height:100%}.template-text-boxes{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.box-input-wrapper{flex-direction:column;gap:4px;display:flex}.box-label-row{justify-content:space-between;align-items:center;display:flex}.box-label{text-transform:uppercase;letter-spacing:.04em;color:#19bde7;font-size:11px;font-weight:600;display:block}.box-reset-pos-btn{color:#888;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline;transition:color .15s}.box-reset-pos-btn:hover{color:#19bde7}.transform-box{user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:10;outline-offset:4px;border-radius:4px;outline:1.5px dashed #0000;justify-content:center;align-items:center;transition:outline-color .15s;display:flex;position:absolute}.transform-box.is-selected,.transform-box.is-hovered{outline-color:#19bde7bf}.transform-box.is-transforming{outline-color:#19bde7}.box-text-content{user-select:none;touch-action:none;text-transform:uppercase;white-space:pre-wrap;word-break:break-word;paint-order:normal;-webkit-text-stroke:0;text-shadow:0 2px 4px #00000073;width:100%;font-family:Impact,Arial Black,sans-serif;font-weight:900;line-height:1.15}.box-text-content.is-slim-black{text-transform:none!important;paint-order:normal!important;-webkit-text-stroke:0!important;text-shadow:none!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:600!important}.rotate-stem{pointer-events:none;z-index:14;background:#19bde7;width:1.5px;height:18px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.rotate-handle{color:#19bde7;cursor:grab;pointer-events:auto;touch-action:none;z-index:16;background:#0d1522;border:1.5px solid #19bde7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;line-height:1;transition:background .15s,color .15s,transform .1s;display:flex;position:absolute;top:-38px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}.rotate-handle:hover,.rotate-handle:active{color:#0b111e;cursor:grabbing;background:#19bde7}.rotate-handle:after{content:"";pointer-events:auto;position:absolute;inset:-10px}.resize-handle{pointer-events:auto;touch-action:none;z-index:15;background:#fff;border:1.5px solid #19bde7;border-radius:2px;width:9px;height:9px;position:absolute;box-shadow:0 1px 4px #0009}.resize-handle:after{content:"";pointer-events:auto;position:absolute;inset:-10px}.resize-handle.handle-nw{cursor:nwse-resize;top:-5px;left:-5px}.resize-handle.handle-n{cursor:ns-resize;top:-5px;left:calc(50% - 4.5px)}.resize-handle.handle-ne{cursor:nesw-resize;top:-5px;right:-5px}.resize-handle.handle-e{cursor:ew-resize;top:calc(50% - 4.5px);right:-5px}.resize-handle.handle-se{cursor:nwse-resize;bottom:-5px;right:-5px}.resize-handle.handle-s{cursor:ns-resize;bottom:-5px;left:calc(50% - 4.5px)}.resize-handle.handle-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.resize-handle.handle-w{cursor:ew-resize;top:calc(50% - 4.5px);left:-5px}.admin-editor-bar{background:#19bde714;border:1px solid #19bde759;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.admin-bar-header{justify-content:space-between;align-items:center;display:flex}.admin-badge{text-transform:uppercase;color:#19bde7;letter-spacing:.06em;font-size:10px;font-weight:800}.admin-link{color:#aaa;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s}.admin-link:hover{color:#fff}.admin-save-pos-btn{color:#000;cursor:pointer;text-align:center;background:#19bde7;border:0;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:700;transition:background .2s}.admin-save-pos-btn:hover{background:#15a8cf}.admin-save-msg{color:#10b981;text-align:center;font-size:11px;font-weight:600}.text-row{grid-template-columns:1fr 34px 34px;gap:5px;margin-bottom:0;display:grid}.text-input{color:#fff;background:#202020;border:1px solid #4a4a4a;border-radius:3px;outline:none;min-width:0;height:37px;padding:0 10px}.text-input:focus{border-color:#19bde7}.text-input::placeholder{color:#777}.color-picker{background:#202020;border:1px solid #4a4a4a;width:34px;height:37px;padding:4px}.settings-btn{color:#aaa;background:#303030;border:1px solid #4a4a4a;height:37px}.font-controls{color:#aaa;align-items:center;gap:10px;margin:10px 0;font-size:11px;display:flex}.font-controls label{flex:1;align-items:center;gap:10px;display:flex}.font-controls input{accent-color:#19bde7;flex:1}.extra-layer{grid-template-columns:1fr 38px 74px 32px;gap:5px;margin-bottom:6px;display:grid}.extra-layer input:first-child{color:#fff;background:#202020;border:1px solid #444;min-width:0;padding:8px}.layer-style-toggle-btn{color:#bbb;cursor:pointer;white-space:nowrap;background:#272727;border:1px solid #555;border-radius:3px;padding:2px 4px;font-size:10px;font-weight:600;transition:all .15s}.layer-style-toggle-btn.is-slim{color:#051016;background:#19bde7;border-color:#19bde7;font-weight:700}.extra-layer button:last-child{color:#f77;background:#3b2222;border:1px solid #633}.add-text-btn-group{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.add-text-btn-group .add-text-btn{width:100%;margin-bottom:0}.add-plain-btn{color:#9cdbf0!important;background:#252a30!important;border-color:#3b4652!important}.add-plain-btn:hover{color:#fff!important;background:#2e353e!important;border-color:#19bde7!important}.options{color:#aaa;flex-direction:column;gap:7px;margin:12px 0;font-size:11px;display:flex}.options input{accent-color:#19bde7}.options-toggle{color:#ddd;text-align:left;background:#303030;border:1px solid #444;width:100%;padding:10px;display:none}.advanced-options{gap:6px;margin:8px 0;display:flex}.advanced-options button,.add-text-btn{color:#ddd;background:#363636;border:1px solid #4b4b4b;border-radius:3px;padding:7px 10px;font-size:11px}.add-text-btn{width:100%;margin-bottom:10px}.main-actions{gap:8px;display:flex}.generate-btn{color:#051016;background:#19bde7;border:0;border-radius:3px;flex:1;min-height:39px;font-size:13px;font-weight:800}.generate-btn:hover{background:#38c9ed}.reset-btn{color:#aaa;background:#363636;border:1px solid #4a4a4a;border-radius:3px;width:70px}.ai-banner{color:#aaa;background:#292929;border:1px solid #444;justify-content:center;align-items:center;height:42px;margin-top:10px;font-size:12px;display:flex}.ai-banner strong{color:#19bde7;margin-left:4px}.featured{background:#292929;border:1px solid #444;margin-top:10px;padding:12px}.featured-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.featured-header h2{margin:0;font-size:14px;font-weight:500}.featured-header button{color:#19bde7;background:0 0;border:0;font-size:11px}.featured-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.featured-card{background:#202020;border:1px solid #414141}.featured-card img{aspect-ratio:1.4;object-fit:cover;width:100%;display:block}.featured-info{flex-direction:column;gap:3px;padding:7px;display:flex}.featured-info span{font-size:10px}.featured-info small{color:#777;font-size:9px}@media (width<=900px){.editor{grid-template-columns:1fr}.preview-section{border-bottom:1px solid #444;border-right:0}.canvas-wrapper{max-height:600px}.featured-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.topbar{height:54px;padding:0 12px}.profile-name,.notification{display:none}.page{width:100%;padding:8px 10px 30px}.page-heading{margin-bottom:6px}.page-heading h1{font-size:15px;line-height:1.2}.page-heading p{display:none}.editor{border-radius:4px;flex-direction:column;display:flex}.preview-section{padding:8px}.preview-toolbar{margin-bottom:7px;overflow-x:auto}.preview-toolbar button{flex-shrink:0;min-height:32px;padding:4px 8px;font-size:11px}.canvas-wrapper{justify-content:center;align-items:center;min-height:0;max-height:min(340px,36vh);display:flex}.canvas-frame canvas,.canvas-stage canvas{object-fit:contain;width:auto;max-width:100%;max-height:min(340px,36vh)}.transform-box{outline-offset:4px}.box-text-content{-webkit-text-stroke:0;text-shadow:0 1.5px 3px #00000073}.controls{flex-direction:column;padding:9px;display:flex}.template-text-boxes{order:1;margin-bottom:8px}.font-controls{order:2;margin-bottom:8px}.add-text-btn{order:3;min-height:40px;margin-top:0;margin-bottom:8px}.main-actions{background:0 0;order:4;margin-bottom:12px;padding:0;position:static}.generate-btn{min-height:44px}.reset-btn{width:70px;min-height:44px}.control-top{order:5;grid-template-columns:1fr}.upload-btn,.template-search{min-height:40px}.admin-editor-bar{order:6}.template-title{order:7;min-height:35px}.template-list{order:8;margin:0 -9px;padding:0 9px 10px}.template{width:58px;min-width:58px;height:58px}.blank-template{min-width:58px;height:58px}.text-row{grid-template-columns:1fr 42px 42px}.text-input,.color-picker,.settings-btn{height:44px}.options-toggle{order:9;display:block}.options{order:10;display:none}.advanced-options{order:11}.extra-layer{order:12}.ai-banner{text-align:center;height:auto;min-height:45px;padding:10px}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.brand span{font-size:14px}.create-btn{display:none}.page{padding-left:7px;padding-right:7px}.editor{margin:0}.preview-section{padding:6px}.canvas-wrapper,.canvas-frame canvas,.canvas-stage canvas{max-height:min(300px,34vh)}.box-text-content{-webkit-text-stroke:0}.controls{padding:7px}.featured{padding:8px}.featured-grid{gap:6px}.featured-info{padding:5px}}