@font-face{font-family:SF Pro Rounded;src:url(/fonts/SF-Pro-Rounded-Regular.otf)format("opentype");font-weight:400}@font-face{font-family:SF Pro Rounded;src:url(/fonts/SF-Pro-Rounded-Bold.otf)format("opentype");font-weight:700}@font-face{font-family:SF Pro Rounded;src:url(/fonts/SF-Pro-Rounded-Black.otf)format("opentype");font-weight:900}@font-face{font-family:TikTok Sans;src:url(/fonts/TikTokSans-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:TikTok Sans;src:url(/fonts/TikTokSans-SemiBold.ttf)format("truetype");font-weight:650}@font-face{font-family:TikTok Sans;src:url(/fonts/TikTokSans-Bold.ttf)format("truetype");font-weight:700}:root{color:#14161a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7;font-family:TikTok Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f5f7;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app{color:#14161a;background:#f4f5f7;flex-direction:column;align-items:center;min-height:100vh;display:flex}.control-rail{background:0 0;grid-template-columns:minmax(220px,320px) auto;justify-content:center;align-items:center;gap:18px;width:100%;padding:28px 28px 10px;display:grid}.drop-zone{text-align:center;cursor:pointer;background:#f8fafc;border:1.5px dashed #a8b0bf;border-radius:8px;place-items:center;gap:6px;min-height:92px;padding:14px 18px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-zone svg{color:#1769e0}.drop-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:15px;font-weight:800}.drop-zone.is-dragging{background:#eef5ff;border-color:#1769e0;box-shadow:0 0 0 4px #1769e01f}.button-row{grid-template-columns:148px;gap:10px;display:grid}.status-line{color:#5d6573;text-align:center;grid-column:1/-1;min-height:20px;margin:-4px 0 0;font-size:13px;font-weight:750}.status-line.is-error{color:#b3261e}.status-line.is-ready{color:#237a2d}.manual-editor{grid-template-columns:96px minmax(260px,456px);justify-content:center;align-items:center;gap:18px;width:min(672px,100% - 56px);padding:12px 0 0;display:grid}.avatar-drop{color:#1769e0;cursor:pointer;background:#f8fafc;border:1.5px dashed #a8b0bf;border-radius:50%;place-items:center;width:96px;height:96px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid;overflow:hidden}.avatar-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatar-drop img{object-fit:cover;width:100%;height:100%}.avatar-drop.is-dragging{background:#eef5ff;border-color:#1769e0;box-shadow:0 0 0 4px #1769e01f}.manual-fields{gap:10px;display:grid}.manual-fields input,.manual-fields textarea{color:#14161a;width:100%;font:inherit;background:#fff;border:1px solid #d7dce4;border-radius:7px;outline:none;font-size:14px;font-weight:700}.manual-fields input{height:40px;padding:0 12px}.manual-fields textarea{resize:vertical;min-height:82px;padding:10px 12px}.manual-fields input:focus,.manual-fields textarea:focus{border-color:#1769e0;box-shadow:0 0 0 3px #1769e01f}button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:42px;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.45}.primary-button{color:#fff;background:#14161a}.secondary-button,.icon-button{color:#20242c;background:#fff;border:1px solid #d7dce4}.icon-button{width:38px;height:38px}.preview-grid{grid-template-columns:repeat(2,minmax(220px,312px));place-content:start center;gap:24px;width:100%;max-width:672px;padding:28px 28px 40px;display:grid}.preview-panel{min-width:0}.preview-toolbar{justify-content:flex-end;align-items:center;gap:8px;height:38px;margin-bottom:8px;display:flex}.canvas-shell{aspect-ratio:1296/1741;background:#fff;border:1px solid #d7dce4;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 14px 38px #1e26341c}.canvas-shell canvas{width:100%;height:100%;display:block}@media (width<=1320px){.control-rail{grid-template-columns:minmax(220px,320px) auto}.button-row{grid-column:span 1}}@media (width<=820px){.control-rail{grid-template-columns:1fr;position:static}.manual-editor{grid-template-columns:84px minmax(0,1fr)}.avatar-drop{width:84px;height:84px}.preview-grid{grid-template-columns:1fr}}@media (width<=520px){.control-rail,.preview-grid{padding:18px}.button-row{grid-template-columns:1fr}.manual-editor{grid-template-columns:1fr;justify-items:center;width:calc(100% - 36px)}.manual-fields{width:100%}}