@import url('data:text/css,');
:root{color-scheme:dark;--navy:#061b28;--navy2:#092636;--panel:#082b3d;--panel2:#0a3346;--gold:#ffdc96;--golddeep:#bc7b30;--ice:#7ddafd;--edge:rgba(79,204,249,.42);--muted:#a9d2dd;--white:#fff8ee;--shine:0 0 16px #3caff763;--shadow:0 20px 65px #0009;--font:'Segoe UI',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--white);font-family:var(--font);background:radial-gradient(ellipse at 0 8%,#174967 0,transparent 27%),radial-gradient(ellipse at 97% 5%,#28516a 0,transparent 28%),linear-gradient(175deg,#09273a,#051824 56%,#071b2b);overflow-x:hidden}body::before{content:'';position:fixed;z-index:-1;inset:0;background-image:radial-gradient(#f7ffffa6 1px,transparent 1.3px),radial-gradient(#b7ddff9a .7px,transparent 1px);background-size:81px 81px,43px 53px;background-position:23px 15px,13px 23px;opacity:.26;pointer-events:none}.snowfield{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 115%,#779fba22,transparent 54%)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ice);outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.site-header{height:166px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px max(26px,calc((100vw - 1720px)/2));border-bottom:2px solid #63c8fda6;box-shadow:0 8px 34px #0ba7ff38,inset 0 -19px 36px #030e1d;overflow:hidden;background:linear-gradient(90deg,#03111c8a 5%,#05182995 35%,#051725df 65%,#03111bbb),url('assets/premium_riverside.webp') center 45%/cover}.site-header::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1.3px,transparent 2px);background-size:69px 61px;opacity:.42}.site-header:after{content:'';position:absolute;bottom:-17px;left:0;right:0;height:26px;border-radius:50%;background:#e9f4ffcf;filter:blur(12px);opacity:.7;pointer-events:none}.header-glow{position:absolute;left:27%;width:42%;height:160%;background:radial-gradient(ellipse,#0d345b70,transparent 69%);pointer-events:none}.brand{position:relative;z-index:1;text-align:center;flex:1;line-height:1;min-width:0;margin-right:350px;text-shadow:0 3px 5px #000b}.brand-kicker{font-size:10px;font-weight:700;letter-spacing:.35em;color:#fee4b1;margin-bottom:2px;white-space:nowrap}.brand-name{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-style:italic;font-size:clamp(36px,3.3vw,58px);line-height:.82;letter-spacing:-1.5px;color:#fff3d1;-webkit-text-stroke:.3px #ffd590;text-shadow:0 0 3px #ffca81,0 2px 0 #8e5318,0 0 11px #cc8b3a,1px 3px 6px #000}.brand-name span{color:#edfbff;text-shadow:0 2px 1px #247eb5,0 0 9px #66cfff,0 2px 10px #001522}.brand-ribbon{position:relative;display:table;margin:11px auto 0;padding:7px 26px 9px;background:linear-gradient(110deg,#65041e,#a01e28 46%,#5e0923);border:1px solid #f9bf73;box-shadow:0 4px 6px #0008,inset 0 0 8px #fbac60a2;transform:rotate(-.5deg);font-family:Georgia,serif;font-style:italic;font-size:clamp(12px,1.3vw,17px);white-space:nowrap}.brand-ribbon:before,.brand-ribbon:after{content:'';position:absolute;bottom:0;width:22px;height:100%;background:inherit;border:1px solid #f9bf73;z-index:-1}.brand-ribbon:before{left:-17px;clip-path:polygon(0 0,100% 0,100% 100%,0 70%,18% 50%)}.brand-ribbon:after{right:-17px;clip-path:polygon(0 0,100% 0,82% 50%,100% 70%,0 100%)}.sleigh{position:absolute;top:15px;left:63%;color:#ffeac8;text-shadow:0 0 13px #fba;opacity:.85;font-size:20px}.top-actions{z-index:2;position:absolute;right:max(18px,calc((100vw - 1720px)/2));top:35px;display:flex;background:linear-gradient(160deg,#052235df,#061826f2);border:1px solid #79c6f68a;border-radius:23px;box-shadow:0 2px 15px #18aeff48,inset 0 0 15px #46b1df18;overflow:hidden;padding:8px 3px}.nav-action{border:0;border-right:1px solid #4487a161;background:transparent;color:#edfaff;min-width:94px;height:77px;padding:7px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.25;transition:.2s}.nav-action:last-child{border-right:0}.nav-action svg{height:27px;width:27px}.nav-action:hover{background:#2b7b9b7d;color:#ffe6a8}
.page-shell{position:relative;max-width:1760px;margin:auto;padding:20px 19px 0}.workspace{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(440px,1fr);align-items:stretch;gap:14px}.preview-section,.editor{min-width:0;min-height:680px;border:1px solid #5ed8ff92;border-radius:22px;background:linear-gradient(150deg,#082b3eec,#06202eeb);box-shadow:var(--shadow),0 0 23px #3ba9ef40,inset 0 0 22px #41c5ff12;overflow:hidden}.preview-section{padding:15px 17px 13px;display:flex;flex-direction:column}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:12px;color:#ffdfa3;font-family:Georgia,serif;font-size:12px;letter-spacing:.09em}.preview-tip{color:#a4d0d8;font:11px/1.3 var(--font);letter-spacing:0;text-align:right}.preview-stage{position:relative;flex:1;min-height:385px;padding:13px;background:radial-gradient(ellipse at center,#204a6680,#041523ec 76%);border:1px solid #519dc370;border-radius:13px;display:flex;justify-content:center;align-items:center;overflow:auto}.preview-stage:after{content:'';position:absolute;inset:6px;border:1px solid #c5eeff14;border-radius:8px;pointer-events:none}.canvas-wrap{position:relative;width:100%;max-width:100%;flex:0 0 auto;margin:auto;box-shadow:0 12px 30px #0009,0 0 0 2px #b5f3ff9a,0 0 18px #7cdafa78;line-height:0;border-radius:2px;overflow:hidden;transition:max-width .15s}.canvas-wrap::before{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 17px #dcf7ffc7}#cardCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}#cardCanvas:active{cursor:grabbing}#snowCanvas{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.preview-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.mini-tool{display:flex;align-items:center;gap:8px;border:1px solid #75bad6a8;border-radius:9px;background:linear-gradient(#082334,#061c28);color:#e7f7ff;padding:9px 13px;font-size:12px}.mini-tool svg{width:19px;height:19px}.mini-tool:hover,.canvas-tools button:hover{border-color:#f9c67c;color:#ffe2ad;background:#17455d}.add-text{min-width:235px}.preview-note{color:#9cbfcd;font-size:11px;font-style:italic}.preview-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.format-choice{display:flex;gap:3px;border:1px solid #75acc478;border-radius:9px;background:#041a29;padding:3px}.format-choice button{padding:8px 10px;color:#bcd3e0;background:transparent;border:0;border-radius:7px;font-size:15px}.format-choice button span{font-size:11px;margin-left:4px}.format-choice button.active{color:#152534;background:linear-gradient(120deg,#ffe5b1,#c79248);box-shadow:0 0 10px #ffd3824d}.random-button{color:#ffdc9a;font-size:11px;border-color:#b9965480}.canvas-tools{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #438ba88c;border-radius:10px;padding:7px 4px;background:#041e2d9e}.canvas-tools button{color:#d6ebf4;padding:7px 10px;border:1px solid transparent;background:transparent;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:12px}.canvas-tools button svg{width:17px;height:17px}.zoom-tools{display:flex;align-items:center;gap:4px;margin-right:auto;border-right:1px solid #32718a;padding-right:7px}.zoom-tools button{font-size:20px;min-width:28px;justify-content:center}.zoom-tools output{font-size:12px;width:43px;text-align:center;color:#ffdf9a}.mini-info{padding:10px 2px 0;color:#9fc6d1;text-align:center;font:italic 11px Georgia,serif}
.editor{display:flex;flex-direction:column}.tab-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 12px 10px;background:#052234d6;border-bottom:1px solid #4685a199}.tab{height:51px;min-width:0;background:linear-gradient(#0a3347,#061d2c);border:1px solid #4b9dbdc2;border-radius:11px;color:#f5faff;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 7px;box-shadow:inset 0 1px 7px #6fc9e815;font-size:12px;font-weight:600;transition:.2s}.tab svg{height:22px;width:22px;flex:0 0 22px}.tab:hover{color:#ffe2ab;border-color:#fdc16e}.tab.active{color:#fff3d8;background:linear-gradient(#b17f35,#5e431f 56%,#c68d37);border:2px solid #ffdfa1;box-shadow:0 0 9px #ffc26d,0 0 22px #ffb84e7d,inset 0 0 11px #fff4b640;text-shadow:0 1px #442c17}.tab.active svg{color:#fff5d0}.panel{flex:1;padding:14px 13px 18px;min-height:550px;overflow-y:auto;overflow-x:hidden;scrollbar-color:#357896 #061d2c;scrollbar-width:thin}.panel[hidden]{display:none}.panel-topline{display:flex;align-items:center;justify-content:space-between;color:#ffda94;font-family:Georgia,serif;margin:5px 1px 15px;font-size:18px}.panel-topline span{font:11px var(--font);color:#b8dce7}
.decor-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:10px;height:468px;min-height:310px}.decor-categories{display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4e99b5 #082333;padding:3px 0}.decor-cat{width:100%;padding:10px 8px;border:1px solid #347fa1a1;border-radius:7px;color:#e6f5ff;background:linear-gradient(180deg,#06283c,#052132);font-size:11px;text-align:left;white-space:nowrap;box-shadow:inset 0 0 6px #45b3f719}.decor-cat:hover{border-color:#ffcf80;color:#ffe4b2}.decor-cat.active{background:linear-gradient(135deg,#a97832,#1a5363 70%);border:1px solid #ffe9a3;box-shadow:0 0 12px #ffbb589c,inset 0 0 10px #ffe3a029;color:#fff9eb}.decor-catalog{min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(#041b2a,#041725);border:1px solid #307ba08f;border-radius:11px;padding:7px;box-shadow:inset 0 0 16px #56c8ff13}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:650;color:#ffde9b}.catalog-heading small{color:#9bc2d0;font-size:10px;font-weight:400}.decor-asset-wrap{min-height:0;overflow-y:auto;scrollbar-color:#2e8bac #061b2a;scrollbar-width:thin;display:grid;grid-template-columns:1fr;gap:8px;align-content:start;padding:2px 2px 12px}.premium-sticker-grid,.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.premium-sticker-grid:empty,.sticker-grid:empty{display:none}.premium-sticker,.sticker-grid button{background:linear-gradient(180deg,#0b3043,#052231);color:#d8f3ff;border:1px solid #437f9ab0;border-radius:9px;box-shadow:inset 0 0 6px #63d2ff12;min-width:0;min-height:88px;padding:5px;transition:.15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.premium-sticker:hover,.sticker-grid button:hover{border-color:#fce1a1;box-shadow:0 0 11px #ffd36d70;transform:translateY(-2px)}.premium-sticker img{width:100%;height:61px;object-fit:contain;filter:drop-shadow(0 2px 4px #0008)}.premium-sticker span{display:block;font-size:9.5px;line-height:1.2;color:#bdd7e5;text-align:center;max-width:100%;white-space:normal}.sticker-grid button{font-size:27px}.premium-sticker[hidden],.sticker-grid button[hidden]{display:none!important}.premium-sticker-grid[data-empty="true"],.sticker-grid[data-empty="true"]{display:none}.sticker-controls{margin-top:12px;padding:11px 12px;background:linear-gradient(#092d40,#051f2f);border:1px solid #3f8da974;border-radius:11px}.sticker-title{font-size:12px;color:#ffe0a1;margin-bottom:9px}.control-rows{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.control-rows label{flex:1 1 145px;min-width:130px;font-size:11px;color:#d5ecf5}.control-rows label span{color:#f9d99e}.control-rows input{display:block;width:100%;margin:8px 0 0}.outline-danger{background:#3e1c298c;color:#ffd1d1;border:1px solid #a35c66;border-radius:7px;padding:8px 10px;font-size:11px}.outline-danger:hover{background:#673240}input[type=range]{accent-color:#ffd792;cursor:pointer}
.scene-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.scene-filter{border:1px solid #458db0;background:#0c3348;color:#deeffa;border-radius:8px;padding:9px 9px;font-size:11px}.scene-filter.active{background:#684a2e;border-color:#ffcd8b;box-shadow:0 0 8px #ffcd8b55;color:#ffe6b9}.scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:#30799e #092738;padding:2px}.scene-option{background:#0a3145;border:2px solid #337597b1;overflow:hidden;position:relative;padding:4px 4px 8px;text-align:left;border-radius:8px;color:#e7f5ff}.scene-option:hover{border-color:#ffdfaa}.scene-option.active{border-color:#f5bf69;box-shadow:0 0 9px #ffca678c}.scene-option[hidden]{display:none!important}.scene-thumb{aspect-ratio:1.35;object-fit:cover;width:100%;display:block;border-radius:5px;margin-bottom:6px;background:#103749}.scene-option .label{display:block;padding:0 3px;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scene-option .badge{display:none;position:absolute;right:6px;top:6px;background:#f1cf8f;color:#1a2630;border-radius:100%;font-size:11px;width:18px;height:18px;place-items:center}.scene-option.active .badge{display:grid}.upload-button{display:block;margin-top:13px;cursor:pointer;border:1px dashed #85c9dc;border-radius:9px;background:#0b3548;padding:14px;color:#f8deaa;text-align:center;font-size:12px}.upload-button:hover{border-color:#f1cf8f}.privacy-note{font-size:10px;color:#9fbfcb;text-align:center;margin-top:6px}
.frame-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px}.frame-grid button{border:1px solid #3b96b4;border-radius:9px;background:linear-gradient(#0b3649,#061b2c);color:#e0f1fd;min-height:60px;padding:10px;font-size:12px}.frame-grid button:hover{border-color:#ffe5a3}.frame-grid button.active{border-color:#ffdfa0;box-shadow:0 0 14px #ffd46e98;background:#284052;color:#ffedb6}.premium-frame-choice img{width:100%;height:90px;object-fit:contain;display:block}.premium-frame-choice span{display:block;font-size:11px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;margin-top:12px;border:1px solid #338ab14f;padding:11px;border-radius:9px;background:#0b3445}.toggle-row strong{display:block;font-size:12px}.toggle-row small{display:block;font-size:11px;color:#b4d1e0;margin-top:3px}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{flex:0 0 39px;width:39px;height:23px;background:#6a8693;border-radius:20px;position:relative}.switch:after{content:'';width:17px;height:17px;background:#e7f5fa;border-radius:50%;position:absolute;left:3px;top:3px;transition:.2s}.toggle-row input:checked+.switch{background:#d9ae66}.toggle-row input:checked+.switch:after{transform:translateX(16px);background:#072333}.toggle-row:focus-within{outline:2px solid #fff1b9}
.field{margin-bottom:14px}.field label,.field-label{display:block;font-size:12px;color:#f5e7c7;margin:12px 0 7px}.field input,.field textarea,select{background:#061e2c;border:1px solid #4c8ea9;color:#fff8e7;border-radius:8px;display:block;width:100%;padding:12px;outline:none}.field textarea{min-height:98px;resize:vertical}.field input:focus,.field textarea:focus,select:focus{border-color:#ffdda1}.quick-heading{color:#ffde9c;font-size:12px;font-weight:650;margin:16px 0 8px}.suggestions{display:flex;flex-wrap:wrap;gap:7px}.suggestions button{border:1px solid #408cab;color:#e1f0f6;background:#0a3448;padding:8px 10px;border-radius:8px;font-size:11px}.suggestions button:hover{border-color:#eeca7b}.swatches{display:flex;flex-wrap:wrap;gap:12px;margin:9px 0 16px}.swatch{width:29px;height:29px;border:2px solid #d9eef9a3;border-radius:50%}.swatch.active{outline:2px solid #ffdf9c;outline-offset:2px}.size-label{display:flex;justify-content:space-between}.size-row{display:flex;gap:10px;align-items:center}.size-row input{flex:1}.subtle-button{border:1px solid #4a93b1;border-radius:8px;background:#0e3448;padding:9px;color:#ffe4b0;font-size:11px}.which-text{display:flex;gap:6px;margin:16px 0}.which-text button{flex:1;background:#0d3449;border:1px solid #4584a5;border-radius:8px;color:#c1e0ec;padding:10px 5px;font-size:11px}.which-text button.active{border-color:#ffd88e;background:#64492b;color:#ffe3ae}.helper{color:#aec7d6;font-size:11px;line-height:1.55}.editor-footer{display:flex;gap:12px;margin-top:auto;border-top:1px solid #337794a3;padding:12px;background:linear-gradient(#082b3c,#041c2a)}.cta,.secondary-cta{flex:1;min-height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:13px;font-weight:750;font-size:23px;line-height:1.1;transition:.18s;padding:12px}.cta svg,.secondary-cta svg{width:35px;height:35px}.cta span,.secondary-cta span{display:block}.cta small,.secondary-cta small{display:block;font-size:10px;font-weight:500;margin-top:5px}.download-cta{border:2px solid #ffe9a5;background:linear-gradient(#ffdf87,#e8a83f 70%,#d28e27);color:#2c211b;box-shadow:0 0 10px #ffe0a6a3,0 0 25px #ffbd4f78,inset 0 2px #fffae2}.share-cta{border:2px solid #86e9ff;background:linear-gradient(#10516f,#072941);color:#f5fbff;box-shadow:0 0 10px #63dafaad,0 0 20px #20b1ff65,inset 0 2px #c6f7ff7d}.cta:hover,.secondary-cta:hover{transform:translateY(-2px);filter:brightness(1.1)}.footer{text-align:center;color:#bdcada;text-shadow:0 0 6px #fff4;font:italic 12px Georgia,serif;padding:14px 0 20px}
#toast{position:fixed;z-index:50;left:50%;bottom:21px;transform:translate(-50%,35px);background:#ffe8b9;color:#183044;max-width:min(92vw,560px);font-size:13px;box-shadow:0 10px 40px #0009;border-radius:13px;padding:13px 20px;opacity:0;transition:.24s;pointer-events:none;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}
.modal{border:1px solid #7edaff;border-radius:17px;box-shadow:0 0 35px #37b9ff65,0 20px 80px #000a;background:linear-gradient(#0b3850,#031d2d);color:#f7f6f2;padding:22px;width:min(560px,calc(100vw - 28px));max-height:85vh;overflow:auto}.modal::backdrop{background:#00101bdb;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.modal-head h2{font:italic 26px Georgia,serif;color:#ffdfa1;margin:0}.modal p{font-size:13px;color:#c1dfe8;line-height:1.55}.modal-x{border:1px solid #4b97b7;background:#0b293b;color:#f6e0ac;padding:6px 8px;border-radius:7px}.modal-x svg{width:17px;height:17px}.modal-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ffdb8a;color:#271c15;background:linear-gradient(#ffdda4,#d9a04e);padding:12px 18px;border-radius:9px;margin:15px 0 8px;font-weight:650}.modal-primary svg{width:17px;height:17px}.danger-subtle{display:flex;background:#16394b;color:#ffe3a2;max-width:100%;text-align:center}.help-content p{border-bottom:1px solid #4a91ae50;padding-bottom:10px}.saved-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.saved-item{background:#082a3b;border:1px solid #3c85a1;border-radius:9px;padding:9px}.saved-item img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#041521}.saved-item h3{font-size:11px;font-weight:600;color:#eddfc2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-item-actions{display:flex;flex-wrap:wrap;gap:5px}.saved-item-actions button{background:#103e53;border:1px solid #4b93af;border-radius:5px;padding:7px;color:#f1e6cb;font-size:11px;flex:1}.saved-empty{grid-column:1/-1;text-align:center;font-size:12px;color:#c4dbe7;padding:25px 8px}.modal-toggle{display:flex;align-items:center;justify-content:space-between;padding:15px 7px;border-bottom:1px solid #5395ae50;font-size:14px}.modal-toggle input{accent-color:#ffca75;width:19px;height:19px}.modal small{color:#a5c9d2;font-size:11px}
@media (min-width:1250px){.preview-stage{max-height:620px}.editor .panel{max-height:695px}}
@media (max-width:1190px){.workspace{grid-template-columns:minmax(0,1.1fr) minmax(390px,.95fr)}.brand{margin-right:330px}.brand-name{font-size:43px}.nav-action{min-width:79px;font-size:11px}.tab{font-size:11px;gap:4px}.tab svg{width:18px;flex-basis:18px}.decor-layout{grid-template-columns:125px minmax(0,1fr)}.decor-cat{font-size:10px;padding:10px 5px}.premium-sticker-grid,.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-stage{min-height:315px}.canvas-tools button{font-size:11px;padding:7px}.canvas-tools button svg{width:15px;height:15px}}
@media (max-width:850px){.site-header{height:auto;min-height:190px;padding:15px 12px 100px;background-position:36% center}.brand{margin:0}.brand-name{font-size:42px}.brand-ribbon{font-size:13px}.brand-kicker{font-size:8px}.top-actions{top:auto;right:12px;left:12px;bottom:10px;justify-content:space-evenly}.nav-action{height:58px;min-width:0;flex:1;font-size:10px;padding:4px}.nav-action svg{height:23px;width:23px}.sleigh{display:none}.page-shell{padding:11px 10px 0}.workspace{grid-template-columns:1fr;gap:13px}.preview-section,.editor{min-height:unset;border-radius:15px}.preview-section{padding:12px}.preview-stage{min-height:220px;max-height:none}.canvas-wrap{max-width:100%!important}.panel{min-height:400px;max-height:none}.decor-layout{height:390px;grid-template-columns:136px minmax(0,1fr)}.decor-cat{font-size:11px}.premium-sticker-grid,.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-footer{position:sticky;bottom:0;z-index:3}.footer{font-size:11px}}
@media (max-width:540px){.brand-name{font-size:38px}.brand-ribbon{white-space:normal;max-width:90vw;line-height:1.15}.section-head{font-size:9px}.preview-tip{font-size:9px}.preview-stage{padding:8px;min-height:190px}.add-text{min-width:0;font-size:11px}.preview-note{display:none}.preview-tools{flex-wrap:wrap}.format-choice{flex:1}.format-choice button{flex:1;padding:7px 4px}.format-choice button span{font-size:9px}.canvas-tools{flex-wrap:wrap;gap:2px}.canvas-tools button{padding:6px;font-size:10px}.canvas-tools button svg{height:13px;width:13px}.zoom-tools{margin-right:0}.mini-info{font-size:9px}.tab-list{gap:4px;padding:8px 6px}.tab{height:56px;flex-direction:column;font-size:10px;gap:2px;padding:4px}.tab svg{height:18px;width:18px;flex-basis:18px}.panel{padding:10px 8px}.decor-layout{grid-template-columns:117px minmax(0,1fr);gap:5px;height:340px}.decor-categories{gap:3px}.decor-cat{font-size:9.5px;padding:9px 4px}.premium-sticker-grid,.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.premium-sticker,.sticker-grid button{min-height:75px}.premium-sticker img{height:47px}.premium-sticker span{font-size:8px}.control-rows label{flex:1 1 105px;min-width:105px}.scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-footer{gap:7px;padding:9px}.cta,.secondary-cta{min-height:59px;padding:8px 6px;font-size:16px;gap:5px}.cta svg,.secondary-cta svg{width:26px;height:26px}.cta small,.secondary-cta small{font-size:8px}.saved-gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V11: 10 new fairy-tale frames */
.fairytale-frame-heading{grid-column:1/-1;margin:13px 0 5px;padding:11px 13px;border-top:1px solid rgba(135,220,252,.35);color:#ffe0a0;font-weight:700;font-size:13px;letter-spacing:.01em}
.fairytale-frame-heading span{float:right;color:#9cdbf7;font-weight:600;font-size:10px}
.fairy-frame-choice img{display:block;object-fit:contain;width:100%;height:92px;max-height:92px}
.fairy-frame-choice span{white-space:normal;line-height:1.35;display:block;padding-top:5px}
@media(max-width:540px){.fairy-frame-choice img{height:76px;max-height:76px}}

/* V15 — tükrözés választó: külön sor, mobilon is olvasható */
.mirror-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;margin:9px 0;border:1px solid rgba(105,215,244,.42);border-radius:12px;background:linear-gradient(90deg,rgba(6,35,56,.96),rgba(16,60,73,.9));color:#f6deb0;box-shadow:inset 0 1px 0 #ffffff18}
.mirror-toolbar label{font-size:13px;font-weight:700;white-space:nowrap}
.mirror-toolbar select{flex:1 1 180px;max-width:280px;min-width:138px;background:#092e3f;color:#fff0d3;border:1px solid #548ba6;border-radius:8px;padding:8px 10px;font:inherit;font-size:12px}
.mirror-toolbar button{background:#103b4e;border:1px solid #538fa2;border-radius:9px;color:#edfaff;min-height:36px;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.mirror-toolbar button:hover:not(:disabled){background:#24586a;border-color:#a3ecff}
.mirror-toolbar button.active{background:linear-gradient(135deg,#f8ca70,#9b5c24);border-color:#ffe2a6;color:#241503;font-weight:750;box-shadow:0 0 14px #ffc76180}
.mirror-toolbar button:disabled{opacity:.44;cursor:not-allowed}
.mirror-toolbar .mirror-reset{color:#ffe2b4}
@media(max-width:540px){.mirror-toolbar{padding:8px 7px;gap:5px}.mirror-toolbar label{font-size:11px}.mirror-toolbar select{font-size:11px;max-width:none;flex-basis:calc(100% - 99px)}.mirror-toolbar button{flex:1 1 auto;font-size:10.5px;padding:8px 4px}}

/* V17 – pinch-to-zoom: only the card preview captures native mobile gestures. */
.preview-stage{touch-action:none;overscroll-behavior:contain;justify-content:safe center;align-items:safe center;}
.preview-stage .canvas-wrap{max-width:none!important;flex-shrink:0;transition:none;}
.pinch-hint{margin:9px 3px 0;color:#b9e5f0;font-size:11px;line-height:1.45;text-align:center;}
@media (max-width:850px){.preview-stage{max-height:clamp(220px,64vw,370px);}}
@media (max-width:540px){.pinch-hint{font-size:10px;margin-top:8px;}}


/* V18 – saját karácsonyi zenelejátszó. A szerkesztés és export változatlan. */
.holiday-music{display:flex;align-items:center;gap:15px;margin:0 0 16px;padding:11px 16px;border:1px solid #6fcdf6a8;border-radius:17px;background:linear-gradient(110deg,#082737f2,#0a3344f4 55%,#082230f4);box-shadow:0 8px 24px #0005,0 0 14px #39b6f833,inset 0 0 18px #ffe8aa0c;color:#f9f4e9}
.music-emblem{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;font-size:30px;line-height:1;color:#ffe3a0;border:1px solid #c6995790;border-radius:50%;background:radial-gradient(circle,#73552255,#082a3c);text-shadow:0 0 14px #ffd381}
.music-heading{display:flex;flex-direction:column;flex:0 1 205px;min-width:143px;gap:4px}
.music-heading strong{font-family:Georgia,serif;color:#ffe1a3;font-size:17px;white-space:nowrap}
.music-heading span{color:#bcd8e6;font-size:11px;line-height:1.35}
.music-controls{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:9px}
.music-select-wrap{flex:1 1 245px;min-width:180px;font-size:10px;line-height:1.45;color:#ffdea0;display:flex;flex-direction:column;gap:4px}
.music-select-wrap select{width:100%;max-width:100%;min-width:0;height:38px;border:1px solid #6aa9c4;border-radius:9px;background:#051f31;color:#edfaff;padding:7px 10px;font-size:12px}
.music-play,.music-next,.music-mute{border:1px solid #7ab2cd;border-radius:10px;background:linear-gradient(#123b4e,#072434);color:#eaffff;min-height:40px;padding:8px 11px;white-space:nowrap}
.music-play{display:flex;gap:9px;align-items:center;justify-content:center;min-width:126px;border-color:#ffda95;background:linear-gradient(#c99446,#774e26);font-weight:700;color:#fff2d7;box-shadow:0 0 12px #ffc16e45}
.music-play[aria-pressed="true"]{background:linear-gradient(#1a6381,#0d405c);border-color:#a0ebff}
.music-play:hover,.music-next:hover,.music-mute:hover{filter:brightness(1.16)}
.music-next{font-size:19px;width:43px;padding:7px}
.music-volume{display:grid;grid-template-columns:34px minmax(75px,125px) 42px;grid-template-rows:auto auto;align-items:center;column-gap:5px;row-gap:3px;min-width:187px}
.music-mute{grid-row:1/3;grid-column:1;padding:5px;font-size:18px;width:34px;min-height:36px}
.music-volume label{grid-row:1;grid-column:2;color:#cbdfe8;font-size:10px}
.music-volume input{grid-row:2;grid-column:2;accent-color:#ffce79;cursor:pointer;width:100%;min-width:0;height:20px}
.music-volume output{grid-row:2;grid-column:3;color:#ffdfaf;font-size:11px;font-variant-numeric:tabular-nums}
@media(max-width:1180px){.holiday-music{flex-wrap:wrap;gap:9px}.music-heading{flex:1 1 240px}.music-controls{flex:1 1 100%}}
@media(max-width:700px){.holiday-music{padding:10px 11px;gap:10px;margin-bottom:12px}.music-emblem{width:36px;height:36px;flex-basis:36px;font-size:22px}.music-heading strong{font-size:15px}.music-heading span{font-size:10px}.music-controls{gap:7px;flex-wrap:wrap}.music-select-wrap{flex:1 1 calc(100% - 180px);min-width:175px}.music-play{min-width:109px;padding:8px 7px;font-size:11px}.music-next{width:35px;min-height:38px}.music-volume{flex:1 1 100%;grid-template-columns:35px minmax(90px,1fr) 43px;max-width:none;margin-top:2px}}
@media(max-width:410px){.music-select-wrap{flex:1 1 100%;order:0}.music-play{flex:1 1 auto;order:1}.music-next{order:2}.music-volume{order:3}}