.memes-page{background:var(--background,#070910);min-height:100svh;color:var(--foreground,#eef2ff);--memes-accent:#ffcc57;--memes-violet:#7b6dff}.memes-header{border-bottom:1px solid var(--border,#2b3242);padding:22px 28px}.memes-brand img{width:126px;height:auto}.memes-main{width:min(1360px,100% - 48px);margin:0 auto;padding:30px 0 100px}.memes-page h1,.memes-page h2,.memes-page p{margin:0}.memes-page h1{letter-spacing:-.045em;margin-top:2px;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.1}.memes-page h2{font-size:1.0625rem;line-height:1.4}.memes-page p{color:var(--muted,#a9b3c7);font-size:.9375rem;line-height:1.65}.memes-page button{border:1px solid var(--border,#343d50);background:var(--surface,#111724);min-height:44px;color:inherit;cursor:pointer;border-radius:10px;font:700 .875rem/1.3 inherit}.memes-page button:disabled{opacity:.5;cursor:not-allowed}.memes-page button:not(:disabled):hover{border-color:var(--memes-accent)}.memes-page :focus-visible{outline-offset:3px;outline:3px solid #a6c9ff}.memes-intro{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.memes-intro>button{align-items:center;gap:8px;padding:10px 15px;display:inline-flex}.memes-identity{align-items:center;gap:15px;min-width:0;display:flex}.memes-identity>span{width:56px;height:56px;color:var(--memes-accent);background:#2a2211;border:1px solid #7f6b25;border-radius:17px;flex:none;place-items:center;display:grid}.memes-identity svg{width:28px;height:28px}.memes-identity small,.memes-preview header span{color:var(--memes-accent);letter-spacing:.13em;font-size:.75rem;font-weight:800}.memes-identity p{margin-top:6px}.memes-workspace{grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);align-items:start;gap:20px;display:grid}.memes-preview,.memes-controls,.memes-export{border:1px solid var(--border,#2b3242);background:color-mix(in srgb, var(--surface,#111724) 92%, transparent);border-radius:18px}.memes-preview{min-width:0;padding:18px;position:sticky;top:18px}.memes-preview>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.memes-preview>header h2{overflow-wrap:anywhere;margin-top:4px}.memes-preview>header small{color:var(--muted,#a9b3c7);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.memes-canvas-frame{background-color:#080b12;background-image:repeating-conic-gradient(#ffffff08 0% 25%,#0000 0% 50%);background-size:24px 24px;border:1px solid #3d465c;border-radius:13px;place-items:center;min-height:440px;display:grid;overflow:hidden}.memes-canvas-frame canvas{object-fit:contain;width:100%;height:min(61vh,650px);max-height:650px;display:block}.memes-drop-hint{text-align:center;margin-top:12px!important;font-size:.8125rem!important}.memes-controls{overflow:hidden}.memes-control-section{border-bottom:1px solid var(--border,#2b3242);gap:13px;padding:18px;display:grid}.memes-control-section:last-child{border-bottom:0}.memes-control-section>div:first-child{align-items:center;gap:10px;display:flex}.memes-control-section>div:first-child>span,.memes-export>div:first-child>span{color:#c8c1ff;background:#25213f;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:900;display:grid}.memes-file-button{width:100%;padding:10px 16px;color:#fff!important;background:#6758dc!important;border-color:#8f85ff!important}.memes-control-section label{color:var(--muted,#a9b3c7);gap:7px;font-size:.8125rem;font-weight:700;display:grid}.memes-control-section textarea,.memes-control-section input:not([type=range]):not([type=color]){box-sizing:border-box;border:1px solid var(--border,#343d50);background:var(--background,#080b12);width:100%;min-width:0;color:inherit;border-radius:9px;font:500 .9375rem/1.5 inherit}.memes-control-section textarea{resize:vertical;min-height:70px;padding:11px 12px}.memes-control-section input:not([type=range]):not([type=color]){min-height:44px;padding:9px 12px}.memes-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;display:grid!important}.memes-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:2px;gap:10px!important;display:grid!important}.memes-free-text{grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);align-items:end!important;gap:10px!important;display:grid!important}.memes-range>span{justify-content:space-between;gap:10px;display:flex}.memes-range input{width:100%;min-height:44px;accent-color:var(--memes-violet)}.memes-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;display:grid!important}.memes-colors label{border:1px solid var(--border,#343d50);border-radius:9px;grid-template-columns:1fr 48px;align-items:center;padding:8px 10px}.memes-colors input{cursor:pointer;background:0 0;border:0;border-radius:7px;width:44px;height:34px;padding:2px}.memes-stickers{grid-template-columns:repeat(7,minmax(40px,1fr));gap:7px!important;display:grid!important}.memes-stickers button{padding:6px;font-size:1.125rem}.memes-stickers button.selected{background:#282347;border-color:#958aff;box-shadow:inset 0 0 0 1px #958aff}.memes-toggle{width:100%;padding:9px 12px}.memes-toggle.selected{color:#ece9ff;background:#282347;border-color:#958aff;box-shadow:inset 0 0 0 1px #958aff}.memes-export{justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:18px;display:flex}.memes-export>div{align-items:center;gap:12px;display:flex}.memes-export>div:last-child{flex-wrap:wrap;justify-content:flex-end}.memes-download{align-items:center;gap:8px;padding:10px 18px;display:inline-flex;background:var(--memes-accent)!important;border-color:var(--memes-accent)!important;color:#211803!important}.memes-message{color:#cdd6e8;min-height:26px;padding:8px 2px 0;font-size:.875rem}.memes-message.error{color:#ffaca8}.memes-note{border-top:1px solid var(--border,#2b3242);margin-top:24px;padding-top:20px}.memes-note strong{font-size:.9375rem}.memes-note p{max-width:980px;margin-top:6px;font-size:.875rem}.memes-footer{margin-top:42px}html[data-theme=light] .memes-page{--memes-accent:#8b5d00}html[data-theme=light] .memes-identity>span{background:#fff3ce;border-color:#d8b858}html[data-theme=light] .memes-file-button{background:#5043bd!important}html[data-theme=light] .memes-message.error{color:#a73135}@media (width<=920px){.memes-workspace{grid-template-columns:minmax(0,1fr)}.memes-preview{position:static}.memes-canvas-frame{min-height:360px}}@media (width<=620px){.memes-header{padding:16px}.memes-main{width:calc(100% - 28px);padding-top:22px}.memes-intro{flex-direction:column;align-items:flex-start}.memes-intro>button{justify-content:center;align-self:stretch}.memes-identity{align-items:flex-start}.memes-identity>span{border-radius:14px;width:48px;height:48px}.memes-canvas-frame{min-height:280px}.memes-canvas-frame canvas{height:min(52vh,480px)}.memes-preview,.memes-control-section,.memes-export{padding:14px}.memes-select-grid,.memes-focus-grid,.memes-free-text,.memes-colors{grid-template-columns:minmax(0,1fr)}.memes-stickers{grid-template-columns:repeat(4,minmax(44px,1fr))}.memes-export{flex-direction:column;align-items:stretch}.memes-export>div:last-child{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}}