@font-face{font-family:Gerbera;src:url(/assets/GerberaLight-CAgEX_8K.otf) format("otf");font-weight:200}@font-face{font-family:Gerbera;src:url(/assets/GerberaRegular-D_nNdY6T.otf) format("otf");font-weight:300}@font-face{font-family:Gerbera;src:url(/assets/GerberaMedium-CaUqnQgQ.otf) format("otf");font-weight:400}@font-face{font-family:Gerbera;src:url(/assets/GerberaBold-Bzy7acOZ.otf) format("otf");font-weight:500}@font-face{font-family:Gerbera;src:url(/assets/GerberaBlack-CKY52EsE.otf) format("otf");font-weight:600}:root{--bg:#f6f3ff;--panel:#ffffff;--stroke:#e2d9ff;--text:#2b2a33;--muted:#6f6a86;--accent:#7b6bff;--accent-soft:#efeaff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Gerbera,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#fff7fb,#f6f3ff 55%,#eef5ff);color:var(--text)}#root{min-height:100%}.app{--frame-size: 1024px;display:grid;grid-template-columns:var(--frame-size) var(--frame-size);gap:16px;justify-content:center;padding:16px}.left{min-width:360px;width:var(--frame-size)}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:16px;width:100%;box-shadow:0 16px 40px #6e5ac81f}.panelRow{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin-bottom:12px}.label{color:var(--muted);font-size:13px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#fbf9ff;color:var(--text)}.seg{display:flex;gap:8px;flex-wrap:wrap}.segBtn{padding:8px 10px;border-radius:12px;border:1px solid var(--stroke);background:#fbf9ff;color:var(--text);cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}.segBtn.active{outline:2px solid var(--accent);border-color:var(--accent);background:var(--accent-soft)}.actions{display:flex;gap:10px}.btn{padding:10px 14px;border-radius:14px;border:1px solid var(--stroke);background:linear-gradient(135deg,#fdf7ff,#efeaff);color:var(--text);cursor:pointer;box-shadow:0 8px 16px #7c6cff26}.btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.small{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.4}.small code{color:var(--accent)}.right{display:flex;justify-content:center;align-items:flex-start}.frameOuter{display:flex;flex-direction:column;gap:10px;align-items:center}.frame{position:relative;width:var(--frame-size);height:auto;aspect-ratio:1 / 1;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#fff7f2,#eef5ff);border:1px solid rgba(126,118,255,.2);box-shadow:0 24px 60px #7d6eff33}.imageWrap{position:absolute;inset:0;overflow:hidden}.img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.imgPlaceholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#2b2a33b3;background:linear-gradient(135deg,#000,#000)}.overlay{position:absolute;inset:0;background:#0003}.textLayer{position:absolute;display:flex;gap:8px;max-width:78%;z-index:10}.title{font-weight:900;font-size:calc(var(--frame-size) * 60 / 1024);line-height:1.05;letter-spacing:.5px;text-transform:uppercase;white-space:pre-wrap;word-break:break-word;text-shadow:#000000 0 0 20px}.subtitle{font-weight:700;font-size:calc(var(--frame-size) * 20 / 1024);line-height:1.2;letter-spacing:.8px;text-transform:uppercase;white-space:pre-wrap;word-break:break-word;text-shadow:#000000 0 0 20px}.textLayer.main{gap:-20px}.textLayer.main .title,.textLayer.main .subtitle{color:#fff}.textLayer.shadow{z-index:9;pointer-events:none;filter:blur(20px);opacity:.85}.textLayer.shadow .title,.textLayer.shadow .subtitle{color:#000;display:none}.textLayer.shadow:before{content:"";position:absolute;inset:-40px;background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:9px;z-index:-1}.hint{color:var(--muted);font-size:12px}@media(max-width:1200px){.app{--frame-size: min(90vw, 768px);grid-template-columns:1fr;justify-items:center}.right{justify-content:flex-start;overflow:auto}.frame{height:auto}}