/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:.75rem;--text-base:1rem;--text-lg:1.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#16181d;--ink-soft:#4a4f5a;--line:#e7e3da;--paper:#f6f4ef;--paper-2:#efece3;--white:#fff;--stage:#16181c;--stage-2:#1d2026;--accent:#e25c47;--accent-d:#c8453a;--gold:#c79a45;--ring:#e25c4759;--shadow-card:0 24px 60px -18px #0000008c,0 6px 18px -8px #0006;--shadow-pop:0 18px 50px -16px #14100a47;--r:14px;--font-ui:var(--font-montserrat),system-ui,sans-serif;--font-display:var(--font-playfair),serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--text-xs:11.5px;--text-sm:12.5px;--text-base:13.5px;--text-md:16px;--text-lg:20px}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:inherit;background:0 0;border:none}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--line);z-index:30;flex:0 0 62px;gap:18px;height:62px;padding:0 20px;position:relative}.brand,.topbar{align-items:center;display:flex}.brand{cursor:pointer;text-align:left;background:0 0;border:none;gap:11px;padding:0}.brand-mark{background:linear-gradient(145deg,var(--accent),var(--accent-d));color:#fff;width:34px;height:34px;box-shadow:0 6px 16px -6px var(--ring);border-radius:9px;place-items:center;display:grid;position:relative}.brand-mark svg{width:20px;height:20px}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:.2px}.brand-name b{color:var(--accent)}.brand-tag{color:var(--ink-soft);letter-spacing:.3px;margin-top:-2px;font-size:11px}.topbar-spacer{flex:1}.tb-btn{align-items:center;gap:var(--s-2);height:40px;padding:0 var(--s-4);font-weight:600;font-size:var(--text-base);color:var(--ink);border:1px solid #0000;border-radius:10px;transition:all .16s;display:inline-flex}.tb-btn svg{width:17px;height:17px}.tb-btn.ghost{border-color:var(--line)}.tb-btn.ghost:hover{background:var(--paper);border-color:#d8d2c6}.tb-btn.accent{background:linear-gradient(145deg,var(--accent),var(--accent-d));color:#fff;box-shadow:0 8px 20px -8px var(--ring)}.tb-btn.accent:hover{filter:brightness(1.05)}.tb-btn:disabled{opacity:.4;cursor:default}.tb-icon{justify-content:center;width:40px;padding:0}.save-chip{color:var(--ink-soft);opacity:0;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.save-chip.show{opacity:1}.save-chip svg{color:#3fae6a;width:14px;height:14px}.save-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:savepulse .9s ease-in-out infinite}@keyframes savepulse{0%,to{opacity:.35}50%{opacity:1}}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tb-btn.ghost.warn{color:#9a6a1a;border-color:#e9c98b}.tb-btn.ghost.warn:hover{background:#fdf6e7;border-color:#e0b86a}.gallery{background:radial-gradient(80% 60% at 50% -10%,#fff7ef 0,#fff7ef00 60%),var(--paper);flex:1;overflow-y:auto}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero h1,.hero p,.hero-cta,.hero-eyebrow,.hero-previews{animation:reveal .6s cubic-bezier(.2,.7,.2,1) both}.hero h1{animation-delay:60ms}.hero p{animation-delay:.12s}.hero-cta{animation-delay:.18s}.hero-previews{animation-delay:.28s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tmpl-card{animation:fade-in .5s both}.tmpl-grid .tmpl-card:first-child{animation-delay:20ms}.tmpl-grid .tmpl-card:nth-child(2){animation-delay:60ms}.tmpl-grid .tmpl-card:nth-child(3){animation-delay:.1s}.tmpl-grid .tmpl-card:nth-child(4){animation-delay:.14s}.tmpl-grid .tmpl-card:nth-child(n+5){animation-delay:.18s}.hero{text-align:center;max-width:1080px;margin:0 auto;padding:54px 28px 8px}.hero-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);box-shadow:var(--shadow-pop);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{font-family:var(--font-display);letter-spacing:-.5px;margin:22px 0 0;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.04}.hero h1 em{color:var(--accent);font-style:italic}.hero p{max-width:560px;color:var(--ink-soft);margin:18px auto 0;font-size:16px;line-height:1.6}.hero-cta{gap:12px;margin-top:28px}.hero-cta,.hero-pills{flex-wrap:wrap;justify-content:center;display:flex}.hero-pills{gap:10px;margin-top:30px}.hpill{color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.hpill svg{width:15px;height:15px;color:var(--accent)}.hero-previews{justify-content:center;align-items:center;gap:0;margin-top:48px;display:flex}.hero-prev{width:230px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;position:relative;overflow:hidden}.hero-prev-0{z-index:1;margin-right:-26px;transform:rotate(-7deg)translateY(8px)}.hero-prev-1{z-index:3;transform:scale(1.12)}.hero-prev-2{z-index:1;margin-left:-26px;transform:rotate(7deg)translateY(8px)}@media (max-width:720px){.hero-previews{margin-top:34px}.hero-prev{width:38vw}.hero-prev-0{margin-right:-5vw}.hero-prev-2{margin-left:-5vw}}.gallery-section{max-width:1180px;margin:0 auto;padding:38px 28px 70px}.gsec-head{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.gsec-head h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700}.gsec-head span{color:var(--ink-soft);font-size:13px}.tmpl-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:22px;display:grid}.tmpl-card{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;text-align:left;color:var(--ink);background:#fff;width:100%;padding:0;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:block;position:relative;overflow:hidden}.tmpl-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-6px)}.tmpl-thumb{aspect-ratio:1.414;content-visibility:auto;contain-intrinsic-size:auto 220px;background:#eee;position:relative;overflow:hidden}.tmpl-thumb .mini{position:absolute;inset:0}.tmpl-thumb img{object-fit:cover;width:100%;height:100%;display:block}.tmpl-card:hover .tmpl-thumb .scale{transform:scale(1.05)}.tmpl-thumb .scale{transition:transform .35s;position:absolute;inset:0}.tmpl-open{opacity:0;background:linear-gradient(#0000000d,#0000006b);place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.tmpl-card:hover .tmpl-open{opacity:1}.tmpl-open span{color:var(--ink);box-shadow:var(--shadow-pop);background:#fff;border-radius:999px;padding:11px 20px;font-size:13px;font-weight:700;transition:all .2s;transform:translateY(8px)}.tmpl-card:hover .tmpl-open span{transform:none}.tmpl-meta{justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.tmpl-meta b{font-size:14.5px;font-weight:600}.tmpl-tag{letter-spacing:.6px;text-transform:uppercase;color:var(--accent);background:#fff3f0;border-radius:6px;flex:none;padding:4px 9px;font-size:10.5px;font-weight:700}.tmpl-badges{flex-wrap:wrap;gap:6px;margin-top:-4px;padding:0 15px 14px;display:flex}.tmpl-badge{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.tmpl-add-thumb{background:var(--paper);border-radius:var(--r);border:2px dashed #d8d2c6;place-items:center;display:grid}.tmpl-add-inner{color:var(--ink-soft);flex-direction:column;align-items:center;gap:10px;display:flex}.tmpl-add-inner b{color:var(--ink);font-size:14px;font-weight:600}.tmpl-add-plus{background:linear-gradient(145deg,var(--accent),var(--accent-d));color:#fff;width:44px;height:44px;box-shadow:0 8px 20px -8px var(--ring);border-radius:50%;place-items:center;display:grid}.tmpl-add-plus svg{width:22px;height:22px}.tmpl-add:hover .tmpl-add-thumb{border-color:var(--accent);background:#fff7f4}.mini-card{position:absolute;inset:0;overflow:hidden}.editor{background:var(--stage);min-height:0}.editor,.stage{flex:1;display:flex}.stage{background:radial-gradient(60% 50% at 50% 0,#23262d 0,#23262d00 70%),var(--stage);touch-action:none;justify-content:center;align-items:center;min-width:0;position:relative;overflow:hidden}.stage-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 0),linear-gradient(90deg,#ffffff06 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.canvas-wrap{filter:drop-shadow(var(--shadow-card));position:relative}.card{transform-origin:50%;background:#fff;position:relative;overflow:hidden}.card-bg{position:absolute;inset:0}.card-bg img{width:100%;height:100%;display:block}.el{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.el.text .el-inner{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.el-outline{border:2px solid var(--accent);pointer-events:none;opacity:0;border-radius:3px;transition:opacity .12s;position:absolute;inset:-1px}.el:hover .el-outline{opacity:.5}.el.selected .el-outline{opacity:1}.handle{border:2px solid var(--accent);pointer-events:auto;z-index:5;background:#fff;border-radius:50%;width:13px;height:13px;position:absolute}.handle.br{cursor:nwse-resize;bottom:-7px;right:-7px}.handle.bl{cursor:nesw-resize;bottom:-7px;left:-7px}.handle.tr{cursor:nesw-resize;top:-7px;right:-7px}.handle.tl{cursor:nwse-resize;top:-7px;left:-7px}.handle.rot{cursor:grab;border-color:#fff;top:-30px}.handle.rot,.handle.rot:after{background:var(--accent);left:50%;transform:translate(-50%)}.handle.rot:after{content:"";width:2px;height:18px;position:absolute;top:12px}.el-edit{cursor:text;outline:none}.guides{pointer-events:none;z-index:6;position:absolute;inset:0}.guide-v{width:1px;top:0;bottom:0}.guide-h,.guide-v{background:var(--accent);position:absolute;box-shadow:0 0 0 .5px #e25c4766}.guide-h{height:1px;left:0;right:0}.stage-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12;background:#1c1e24eb;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:4px;padding:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -16px #000000b3}.st-btn{color:#cfd3da;border-radius:9px;place-items:center;width:38px;height:38px;transition:all .14s;display:grid}.st-btn svg{width:18px;height:18px}.st-btn:hover{color:#fff;background:#ffffff17}.st-btn:disabled{opacity:.35;cursor:default}.st-btn:disabled:hover{color:#cfd3da;background:0 0}.st-sep{background:#ffffff1f;width:1px;height:24px;margin:0 3px}.zoom-label{color:#aeb4bd;text-align:center;min-width:42px;font-size:12px;font-weight:600}.stage-top{z-index:12;gap:8px;display:flex;position:absolute;top:16px;left:16px}.chip{color:#dfe3ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1e24e6;border:1px solid #ffffff17;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.chip svg{width:15px;height:15px;color:var(--accent)}.inspector{background:var(--white);border-left:1px solid var(--line);flex-direction:column;flex:0 0 312px;width:312px;min-height:0;display:flex}.insp-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.insp-tab{min-width:0;color:var(--ink-soft);border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 2px;font-size:10.5px;font-weight:600;transition:all .14s;display:flex}.insp-tab svg{width:18px;height:18px}.insp-tab:hover{background:var(--paper);color:var(--ink)}.insp-tab.active{color:var(--accent);background:#fff3f0}.insp-body{flex:1;padding:18px 16px 40px;overflow-y:auto}.insp-body::-webkit-scrollbar{width:8px}.insp-body::-webkit-scrollbar-thumb{background:#e2ddd2;border-radius:8px}.field{margin-bottom:16px}.field-label{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11.5px;font-weight:700;display:flex}.field-label .val{color:var(--accent);font-variant-numeric:tabular-nums}.seg{background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{height:32px;color:var(--ink-soft);border-radius:7px;flex:1;place-items:center;font-size:12px;font-weight:600;transition:all .14s;display:grid}.seg button svg{width:16px;height:16px}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.seg.accent button.on{background:var(--accent);color:#fff}input.tinput,select.tinput,textarea.tinput{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);resize:vertical;border-radius:10px;padding:10px 12px;font-size:13.5px;transition:all .14s}input.tinput:focus,select.tinput:focus,textarea.tinput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);background:#fff;outline:none}select.tinput{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a4f5a' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}input[type=range]{appearance:none;background:var(--paper-2);border-radius:99px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:17px;height:17px;box-shadow:0 2px 5px #0000002e}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:17px;height:17px}.swatches{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.sw{aspect-ratio:1;cursor:pointer;border:1px solid #00000014;border-radius:8px;padding:0;transition:transform .12s;position:relative}.sw:hover{transform:scale(1.12)}.sw.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.sw.custom{place-items:center;display:grid;overflow:hidden}.sw.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.bg-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.bg-tile{aspect-ratio:1.3;cursor:pointer;border:2px solid #0000;border-radius:10px;padding:0;transition:all .14s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.bg-tile:hover{transform:translateY(-2px)}.bg-tile.on{border-color:var(--accent)}.bg-tile span{color:#fff;text-align:center;background:linear-gradient(#0000,#00000080);padding:3px;font-size:9.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.font-list{flex-direction:column;gap:6px;max-height:none;display:flex}.font-item{border:1px solid var(--line);cursor:pointer;background:var(--paper);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;transition:all .14s;display:flex}.font-item:hover{background:#fff;border-color:#d8d2c6}.font-item.on{border-color:var(--accent);background:#fff3f0}.font-item .fn{color:var(--ink);font-size:17px}.font-item .fc{letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);font-size:9.5px;font-weight:700}.upload-zone{text-align:center;cursor:pointer;background:var(--paper);border:2px dashed #d8d2c6;border-radius:12px;padding:24px 14px;transition:all .14s}.upload-zone:hover{border-color:var(--accent);background:#fff3f0}.upload-zone svg{width:26px;height:26px;color:var(--accent);margin-bottom:8px}.upload-zone b{font-size:13.5px;display:block}.upload-zone span{color:var(--ink-soft);font-size:11.5px}.btn-row{gap:8px;display:flex}.mini-btn{border:1px solid var(--line);background:var(--paper);height:38px;color:var(--ink);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.mini-btn svg{width:15px;height:15px}.mini-btn:hover{background:#fff;border-color:#d8d2c6}.mini-btn.danger:hover{border-color:var(--accent);color:var(--accent)}.mini-btn.full{width:100%}.section-title{font-family:var(--font-display);align-items:center;gap:8px;margin:2px 0 14px;font-size:16px;font-weight:700;display:flex}.hint{font-size:var(--text-xs);color:var(--ink-soft);margin-top:-6px;margin-bottom:14px;line-height:1.5}.hint-tip{color:#9a4a3a;background:#fff3f0;border:1px solid #f4d9d2;border-radius:9px;align-items:flex-start;gap:7px;margin-top:0;padding:9px 11px;display:flex}.hint-tip svg{width:14px;height:14px;color:var(--accent);flex:0 0 14px;margin-top:1px}.empty-note{text-align:center;color:var(--ink-soft);padding:24px 8px;font-size:12.5px;line-height:1.6}.layer-row{border:1px solid var(--line);cursor:pointer;background:var(--paper);text-align:left;width:100%;color:var(--ink);border-radius:10px;align-items:center;gap:9px;margin-bottom:7px;padding:8px 10px;transition:all .14s;display:flex}.layer-row:hover{background:#fff}.layer-row.on{border-color:var(--accent);background:#fff3f0}.layer-ic{border:1px solid var(--line);background:#fff;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.layer-ic svg{width:15px;height:15px;color:var(--ink-soft)}.layer-ic img{object-fit:cover;width:100%;height:100%}.layer-row .lname{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.layer-del{width:26px;height:26px;color:var(--ink-soft);border-radius:7px;place-items:center;display:grid}.layer-del:hover{color:var(--accent);background:#fff3f0}.layer-del svg{width:14px;height:14px}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.snow-dot{opacity:.85;background:#fff;border-radius:50%;animation:snowfall linear infinite;position:absolute;top:-5%}@keyframes snowfall{0%{transform:translateY(-10%)translate(0)}to{transform:translateY(1100%)translate(20px)}}.confetti-dot{animation:snowfall linear infinite;position:absolute;top:-5%}.bokeh-dot{background:radial-gradient(circle,#ffffffe6,#fff0 70%);border-radius:50%;animation:bokehpulse ease-in-out infinite alternate;position:absolute}@keyframes bokehpulse{0%{opacity:.25;transform:scale(.9)}to{opacity:.7;transform:scale(1.1)}}.shine{background:linear-gradient(115deg,#0000 30%,#ffffff59 48%,#0000 60%);animation:shine 5.5s ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes shine{0%,18%{transform:translate(-120%)}38%,to{transform:translate(120%)}}.vignette{box-shadow:inset 0 0 120px 30px #00000059}.border-frame,.vignette{position:absolute;inset:0}.border-frame{border:6px double #fff0}.toast{background:var(--ink);color:#fff;padding:13px var(--s-5);font-size:var(--text-base);opacity:0;z-index:100;pointer-events:none;border-radius:12px;align-items:center;gap:10px;font-weight:600;transition:all .25s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 18px 40px -14px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{color:#7bd88f;width:17px;height:17px}.toast-undo{pointer-events:auto;color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;margin-left:6px;padding:5px 12px;font-weight:700}.toast-undo:hover{background:#ffffff1f}.toast.error svg{color:#ffb4a8}.celebrate{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.celebrate-bit{border-radius:1px;animation-name:confetti-burst;animation-timing-function:cubic-bezier(.2,.6,.3,1);animation-fill-mode:forwards;position:absolute;top:-8vh}@keyframes confetti-burst{0%{opacity:1;top:-8vh}85%{opacity:1}to{opacity:0;top:108vh}}.content-sections{flex-direction:column;gap:52px;max-width:1180px;margin:0 auto;padding:24px 28px 8px;display:flex}.content-sections h2{font-family:var(--font-display);color:var(--ink);margin:0 0 24px;font-size:clamp(24px,3vw,32px)}.how-steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.how-step{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-pop);padding:24px 22px 22px;position:relative}.how-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-14px;left:22px}.how-ic{color:var(--accent);display:inline-flex}.how-ic svg{width:24px;height:24px}.how-step h3{color:var(--ink);margin:10px 0 6px;font-size:17px}.how-step p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:4px 18px}.faq-item summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:20px;font-weight:700;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.6}.share-page{text-align:center;flex-direction:column;align-items:center;max-width:720px;min-height:100vh;margin:0 auto;padding:28px 24px 60px;display:flex}.share-brand{color:var(--ink);gap:10px;margin-bottom:8px;font-size:20px;font-weight:700;text-decoration:none}.share-brand,.share-brand .brand-mark{align-items:center;display:inline-flex}.share-brand .brand-mark{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;width:34px;height:34px}.share-brand .brand-mark svg{width:19px;height:19px}.share-title{font-family:var(--font-display);color:var(--ink);margin:14px 0 26px;font-size:clamp(26px,4vw,38px)}.share-card-wrap{border-radius:var(--r);width:100%;max-width:560px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.share-badge{color:#9a4a3a;background:#fff3f0;border:1px solid #f4d9d2;border-radius:99px;align-items:center;gap:8px;margin-top:16px;padding:7px 14px 7px 8px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.share-badge:hover{background:#ffe9e3;border-color:#ecc3b8}.share-badge b{color:var(--accent)}.share-badge .brand-mark{background:linear-gradient(145deg,var(--accent),var(--accent-d));color:#fff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.share-badge .brand-mark svg{width:15px;height:15px}.share-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 18px;display:flex}.share-foot{color:var(--ink-soft);font-size:13px}.share-foot a{color:var(--accent);font-weight:600}.share-invalid{flex-direction:column;align-items:center;gap:14px;margin:auto;display:flex}.share-invalid h1{font-family:var(--font-display);color:var(--ink);font-size:28px}.share-invalid p{color:var(--ink-soft);margin:0 0 8px}.mobile-gate{display:none}.mobile-gate-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:340px;padding:32px 26px;display:flex}.mobile-gate-card .brand-mark{background:linear-gradient(145deg,var(--accent),var(--accent-d));color:#fff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.mobile-gate-card .brand-mark svg{width:26px;height:26px}.mobile-gate-card h2{font-family:var(--font-display);margin:4px 0 0;font-size:26px}.mobile-gate-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.mobile-gate-actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.mobile-gate-actions .tb-btn{justify-content:center;width:100%}@media (max-width:720px){.how-steps{grid-template-columns:1fr;gap:26px}.hero{padding:32px 20px 4px}.hero-cta{margin-top:22px}.gallery-section{padding:26px 18px 56px}.tmpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.topbar{gap:10px;padding:0 14px}.brand-tag{display:none}.site-footer{padding:22px 18px}}@media (max-width:768px){.mobile-gate{z-index:120;background:var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.site-footer{border-top:1px solid var(--line);max-width:1180px;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:28px;font-size:12.5px;display:flex}.export-capture{pointer-events:none;position:fixed;top:0;left:-99999px}@media (prefers-color-scheme:dark){body:has(.share-page){background:#14151a}.share-page{background:radial-gradient(90% 60% at 50% -10%,#20232b 0,#14151a00 60%),#14151a}.share-page,.share-page .share-brand,.share-page .share-invalid h1,.share-page .share-title{color:#ece7df}.share-page .share-foot,.share-page .share-invalid p{color:#a8a39a}.share-page .share-foot a{color:#ff8a76}.share-page .share-badge{color:#f0b8ac;background:#2a211f;border-color:#3a2c28}.share-page .share-badge:hover{background:#342824;border-color:#4a352f}.share-page .share-card-wrap{box-shadow:0 24px 60px -18px #000000bf,0 6px 18px -8px #0009}.share-page .tb-btn.ghost{color:#ece7df;border-color:#33363d}.share-page .tb-btn.ghost:hover{background:#1d2026;border-color:#43464d}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}