@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/fonts/open-runde.css";:root{--radius-sm: 8px;--radius-md: 12px;--transition-fast: .15s ease;--gap-lg: 16px}._wrapper_tifnc_8{width:100%}._mainContainer_tifnc_12{display:flex;gap:24px;align-items:stretch;width:100%;max-width:1000px;margin:0 auto}@media(max-width:900px){._mainContainer_tifnc_12{flex-direction:column}._previewSection_tifnc_25{order:-1}}._controlsSection_tifnc_30{flex:6;display:flex;flex-direction:column;gap:var(--gap-lg)}._twoColumnGrid_tifnc_37{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}@media(max-width:600px){._twoColumnGrid_tifnc_37{grid-template-columns:1fr}}._sectionBox_tifnc_49{background:var(--bg-box, #ffffff);border-radius:var(--radius-md);border:1px solid var(--border-box, #e5e5e5);overflow:hidden;box-shadow:none}._sectionHeader_tifnc_57{display:flex;justify-content:space-between;align-items:center;background:var(--bg-header);padding:12px 18px;border-bottom:1px solid var(--border-box)}._sectionContent_tifnc_66{padding:16px;background:var(--bg-content)}._sectionTitle_tifnc_71{font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;color:var(--text-title);letter-spacing:.08em;text-transform:uppercase}._inputField_tifnc_80{width:100%;background:var(--bg-control);border:1px solid var(--border-control);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-main);font-size:.95rem;outline:none;font-family:Open Runde,sans-serif;transition:border-color var(--transition-fast),background var(--transition-fast)}._inputField_tifnc_80:focus{border-color:var(--border-control-hover);background:var(--bg-input-focus)}._btnGrid_tifnc_98{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}._optionBtn_tifnc_104{background:var(--bg-control);border:1px solid var(--border-control);color:var(--text-control);padding:10px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);font-family:Open Runde,sans-serif}._optionBtn_tifnc_104:hover{background:var(--bg-control-hover);border-color:var(--border-control-hover);color:var(--text-control-hover)}._optionBtnActive_tifnc_123{background:var(--bg-control-active);color:var(--text-control-active);border-color:var(--border-control-active);font-weight:700}._directionGrid_tifnc_130{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}._iconBtn_tifnc_136{display:flex;align-items:center;justify-content:center;background:var(--bg-control);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-control);padding:10px 0;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);font-size:.75rem;font-family:Open Runde,sans-serif}._iconBtn_tifnc_136:hover{background:var(--bg-control-hover);border-color:var(--border-control-hover);color:var(--text-control-hover)}._iconBtnActive_tifnc_157{background:var(--bg-control-active);color:var(--text-control-active);border-color:var(--border-control-active);font-weight:700}._gestureGrid_tifnc_164{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}._previewSection_tifnc_25{flex:4;display:flex;flex-direction:column}._avatarBoxWrapper_tifnc_176{flex:1;display:flex;justify-content:center;align-items:center;padding:32px 16px;position:relative;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--bg-avatar);margin-bottom:16px}._avatarBoxWrapper_tifnc_176:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,var(--pattern-avatar) 25%,transparent 25%),linear-gradient(-45deg,var(--pattern-avatar) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pattern-avatar) 75%),linear-gradient(-45deg,transparent 75%,var(--pattern-avatar) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;pointer-events:none;z-index:0}._avatarBox_tifnc_176{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}._avatarImage_tifnc_212{filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));width:auto;height:auto;max-height:100%;max-width:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:relative;z-index:1}._loadingSpinner_tifnc_225{color:var(--text-title);font-size:.85rem;z-index:1}._actionsBox_tifnc_231{display:flex;flex-direction:column;gap:12px;margin-top:auto}._urlRow_tifnc_238{display:flex;background:var(--bg-control);border:1px solid var(--border-control);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast)}._urlRow_tifnc_238:focus-within{border-color:var(--border-control-hover);background:var(--bg-input-focus)}._urlInput_tifnc_252{flex:1;background:transparent;border:none;color:var(--text-main);padding:10px 14px;font-size:.85rem;outline:none;font-family:Open Runde,sans-serif}._copyBtn_tifnc_263{background:transparent;border:none;border-left:1px solid var(--border-control);color:var(--text-control);width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}._copyBtn_tifnc_263:hover{background:var(--bg-control-hover);color:var(--text-control-hover)}._downloadIconBtn_tifnc_281{background:var(--bg-box);border:1px solid var(--border-control);color:var(--text-control);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}._downloadIconBtn_tifnc_281:hover{background:var(--bg-control-hover);color:var(--text-control-hover);border-color:var(--border-control-hover)}._container_z28v6_1{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-color:var(--bg-page);position:relative}._themeToggle_z28v6_11{position:fixed;bottom:24px;right:24px;background:transparent;border:none;outline:none;color:var(--color-theme-btn);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;transition:transform .2s ease,color .2s ease;z-index:100}._themeToggle_z28v6_11:hover{transform:scale(1.12);color:var(--text-main)}._themeToggle_z28v6_11:active{transform:scale(.95)}:root{--bg-page: #ffffff;--text-main: #18181b;--bg-box: #ffffff;--bg-header: #f2f2f2;--bg-content: #ffffff;--border-box: #e5e5e5;--text-title: #71717a;--bg-control: #f2f2f2;--border-control: #e5e5e5;--text-control: #52525b;--bg-control-hover: #e4e4e7;--text-control-hover: #18181b;--border-control-hover: #d4d4d8;--bg-control-active: #d4d4d8;--text-control-active: #09090b;--border-control-active: #a1a1aa;--bg-input-focus: #eaeaea;--bg-avatar: rgba(0, 0, 0, .03);--border-avatar: rgba(0, 0, 0, .1);--pattern-avatar: rgba(0, 0, 0, .04);--color-theme-btn: #71717a}[data-theme=dark]{--bg-page: #09090b;--text-main: #f4f4f5;--bg-box: #0d0d0d;--bg-header: #121214;--bg-content: #0d0d0d;--border-box: rgba(255, 255, 255, .08);--text-title: #71717a;--bg-control: #141416;--border-control: rgba(255, 255, 255, .08);--text-control: #a1a1aa;--bg-control-hover: rgba(255, 255, 255, .08);--text-control-hover: #ffffff;--border-control-hover: rgba(255, 255, 255, .15);--bg-control-active: rgba(255, 255, 255, .15);--text-control-active: #ffffff;--border-control-active: rgba(255, 255, 255, .3);--bg-input-focus: #18181b;--bg-avatar: rgba(0, 0, 0, .4);--border-avatar: rgba(255, 255, 255, .12);--pattern-avatar: rgba(255, 255, 255, .03);--color-theme-btn: #a1a1aa}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-page);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}html[data-beui-vt=circle-blur]::view-transition-old(root){animation:none;mix-blend-mode:normal}html[data-beui-vt=circle-blur]::view-transition-new(root){mix-blend-mode:normal;animation:beui-circle-blur-reveal .7s cubic-bezier(.4,0,.2,1)}@keyframes beui-circle-blur-reveal{0%{clip-path:circle(0% at var(--beui-vt-origin, 100% 100%));filter:blur(8px)}to{clip-path:circle(150% at var(--beui-vt-origin, 100% 100%));filter:blur(0px)}}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}