@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html{height:100%}body{height:100%;margin:0;padding:0;font-family:var(--font-sans),system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scaleIn .4s ease-out}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-elevated: #222230;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #606060;--accent-primary: #00f5d4;--accent-secondary: #9b5de5;--accent-tertiary: #f15bb5;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(0, 245, 212, .3);--border-focus: rgba(0, 245, 212, .5);--glass-bg: rgba(18, 18, 26, .6);--glass-border: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3);--shadow-md: 0 12px 40px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6)}:root[data-theme=monochrome]{--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-tertiary: #F9FAFB;--bg-elevated: #FFFFFF;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--accent-primary: #000000;--accent-secondary: #6B7280;--accent-tertiary: #9CA3AF;--border-color: #E5E7EB;--border-hover: #D1D5DB;--border-focus: #9CA3AF;--glass-bg: rgba(255, 255, 255, .9);--glass-border: #E5E7EB;--shadow-color: rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1)}:root{--font-display: "Orbitron", sans-serif;--font-sans: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}.theme-changing *{transition:none!important}.glass-panel{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;backdrop-filter:blur(10px)}:root[data-theme=dark] .glass-panel{box-shadow:0 8px 32px #0006,0 0 12px #00f5d41a}:root[data-theme=monochrome] .glass-panel{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d;backdrop-filter:none}.neon-text{color:var(--accent-primary)}:root[data-theme=dark] .neon-text{text-shadow:0 0 8px rgba(0,245,212,.5),0 0 16px rgba(0,245,212,.3)}:root[data-theme=monochrome] .neon-text{color:#000;text-shadow:none}:root[data-theme=monochrome] .neon-border,:root[data-theme=monochrome] .neon-shadow,:root[data-theme=monochrome] .shadow-neon,:root[data-theme=monochrome] .shadow-neon-purple{text-shadow:none!important;box-shadow:var(--shadow-color)!important;border-color:var(--border-color)!important}:root[data-theme=monochrome] .floating-orbs,:root[data-theme=monochrome] .orb{display:none!important}:root[data-theme=dark] .generate-view,:root[data-theme=dark] .scan-view,:root[data-theme=dark] .history-view{animation:fadeIn .6s ease-out}:root[data-theme=dark] .sidebar-section{animation:slideUp .5s ease-out}:root[data-theme=monochrome] .generate-view,:root[data-theme=monochrome] .scan-view,:root[data-theme=monochrome] .history-view{animation:fadeInLight .2s ease-out}:root[data-theme=monochrome] .sidebar-section{animation:fadeInLight .2s ease-out}:root[data-theme=monochrome] .float-animation,:root[data-theme=monochrome] [class*=float]{animation:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLight{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.history-content{scrollbar-width:none;-ms-overflow-style:none}.history-content::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}:root[data-theme=monochrome] ::-webkit-scrollbar{width:6px;height:6px}:root[data-theme=monochrome] ::-webkit-scrollbar-track{background:transparent}:root[data-theme=monochrome] ::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}:root[data-theme=monochrome] ::-webkit-scrollbar-thumb:hover{background:#d1d5db}.language-switcher[data-v-6ceaf0ab]{position:relative;display:inline-block}.language-button[data-v-6ceaf0ab]{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#12121ae6;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e0e0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}.language-button[data-v-6ceaf0ab]:hover{border-color:#00f5d44d;background:#00f5d414;transform:translateY(-1px);box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000004d}.flag[data-v-6ceaf0ab]{font-size:.875rem;line-height:1}.lang-name[data-v-6ceaf0ab]{letter-spacing:.025em}.dropdown-arrow[data-v-6ceaf0ab]{width:12px;height:12px;color:#606060;transition:transform .3s ease}.dropdown-arrow.expanded[data-v-6ceaf0ab]{transform:rotate(180deg)}.language-dropdown[data-v-6ceaf0ab]{position:absolute;top:calc(100% + .375rem);right:0;min-width:140px;background:#0c0c12f2;border:1px solid rgba(0,245,212,.25);border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 12px #00f5d41a;backdrop-filter:blur(20px);overflow:hidden;z-index:1000}.language-option[data-v-6ceaf0ab]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;color:#e0e0e0;font-size:.8125rem;text-align:left;cursor:pointer;transition:all .2s ease}.language-option[data-v-6ceaf0ab]:hover{background:#00f5d41a}.language-option.active[data-v-6ceaf0ab]{background:#00f5d426;color:#00f5d4}.language-option .flag[data-v-6ceaf0ab]{font-size:1rem}.language-option .name[data-v-6ceaf0ab]{flex:1}.check-icon[data-v-6ceaf0ab]{width:14px;height:14px;color:#00f5d4}:root[data-theme=monochrome] .language-button[data-v-6ceaf0ab]{background:#fff;border:1px solid #E5E7EB;color:#111827;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .language-button[data-v-6ceaf0ab]:hover{border-color:#000;background:#fafafa;box-shadow:0 2px 4px #00000014}:root[data-theme=monochrome] .dropdown-arrow[data-v-6ceaf0ab]{color:#6b7280}:root[data-theme=monochrome] .language-dropdown[data-v-6ceaf0ab]{background:#fff;border:1px solid #E5E7EB;box-shadow:0 4px 12px #00000014;backdrop-filter:none}:root[data-theme=monochrome] .language-option[data-v-6ceaf0ab]{color:#111827}:root[data-theme=monochrome] .language-option[data-v-6ceaf0ab]:hover{background:#f3f4f6}:root[data-theme=monochrome] .language-option.active[data-v-6ceaf0ab]{background:#000;color:#fff}:root[data-theme=monochrome] .check-icon[data-v-6ceaf0ab]{color:#fff}.dropdown-enter-active[data-v-6ceaf0ab],.dropdown-leave-active[data-v-6ceaf0ab]{transition:all .2s ease}.dropdown-enter-from[data-v-6ceaf0ab],.dropdown-leave-to[data-v-6ceaf0ab]{opacity:0;transform:translateY(-8px)}.dropdown-enter-to[data-v-6ceaf0ab],.dropdown-leave-from[data-v-6ceaf0ab]{opacity:1;transform:translateY(0)}@media(max-width:768px){.language-button[data-v-6ceaf0ab]{padding:.3125rem .5rem;font-size:.6875rem}.flag[data-v-6ceaf0ab]{font-size:.8125rem}.lang-name[data-v-6ceaf0ab]{display:none}.dropdown-arrow[data-v-6ceaf0ab]{width:10px;height:10px}.language-dropdown[data-v-6ceaf0ab]{min-width:120px}.language-option[data-v-6ceaf0ab]{padding:.5rem .625rem;font-size:.75rem}}@media(max-width:480px){.language-button[data-v-6ceaf0ab]{padding:.25rem .375rem}.flag[data-v-6ceaf0ab]{font-size:.75rem}.dropdown-arrow[data-v-6ceaf0ab]{width:9px;height:9px}.language-dropdown[data-v-6ceaf0ab]{min-width:110px;right:-.25rem}.language-option[data-v-6ceaf0ab]{padding:.4375rem .5rem;font-size:.6875rem}.language-option .flag[data-v-6ceaf0ab]{font-size:.875rem}.check-icon[data-v-6ceaf0ab]{width:12px;height:12px}}.theme-switcher[data-v-12707d4a]{display:flex;align-items:center}.theme-toggle-btn[data-v-12707d4a]{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.theme-toggle-btn[data-v-12707d4a]:hover{border-color:var(--border-hover);transform:translateY(-1px)}.theme-preview[data-v-12707d4a]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all .2s ease}.theme-toggle-btn:hover .theme-preview[data-v-12707d4a]{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}:root[data-theme=monochrome] .theme-preview[data-v-12707d4a]{border-color:#d1d5db}:root[data-theme=monochrome] .theme-toggle-btn:hover .theme-preview[data-v-12707d4a]{border-color:#9ca3af;box-shadow:none}.theme-icon[data-v-12707d4a]{width:14px;height:14px;color:var(--text-primary)}.theme-name[data-v-12707d4a]{font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.theme-toggle-btn:hover .theme-name[data-v-12707d4a]{color:var(--accent-primary)}:root[data-theme=monochrome] .theme-name[data-v-12707d4a]{color:#6b7280}:root[data-theme=monochrome] .theme-toggle-btn:hover .theme-name[data-v-12707d4a]{color:#000}@media(max-width:768px){.theme-name[data-v-12707d4a]{display:none}.theme-toggle-btn[data-v-12707d4a]{padding:.375rem}}.app-header[data-v-278beaa9]{position:sticky;top:0;z-index:200;margin-bottom:.5rem;border-radius:12px;animation:slideDown-278beaa9 .6s ease-out;background:var(--bg-secondary);backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}:root[data-theme=light] .app-header[data-v-278beaa9]{backdrop-filter:none;box-shadow:var(--shadow-color)}:root[data-theme=monochrome] .app-header[data-v-278beaa9]{backdrop-filter:none;background:#ffffffe6;border-bottom:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d}@keyframes slideDown-278beaa9{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content[data-v-278beaa9]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1rem}.logo[data-v-278beaa9]{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logo-icon[data-v-278beaa9]{width:28px;height:28px;color:var(--accent-primary)}:root[data-theme=dark] .logo-icon[data-v-278beaa9]{animation:pulse-glow 3s ease-in-out infinite}.logo-icon svg[data-v-278beaa9]{width:100%;height:100%}.logo-text[data-v-278beaa9]{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=monochrome] .logo-text[data-v-278beaa9]{background:none;-webkit-text-fill-color:#000000;color:#000}.header-tabs[data-v-278beaa9]{display:flex;gap:.5rem;flex:1;justify-content:center}.header-tab[data-v-278beaa9]{display:flex;align-items:center;gap:.4375rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.8125rem;font-weight:500;position:relative;overflow:hidden}.header-tab[data-v-278beaa9]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent);opacity:0;transition:opacity .3s ease}.header-tab[data-v-278beaa9]:hover:before{opacity:1}.header-tab[data-v-278beaa9]:hover{border-color:var(--border-hover);color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 8%,transparent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-tab.active[data-v-278beaa9]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);box-shadow:0 0 15px color-mix(in srgb,var(--accent-primary) 20%,transparent)}:root[data-theme=dark] .header-tab.active[data-v-278beaa9]{box-shadow:0 0 15px color-mix(in srgb,var(--accent-primary) 20%,transparent),inset 0 1px 3px #0000001a}:root[data-theme=monochrome] .header-tab[data-v-278beaa9]{border-color:#e5e7eb;background:transparent}:root[data-theme=monochrome] .header-tab[data-v-278beaa9]:hover{border-color:#d1d5db;background:#f9fafb}:root[data-theme=monochrome] .header-tab.active[data-v-278beaa9]{border-color:#000;background:#fff;color:#000;box-shadow:0 1px 2px #0000000d;ring:1px solid #000000;ring-offset:1px}.header-tab.active[data-v-278beaa9]:before{opacity:1}.tab-icon[data-v-278beaa9]{width:16px;height:16px;flex-shrink:0}.tab-label[data-v-278beaa9]{letter-spacing:.05em}.header-actions[data-v-278beaa9]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-link[data-v-278beaa9]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#a0a0a0;border-radius:8px;transition:all .3s ease;text-decoration:none}.nav-link[data-v-278beaa9]:hover,.nav-link.router-link-active[data-v-278beaa9]{color:#00f5d4;background:#00f5d41a;transform:translateY(-1px)}:root[data-theme=monochrome] .nav-link[data-v-278beaa9]{color:#6b7280}:root[data-theme=monochrome] .nav-link[data-v-278beaa9]:hover,:root[data-theme=monochrome] .nav-link.router-link-active[data-v-278beaa9]{color:#000;background:#f3f4f6}.nav-link svg[data-v-278beaa9]{width:20px;height:20px}.desktop-only[data-v-278beaa9]{display:flex}.mobile-only[data-v-278beaa9]{display:none}.mobile-menu[data-v-278beaa9]{position:relative}.menu-btn[data-v-278beaa9]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(0,245,212,.25);border-radius:8px;color:#a0a0a0;cursor:pointer;transition:all .3s ease;padding:0}.menu-btn[data-v-278beaa9]:hover{color:#00f5d4;border-color:#00f5d466;background:#00f5d41a}:root[data-theme=monochrome] .menu-btn[data-v-278beaa9]{border-color:#d1d5db;color:#6b7280}:root[data-theme=monochrome] .menu-btn[data-v-278beaa9]:hover{border-color:#9ca3af;color:#000;background:#f3f4f6}.menu-btn svg[data-v-278beaa9]{width:18px;height:18px}.menu-dropdown[data-v-278beaa9]{position:absolute;top:100%;right:0;margin-top:.5rem;background:#0c0c12f2;border:1px solid rgba(0,245,212,.25);border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;min-width:160px;z-index:1000;animation:slideDown-278beaa9 .2s ease-out}.menu-item[data-v-278beaa9]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#a0a0a0;text-decoration:none;transition:all .2s ease;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-size:.875rem}.menu-item[data-v-278beaa9]:hover{background:#00f5d41a;color:#00f5d4}:root[data-theme=monochrome] .menu-dropdown[data-v-278beaa9]{background:#fff;border:1px solid #E5E7EB;box-shadow:0 4px 6px #0000001a}:root[data-theme=monochrome] .menu-item[data-v-278beaa9]{color:#6b7280}:root[data-theme=monochrome] .menu-item[data-v-278beaa9]:hover{background:#f3f4f6;color:#000}:root[data-theme=monochrome] .menu-divider[data-v-278beaa9]{background:#e5e7eb}.menu-item svg[data-v-278beaa9]{width:16px;height:16px;flex-shrink:0}.menu-divider[data-v-278beaa9]{height:1px;background:#00f5d41a;margin:.5rem 0}.language-item[data-v-278beaa9]{padding:.5rem 1rem}.language-item[data-v-278beaa9] .language-switcher{width:100%}.github-link[data-v-278beaa9]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#a0a0a0;border-radius:8px;transition:all .3s ease}.github-link[data-v-278beaa9]:hover{color:#e0e0e0;background:#ffffff0d;transform:translateY(-1px)}.github-link svg[data-v-278beaa9]{width:20px;height:20px}@media(max-width:1024px){.header-content[data-v-278beaa9]{padding:.625rem 1rem}.header-tabs[data-v-278beaa9]{gap:.375rem}.header-tab[data-v-278beaa9]{padding:.4375rem .875rem;font-size:.7875rem}}@media(max-width:768px){.app-header[data-v-278beaa9]{margin-bottom:0;border-radius:0}.header-content[data-v-278beaa9]{padding:.5rem .75rem;gap:.5rem}.logo-icon[data-v-278beaa9]{width:24px;height:24px}.logo-text[data-v-278beaa9]{font-size:.875rem;letter-spacing:.03em}.header-tabs[data-v-278beaa9]{gap:.25rem}.header-tab[data-v-278beaa9]{padding:.375rem .75rem;font-size:.75rem;gap:.3125rem}.tab-icon[data-v-278beaa9]{width:14px;height:14px}.desktop-only[data-v-278beaa9]{display:none}.mobile-only[data-v-278beaa9]{display:flex}.nav-link[data-v-278beaa9]{width:32px;height:32px}.nav-link svg[data-v-278beaa9]{width:17px;height:17px}.github-link[data-v-278beaa9]{width:36px;height:36px}.github-link svg[data-v-278beaa9]{width:17px;height:17px}}@media(max-width:480px){.header-content[data-v-278beaa9]{padding:.375rem .5rem;gap:.375rem}.logo-icon[data-v-278beaa9]{width:20px;height:20px}.logo-text[data-v-278beaa9]{font-size:.75rem;letter-spacing:.03em}.header-tabs[data-v-278beaa9]{gap:.125rem}.header-tab[data-v-278beaa9]{padding:.3125rem .625rem;font-size:.6875rem;gap:.25rem;min-height:36px}.tab-icon[data-v-278beaa9]{width:12px;height:12px}.tab-label[data-v-278beaa9]{display:inline;letter-spacing:.025em}.nav-link[data-v-278beaa9]{width:30px;height:30px}.nav-link svg[data-v-278beaa9]{width:16px;height:16px}.github-link[data-v-278beaa9]{width:32px;height:32px}.github-link svg[data-v-278beaa9]{width:16px;height:16px}}.app-footer[data-v-fe9ad411]{margin-top:auto;border-radius:12px;animation:slideUp-fe9ad411 .6s ease-out}@keyframes slideUp-fe9ad411{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-content[data-v-fe9ad411]{padding:1.5rem 1rem;text-align:center}.footer-text[data-v-fe9ad411]{display:flex;flex-direction:column;gap:.5rem}.copyright[data-v-fe9ad411],.learn-more[data-v-fe9ad411]{font-size:.875rem;color:var(--text-secondary);margin:0}.tutorial-link[data-v-fe9ad411]{color:var(--accent-primary);text-decoration:none;transition:all .3s ease;font-weight:500}.tutorial-link[data-v-fe9ad411]:hover{color:var(--accent-secondary);text-decoration:underline}:root[data-theme=dark] .tutorial-link[data-v-fe9ad411]:hover{text-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 50%,transparent)}@media(max-width:768px){.app-footer[data-v-fe9ad411]{margin-top:0;border-radius:0}.footer-content[data-v-fe9ad411]{padding:.75rem .5rem}.copyright[data-v-fe9ad411],.learn-more[data-v-fe9ad411]{font-size:.75rem}}.type-selector[data-v-6aa1d13c]{margin-bottom:0}.type-grid[data-v-6aa1d13c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.type-item[data-v-6aa1d13c]{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a;overflow:hidden}.type-item[data-v-6aa1d13c]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 5%,transparent),transparent);opacity:0;transition:opacity .3s ease}.type-item[data-v-6aa1d13c]:hover:before{opacity:1}.type-item[data-v-6aa1d13c]:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.type-item.active[data-v-6aa1d13c]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-secondary));box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 20%,transparent)}:root[data-theme=monochrome] .type-item[data-v-6aa1d13c]{border-color:#e5e7eb;box-shadow:none}:root[data-theme=monochrome] .type-item[data-v-6aa1d13c]:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .type-item.active[data-v-6aa1d13c]{border-color:#e5e7eb;background:#f9fafb;color:#000;box-shadow:none;ring:1px solid #000000;ring-offset:1px}:root[data-theme=monochrome] .type-item.active .type-icon[data-v-6aa1d13c]{color:#000}.type-item.active[data-v-6aa1d13c]:before{opacity:1}.type-icon[data-v-6aa1d13c]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .3s ease}.type-item.active .type-icon[data-v-6aa1d13c]{color:var(--accent-primary)}.type-icon svg[data-v-6aa1d13c]{width:20px;height:20px}.type-info[data-v-6aa1d13c]{display:flex;flex-direction:column;align-items:center;gap:.125rem;text-align:center}.type-label[data-v-6aa1d13c]{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.type-desc[data-v-6aa1d13c]{font-size:.6875rem;color:var(--text-tertiary)}.type-item.active .type-desc[data-v-6aa1d13c]{color:var(--text-secondary)}.type-check[data-v-6aa1d13c]{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;color:var(--accent-primary)}.type-check svg[data-v-6aa1d13c]{width:100%;height:100%}.type-select-wrapper[data-v-6aa1d13c]{position:relative}.type-select-current[data-v-6aa1d13c]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a}.type-select-current[data-v-6aa1d13c]:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-md)}.current-icon[data-v-6aa1d13c]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:6px;box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 15%,transparent)}:root[data-theme=monochrome] .current-icon[data-v-6aa1d13c]{color:#000;background:#f3f4f6;border-color:#d1d5db;box-shadow:none}.current-icon svg[data-v-6aa1d13c]{width:18px;height:18px}.current-label[data-v-6aa1d13c]{flex:1;font-size:.875rem;font-weight:500}.dropdown-arrow[data-v-6aa1d13c]{width:16px;height:16px;color:var(--text-tertiary);transition:transform .3s ease}.type-select[data-v-6aa1d13c]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.type-select option[data-v-6aa1d13c]{background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem;border-bottom:1px solid var(--border-color)}.type-select option[data-v-6aa1d13c]:hover{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-tertiary))}.type-select option[data-v-6aa1d13c]:checked{background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-tertiary));color:var(--accent-primary);font-weight:500}@media(max-width:1024px){.type-grid[data-v-6aa1d13c]{grid-template-columns:repeat(3,1fr);gap:.4375rem}.type-item[data-v-6aa1d13c]{padding:.625rem}.type-icon[data-v-6aa1d13c]{width:28px;height:28px}.type-icon svg[data-v-6aa1d13c]{width:18px;height:18px}.type-label[data-v-6aa1d13c]{font-size:.7875rem}.type-desc[data-v-6aa1d13c]{font-size:.625rem}}@media(max-width:768px){.type-selector[data-v-6aa1d13c] .type-grid{display:none}.type-select-wrapper[data-v-6aa1d13c]{display:block}.type-select-current[data-v-6aa1d13c]{padding:.5625rem .75rem}.current-icon[data-v-6aa1d13c]{width:26px;height:26px}.current-icon svg[data-v-6aa1d13c]{width:16px;height:16px}.current-label[data-v-6aa1d13c]{font-size:.8125rem}}@media(max-width:480px){.type-select-current[data-v-6aa1d13c]{padding:.5rem .625rem}.current-icon[data-v-6aa1d13c]{width:24px;height:24px}.current-icon svg[data-v-6aa1d13c]{width:15px;height:15px}.current-label[data-v-6aa1d13c]{font-size:.75rem}.dropdown-arrow[data-v-6aa1d13c]{width:14px;height:14px}}@media(min-width:769px){.type-select-wrapper[data-v-6aa1d13c]{display:none}.type-selector[data-v-6aa1d13c] .type-grid{display:grid}}.content-input[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.625rem}.input-group[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.375rem}.input-row[data-v-a66f48c0]{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.input-group>label[data-v-a66f48c0]{font-size:.6875rem;font-weight:500;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em}:root[data-theme=monochrome] .input-group>label[data-v-a66f48c0]{color:#6b7280}.text-input[data-v-a66f48c0],.select-input[data-v-a66f48c0],.text-area[data-v-a66f48c0]{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:8px;color:var(--text-primary);font-size:.8125rem;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003,0 0 6px #00f5d414}.text-input[data-v-a66f48c0]:hover,.select-input[data-v-a66f48c0]:hover,.text-area[data-v-a66f48c0]:hover{border-color:#00f5d459;box-shadow:inset 0 2px 4px #0003,0 0 10px #00f5d41f}.text-input[data-v-a66f48c0]:focus,.select-input[data-v-a66f48c0]:focus,.text-area[data-v-a66f48c0]:focus{outline:none;border-color:#00f5d499;box-shadow:0 0 0 3px #00f5d426,0 0 12px #00f5d433,inset 0 2px 4px #0003;background:var(--bg-elevated)}:root[data-theme=monochrome] .text-input[data-v-a66f48c0],:root[data-theme=monochrome] .select-input[data-v-a66f48c0],:root[data-theme=monochrome] .text-area[data-v-a66f48c0]{border:1px solid #E5E7EB;background:#fff;box-shadow:none}:root[data-theme=monochrome] .text-input[data-v-a66f48c0]:hover,:root[data-theme=monochrome] .select-input[data-v-a66f48c0]:hover,:root[data-theme=monochrome] .text-area[data-v-a66f48c0]:hover{border-color:#d1d5db;box-shadow:none}:root[data-theme=monochrome] .text-input[data-v-a66f48c0]:focus,:root[data-theme=monochrome] .select-input[data-v-a66f48c0]:focus,:root[data-theme=monochrome] .text-area[data-v-a66f48c0]:focus{border-color:#9ca3af;box-shadow:0 0 0 1px #9ca3af;background:#fff}.text-input[data-v-a66f48c0]:disabled{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.text-input[data-v-a66f48c0]:disabled::-moz-placeholder{color:#404040}.text-input[data-v-a66f48c0]:disabled::placeholder{color:#404040}.text-json-mode[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.5rem}.json-toolbar[data-v-a66f48c0]{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;background:#00f5d40d;border:1px solid rgba(0,245,212,.2);border-radius:6px}.json-badge[data-v-a66f48c0]{font-size:.6875rem;font-weight:600;color:#00f5d4;text-transform:uppercase;letter-spacing:.05em}:root[data-theme=monochrome] .json-toolbar[data-v-a66f48c0]{background:#f3f4f6;border-color:#e5e7eb}:root[data-theme=monochrome] .json-badge[data-v-a66f48c0]{color:#000}.json-area[data-v-a66f48c0]{font-family:Space Grotesk,Consolas,Monaco,monospace;font-size:.75rem;line-height:1.6}.text-input[data-v-a66f48c0]::-moz-placeholder,.text-area[data-v-a66f48c0]::-moz-placeholder{color:var(--text-tertiary)}.text-input[data-v-a66f48c0]::placeholder,.text-area[data-v-a66f48c0]::placeholder{color:var(--text-tertiary)}:root[data-theme=monochrome] .text-input[data-v-a66f48c0]::-moz-placeholder,:root[data-theme=monochrome] .text-area[data-v-a66f48c0]::-moz-placeholder{color:#9ca3af}:root[data-theme=monochrome] .text-input[data-v-a66f48c0]::placeholder,:root[data-theme=monochrome] .text-area[data-v-a66f48c0]::placeholder{color:#9ca3af}.input-hint[data-v-a66f48c0]{font-size:.625rem;color:var(--text-tertiary);margin-top:-.25rem;font-style:italic}.input-actions[data-v-a66f48c0]{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;padding:.375rem .5rem;background:var(--bg-tertiary);border-radius:6px}.input-info[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.25rem}.char-count[data-v-a66f48c0]{font-size:.6875rem;color:var(--text-tertiary);font-family:JetBrains Mono,monospace}.length-warning[data-v-a66f48c0]{font-size:.625rem;color:#f59e0b;font-style:italic}.clear-btn[data-v-a66f48c0]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-btn svg[data-v-a66f48c0]{width:14px;height:14px}.clear-btn[data-v-a66f48c0]:hover{background:#ef444426;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.clear-btn[data-v-a66f48c0]:active{transform:translateY(0)}.select-input[data-v-a66f48c0]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300f5d4' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}:root[data-theme=monochrome] .select-input[data-v-a66f48c0]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}.select-input option[data-v-a66f48c0]{background:#12121a;color:var(--text-primary);padding:.5rem}:root[data-theme=monochrome] .select-input option[data-v-a66f48c0]{background:#fff;color:#000}.select-input[data-v-a66f48c0]:disabled{background-image:none;cursor:not-allowed}.checkbox-group[data-v-a66f48c0]{flex-direction:row;align-items:center}.checkbox-label[data-v-a66f48c0]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.checkbox-label input[type=checkbox][data-v-a66f48c0]{width:18px;height:18px;accent-color:#00f5d4;cursor:pointer;border-radius:4px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.checkbox-label input[type=checkbox][data-v-a66f48c0]:checked{background-color:#00f5d4;border-color:#00f5d4;box-shadow:0 0 10px #00f5d44d}:root[data-theme=monochrome] .checkbox-label input[type=checkbox][data-v-a66f48c0]{accent-color:#000000;border-color:#d1d5db}:root[data-theme=monochrome] .checkbox-label input[type=checkbox][data-v-a66f48c0]:checked{background-color:#000;border-color:#000;box-shadow:none}.vcard-header[data-v-a66f48c0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.vcard-title[data-v-a66f48c0]{font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:.05em}.vcard-form-mode[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.625rem}.json-editor-wrapper[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.5rem}.json-editor-header[data-v-a66f48c0]{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#a0a0a0}.format-btn[data-v-a66f48c0]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:6px;color:#00f5d4;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003,0 0 6px #00f5d414}.format-btn[data-v-a66f48c0]:hover{border-color:#00f5d466;background:#00f5d41a;transform:translateY(-1px);box-shadow:inset 0 2px 4px #0003,0 2px 6px #0000004d,0 0 10px #00f5d426}:root[data-theme=monochrome] .format-btn[data-v-a66f48c0]{background:#fff;border-color:#e5e7eb;color:#374151;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .format-btn[data-v-a66f48c0]:hover{border-color:#d1d5db;background:#f9fafb;box-shadow:0 1px 3px #0000001a}.format-btn[data-v-a66f48c0]:active{transform:translateY(0)}.format-btn svg[data-v-a66f48c0]{width:14px;height:14px}.json-editor[data-v-a66f48c0]{width:100%;padding:.875rem;background:#12121acc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-family:Space Grotesk,Consolas,Monaco,monospace;font-size:.75rem;line-height:1.6;resize:vertical;transition:all .3s ease}.json-editor[data-v-a66f48c0]:focus{outline:none;border-color:#00f5d466;box-shadow:0 0 10px #00f5d426}:root[data-theme=monochrome] .json-editor[data-v-a66f48c0]{background:#fff;border-color:#e5e7eb}:root[data-theme=monochrome] .json-editor[data-v-a66f48c0]:focus{border-color:#9ca3af;box-shadow:0 0 0 1px #9ca3af}.json-error[data-v-a66f48c0]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.75rem}.json-error svg[data-v-a66f48c0]{width:16px;height:16px;flex-shrink:0}.custom-type-container[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.75rem}.template-selector[data-v-a66f48c0]{display:flex;flex-direction:column;gap:.5rem}.template-label[data-v-a66f48c0]{font-size:.75rem;font-weight:600;color:#00f5d4;text-transform:uppercase;letter-spacing:.05em}.template-buttons[data-v-a66f48c0]{display:flex;flex-wrap:wrap;gap:.375rem}.template-btn[data-v-a66f48c0]{flex:1;min-width:80px;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#a0a0a0;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003,0 0 8px #00f5d41a;text-align:center}.template-btn[data-v-a66f48c0]:hover{border-color:#00f5d44d;background:#00f5d414;color:var(--text-primary);transform:translateY(-1px);box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000004d}.template-btn.active[data-v-a66f48c0]{border-color:#00f5d480;background:#00f5d426;color:#00f5d4;box-shadow:inset 0 2px 4px #0003,0 0 15px #00f5d44d}.template-description[data-v-a66f48c0]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#00f5d40d;border:1px solid rgba(0,245,212,.15);border-radius:6px;color:#a0a0a0;font-size:.75rem}.template-description svg[data-v-a66f48c0]{width:14px;height:14px;flex-shrink:0;color:#00f5d4}@media(max-width:1024px){.content-input[data-v-a66f48c0]{gap:.5rem}.input-group[data-v-a66f48c0]{gap:.3125rem}.input-group>label[data-v-a66f48c0]{font-size:.65625rem}.text-input[data-v-a66f48c0],.select-input[data-v-a66f48c0],.text-area[data-v-a66f48c0]{padding:.5625rem .75rem;font-size:.7875rem}.vcard-header[data-v-a66f48c0]{margin-bottom:.4375rem;padding-bottom:.4375rem}.vcard-title[data-v-a66f48c0]{font-size:.8125rem}.json-editor[data-v-a66f48c0]{padding:.75rem;font-size:.703125rem}.json-error[data-v-a66f48c0]{padding:.5rem .75rem;font-size:.703125rem}.json-error svg[data-v-a66f48c0]{width:14px;height:14px}}.validation-error[data-v-a66f48c0]{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;margin-top:.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.6875rem}.validation-error svg[data-v-a66f48c0]{width:14px;height:14px;flex-shrink:0}.text-input.has-error[data-v-a66f48c0],.text-area.has-error[data-v-a66f48c0]{border-color:#ef444466}.text-input.has-error[data-v-a66f48c0]:focus,.text-area.has-error[data-v-a66f48c0]:focus{border-color:#ef444499;box-shadow:0 0 0 2px #ef44441a,inset 0 2px 4px #0003,0 0 12px #ef444426}@media(max-width:768px){.content-input[data-v-a66f48c0]{gap:.4375rem}.input-group[data-v-a66f48c0]{gap:.25rem}.input-row[data-v-a66f48c0]{grid-template-columns:1fr;gap:.5rem}.input-group>label[data-v-a66f48c0]{font-size:.625rem}.text-input[data-v-a66f48c0],.select-input[data-v-a66f48c0],.text-area[data-v-a66f48c0]{padding:.5rem .6875rem;font-size:.75rem}.checkbox-label[data-v-a66f48c0]{font-size:.8125rem}.checkbox-label input[type=checkbox][data-v-a66f48c0]{width:16px;height:16px}.vcard-header[data-v-a66f48c0]{margin-bottom:.375rem;padding-bottom:.375rem}.vcard-title[data-v-a66f48c0]{font-size:.75rem}.json-editor-header[data-v-a66f48c0]{font-size:.703125rem}.json-hint[data-v-a66f48c0]{font-size:.625rem}.json-editor[data-v-a66f48c0]{padding:.625rem;font-size:.6875rem}.json-error[data-v-a66f48c0]{padding:.4375rem .6875rem;font-size:.6875rem;gap:.375rem}.json-error svg[data-v-a66f48c0]{width:12px;height:12px}}@media(max-width:480px){.content-input[data-v-a66f48c0]{gap:.375rem}.input-group[data-v-a66f48c0]{gap:.1875rem}.input-row[data-v-a66f48c0]{gap:.375rem}.input-group>label[data-v-a66f48c0]{font-size:.5625rem}.text-input[data-v-a66f48c0],.select-input[data-v-a66f48c0],.text-area[data-v-a66f48c0]{padding:.4375rem .625rem;font-size:.703125rem}.checkbox-label[data-v-a66f48c0]{font-size:.75rem;gap:.375rem}.checkbox-label input[type=checkbox][data-v-a66f48c0]{width:16px;height:16px}.vcard-header[data-v-a66f48c0]{margin-bottom:.3125rem;padding-bottom:.3125rem}.vcard-title[data-v-a66f48c0]{font-size:.6875rem}.json-editor-header[data-v-a66f48c0]{flex-direction:column;align-items:flex-start;gap:.25rem}.json-editor[data-v-a66f48c0]{padding:.5rem;font-size:.65625rem}.json-error[data-v-a66f48c0]{padding:.375rem .5rem;font-size:.65625rem;border-radius:4px}}.style-editor[data-v-7e321393]{padding:0}.editor-header[data-v-7e321393]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.editor-title[data-v-7e321393]{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--accent-primary);margin:0;letter-spacing:.05em}:root[data-theme=monochrome] .editor-title[data-v-7e321393]{color:#000}.reset-btn[data-v-7e321393]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ef444426;border:1px solid rgba(248,113,113,.4);border-radius:6px;color:#f87171;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-btn svg[data-v-7e321393]{width:14px;height:14px}.reset-btn[data-v-7e321393]:hover{background:#f8717140;border-color:#fca5a580;transform:translateY(-1px);box-shadow:0 4px 12px #f8717133}:root[data-theme=monochrome] .reset-btn[data-v-7e321393]{background:#fef2f2;border-color:#fecaca;color:#dc2626}:root[data-theme=monochrome] .reset-btn[data-v-7e321393]:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.reset-btn[data-v-7e321393]:active{transform:translateY(0)}.editor-sections[data-v-7e321393]{display:flex;flex-direction:column;gap:.75rem}.templates-grid[data-v-7e321393]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;padding:.25rem 0}.template-card[data-v-7e321393]{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.template-card[data-v-7e321393]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent);opacity:0;transition:opacity .3s ease}.template-card[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-card[data-v-7e321393]:hover:before{opacity:1}.template-card.active[data-v-7e321393]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-secondary));box-shadow:0 0 12px color-mix(in srgb,var(--accent-primary) 25%,transparent)}:root[data-theme=monochrome] .template-card[data-v-7e321393]{border-color:#e5e7eb;background:#fff}:root[data-theme=monochrome] .template-card[data-v-7e321393]:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}:root[data-theme=monochrome] .template-card.active[data-v-7e321393]{border-color:#000;background:#f9fafb;box-shadow:none;ring:1px solid #000000;ring-offset:1px}:root[data-theme=monochrome] .template-card.active[data-v-7e321393]:after{background:#000;box-shadow:none}.template-card.active[data-v-7e321393]:after{content:"";position:absolute;top:6px;right:6px;width:14px;height:14px;background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 70%,white));border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.template-preview[data-v-7e321393]{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.template-qr-placeholder[data-v-7e321393]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.template-qr-dots[data-v-7e321393]{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:40%;height:40%}.template-qr-dots .dot[data-v-7e321393]{width:100%;height:100%;background:var(--dot-color, #000);border-radius:2px;box-shadow:0 0 2px #0003}.template-name[data-v-7e321393]{font-size:.625rem;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.template-card:hover .template-name[data-v-7e321393],.template-card.active .template-name[data-v-7e321393]{color:var(--text-primary)}.template-card.active .template-name[data-v-7e321393]{color:var(--accent-primary)}:root[data-theme=monochrome] .template-name[data-v-7e321393]{color:#6b7280}:root[data-theme=monochrome] .template-card:hover .template-name[data-v-7e321393],:root[data-theme=monochrome] .template-card.active .template-name[data-v-7e321393]{color:#000}.editor-section[data-v-7e321393]{display:flex;flex-direction:column;gap:.5rem}.section-header[data-v-7e321393]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:transparent;border:none;cursor:pointer}.section-header:hover .section-label[data-v-7e321393]{color:var(--text-primary)}.section-label[data-v-7e321393]{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin:0 0 .5rem}.color-pickers[data-v-7e321393]{display:flex;gap:.5rem}.color-picker-item[data-v-7e321393]{flex:1;display:flex;flex-direction:column;gap:.375rem}.color-picker-item>label[data-v-7e321393]{font-size:.6875rem;color:var(--text-tertiary)}.color-input-wrapper[data-v-7e321393]{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:6px;box-shadow:var(--shadow-color);transition:all .3s ease}.color-input-wrapper[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent);box-shadow:var(--shadow-md)}:root[data-theme=monochrome] .color-input-wrapper[data-v-7e321393]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .color-input-wrapper[data-v-7e321393]:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.color-input[data-v-7e321393]{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;background:transparent;box-shadow:0 2px 4px #0003}.color-input[data-v-7e321393]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-7e321393]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:4px}.color-value[data-v-7e321393]{font-size:.6875rem;color:var(--text-secondary);font-family:var(--font-mono)}.size-slider[data-v-7e321393]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border-radius:3px;outline:none;box-shadow:inset 0 2px 4px #0003;cursor:pointer}.size-slider[data-v-7e321393]:hover{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);box-shadow:inset 0 2px 4px #0003,0 0 8px color-mix(in srgb,var(--accent-primary) 12%,transparent)}.size-slider[data-v-7e321393]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 70%,white));border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.size-slider[data-v-7e321393]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px color-mix(in srgb,var(--accent-primary) 60%,transparent)}.size-slider[data-v-7e321393]::-webkit-slider-thumb:active{transform:scale(1.05)}.size-slider[data-v-7e321393]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 70%,white));border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 40%,transparent)}:root[data-theme=monochrome] .size-slider[data-v-7e321393]{background:#e5e7eb;box-shadow:inset 0 1px 2px #0000000d}:root[data-theme=monochrome] .size-slider[data-v-7e321393]::-webkit-slider-thumb{background:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #0000001a}:root[data-theme=monochrome] .size-slider[data-v-7e321393]::-webkit-slider-thumb:hover{border-color:#9ca3af;box-shadow:0 1px 3px #00000026}:root[data-theme=monochrome] .size-slider[data-v-7e321393]::-moz-range-thumb{background:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #0000001a}.slider-wrapper[data-v-7e321393]{display:flex;align-items:center;gap:.75rem}.slider-value[data-v-7e321393]{flex-shrink:0;min-width:50px;text-align:right;font-size:.75rem;font-weight:600;color:var(--accent-primary);font-family:var(--font-mono);padding:.25rem .5rem;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:4px;box-shadow:inset 0 1px 2px #0000001a}.error-level-options[data-v-7e321393]{display:flex;gap:.375rem}.level-btn[data-v-7e321393]{flex:1;padding:.5rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:6px;color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000026;position:relative;overflow:hidden}.level-btn[data-v-7e321393]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent);opacity:1;transition:opacity .3s ease}.level-btn[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));color:var(--text-primary);transform:translateY(-1px);box-shadow:inset 0 2px 4px #00000026,0 2px 6px #0003}.level-btn.active[data-v-7e321393]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-secondary));color:var(--accent-primary);box-shadow:0 0 10px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.slider-row[data-v-7e321393]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.slider-label[data-v-7e321393]{font-size:.75rem;color:var(--text-secondary);font-weight:500;min-width:-moz-fit-content;min-width:fit-content}.slider-row .slider-wrapper[data-v-7e321393]{flex:1;max-width:none}.slider-hint[data-v-7e321393]{margin:0;font-size:.625rem;color:var(--text-tertiary);font-style:italic}.color-picker-item>label[data-v-7e321393],.section-label[data-v-7e321393]{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.dot-styles-row[data-v-7e321393]{display:flex;gap:.375rem;padding:.25rem}.dot-style-btn[data-v-7e321393]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;flex:1;min-width:0;padding:.5rem .625rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:8px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.dot-style-btn[data-v-7e321393]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent);opacity:0;transition:opacity .25s ease}.dot-style-btn[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dot-style-btn[data-v-7e321393]:hover:before{opacity:1}.dot-style-btn.active[data-v-7e321393]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-secondary));box-shadow:0 0 12px color-mix(in srgb,var(--accent-primary) 25%,transparent)}:root[data-theme=monochrome] .dot-style-btn[data-v-7e321393]{border-color:#e5e7eb;background:#fff}:root[data-theme=monochrome] .dot-style-btn[data-v-7e321393]:hover{border-color:#d1d5db}:root[data-theme=monochrome] .dot-style-btn.active[data-v-7e321393]{border-color:#000;background:#f9fafb;box-shadow:none;ring:1px solid #000000;ring-offset:1px}:root[data-theme=monochrome] .dot-style-btn.active[data-v-7e321393]:after{background:#000;box-shadow:none}.dot-style-btn.active[data-v-7e321393]:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 70%,white));border-radius:50%;box-shadow:0 0 5px color-mix(in srgb,var(--accent-primary) 50%,transparent)}.dot-style-preview[data-v-7e321393]{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.dot-style-preview svg[data-v-7e321393]{width:22px;height:22px;color:var(--text-secondary);transition:color .25s ease}.dot-style-btn:hover .dot-style-preview svg[data-v-7e321393],.dot-style-btn.active .dot-style-preview svg[data-v-7e321393]{color:var(--accent-primary)}.dot-style-label[data-v-7e321393]{font-size:.625rem;font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap}.dot-style-btn:hover .dot-style-label[data-v-7e321393],.dot-style-btn.active .dot-style-label[data-v-7e321393]{color:var(--text-primary)}.dot-style-btn.active .dot-style-label[data-v-7e321393]{color:var(--accent-primary)}@media(max-width:1024px){.style-section[data-v-7e321393]{padding:.875rem}.section-title[data-v-7e321393]{font-size:.8125rem}}@media(max-width:768px){.templates-grid[data-v-7e321393]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.375rem}.template-card[data-v-7e321393]{padding:.375rem}.template-name[data-v-7e321393]{font-size:.5625rem}.editor-sections[data-v-7e321393]{gap:.5rem}.editor-section[data-v-7e321393]{gap:0}.section-label[data-v-7e321393]{margin:0 0 .5rem}.color-pickers[data-v-7e321393]{flex-direction:column;gap:.375rem;padding:.5rem 0}.color-picker-wrapper[data-v-7e321393]{width:100%}.dot-styles-row[data-v-7e321393]{gap:.25rem}.dot-style-btn[data-v-7e321393]{padding:.4375rem .5rem}.dot-style-preview[data-v-7e321393]{width:22px;height:22px}.dot-style-preview svg[data-v-7e321393]{width:18px;height:18px}.dot-style-label[data-v-7e321393]{font-size:.5625rem}}@media(max-width:480px){.templates-grid[data-v-7e321393]{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:.25rem}.template-card[data-v-7e321393]{padding:.2rem;border-radius:6px}.template-qr-dots[data-v-7e321393]{gap:2px}.editor-sections[data-v-7e321393]{gap:.375rem}.section-label[data-v-7e321393]{font-size:.75rem}.color-pickers[data-v-7e321393]{gap:.25rem;padding:.375rem 0}.dot-styles-row[data-v-7e321393]{gap:.1875rem}.dot-style-btn[data-v-7e321393]{padding:.375rem .4375rem;border-radius:6px}.dot-style-preview[data-v-7e321393]{width:20px;height:20px}.dot-style-preview svg[data-v-7e321393]{width:16px;height:16px}.dot-style-label[data-v-7e321393]{font-size:.53125rem}}.center-icon-section[data-v-7e321393]{display:flex;flex-direction:column;gap:.75rem}.icon-upload-area[data-v-7e321393]{display:flex;align-items:center;justify-content:center;min-height:100px;padding:1rem;background:var(--bg-secondary);border:2px dashed color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.icon-upload-area[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));transform:translateY(-1px)}.icon-upload-area[data-v-7e321393]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent);opacity:0;transition:opacity .3s ease}.icon-upload-area[data-v-7e321393]:hover:before{opacity:1}.upload-placeholder[data-v-7e321393]{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;pointer-events:none}.upload-placeholder svg[data-v-7e321393]{width:32px;height:32px;color:var(--text-secondary);transition:color .3s ease}.icon-upload-area:hover .upload-placeholder svg[data-v-7e321393]{color:var(--accent-primary)}.upload-placeholder span[data-v-7e321393]{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.upload-hint[data-v-7e321393]{font-size:.625rem;color:var(--text-tertiary)}.hidden-input[data-v-7e321393]{position:absolute;opacity:0;pointer-events:none}.icon-config-area[data-v-7e321393]{display:flex;flex-direction:column;gap:1rem}.icon-preview-wrapper[data-v-7e321393]{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--bg-secondary);border-radius:8px;min-height:100px}.icon-preview[data-v-7e321393]{max-width:100%;max-height:80px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.remove-icon-btn[data-v-7e321393]{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.remove-icon-btn[data-v-7e321393]:hover{background:#ef4444;transform:scale(1.05)}.remove-icon-btn svg[data-v-7e321393]{width:16px;height:16px}.icon-controls[data-v-7e321393]{display:flex;flex-direction:column;gap:.75rem}.icon-control-item[data-v-7e321393]{display:flex;flex-direction:column;gap:.375rem}.icon-control-item>label[data-v-7e321393]{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.icon-size-options[data-v-7e321393]{display:flex;gap:.375rem}.size-opt-btn[data-v-7e321393]{flex:1;padding:.5rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:6px;color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.size-opt-btn[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));color:var(--text-primary);transform:translateY(-1px)}.size-opt-btn.active[data-v-7e321393]{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-secondary));color:var(--accent-primary);box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}:root[data-theme=monochrome] .size-opt-btn[data-v-7e321393]{border-color:#e5e7eb;background:#fff}:root[data-theme=monochrome] .size-opt-btn[data-v-7e321393]:hover{border-color:#d1d5db;background:#f9fafb}:root[data-theme=monochrome] .size-opt-btn.active[data-v-7e321393]{border-color:#000;background:#f3f4f6;box-shadow:none;ring:1px solid #000000;ring-offset:1px}.opacity-slider[data-v-7e321393]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border-radius:3px;outline:none;cursor:pointer}.opacity-slider[data-v-7e321393]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;box-shadow:0 2px 4px #0003}.opacity-slider[data-v-7e321393]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0000004d}.opacity-slider[data-v-7e321393]::-webkit-slider-thumb:active{transform:scale(1.05)}.opacity-slider[data-v-7e321393]::-moz-range-thumb{width:16px;height:16px;background:var(--accent-primary);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}:root[data-theme=monochrome] .opacity-slider[data-v-7e321393]{background:#e5e7eb}:root[data-theme=monochrome] .opacity-slider[data-v-7e321393]::-webkit-slider-thumb{background:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #0000001a}:root[data-theme=monochrome] .opacity-slider[data-v-7e321393]::-webkit-slider-thumb:hover{border-color:#9ca3af;box-shadow:0 1px 3px #00000026}:root[data-theme=monochrome] .opacity-slider[data-v-7e321393]::-moz-range-thumb{background:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #0000001a}.change-icon-btn[data-v-7e321393]{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:6px;color:var(--accent-primary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.change-icon-btn[data-v-7e321393]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-primary) 25%,var(--bg-secondary));color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.change-icon-btn svg[data-v-7e321393]{width:16px;height:16px}:root[data-theme=monochrome] .change-icon-btn[data-v-7e321393]{background:#f3f4f6;border-color:#d1d5db;color:#000}:root[data-theme=monochrome] .change-icon-btn[data-v-7e321393]:hover{background:#e5e7eb;border-color:#9ca3af}@media(max-width:1024px){.icon-upload-area[data-v-7e321393],.icon-preview-wrapper[data-v-7e321393]{min-height:80px}.icon-preview[data-v-7e321393]{max-height:60px}}@media(max-width:768px){.icon-upload-area[data-v-7e321393]{min-height:80px;padding:.75rem}.icon-controls[data-v-7e321393]{gap:.5rem}.icon-size-options[data-v-7e321393]{gap:.25rem}.size-opt-btn[data-v-7e321393]{padding:.4375rem;font-size:.625rem}.remove-icon-btn[data-v-7e321393]{width:24px;height:24px}.remove-icon-btn svg[data-v-7e321393]{width:14px;height:14px}.change-icon-btn[data-v-7e321393]{padding:.4375rem .625rem;font-size:.625rem}.change-icon-btn svg[data-v-7e321393]{width:14px;height:14px}}@media(max-width:480px){.icon-upload-area[data-v-7e321393]{min-height:70px;padding:.5rem}.icon-preview-wrapper[data-v-7e321393]{min-height:70px;padding:.375rem}.icon-preview[data-v-7e321393]{max-height:50px}.icon-size-options[data-v-7e321393]{gap:.1875rem}.size-opt-btn[data-v-7e321393]{padding:.375rem;font-size:.5625rem}.change-icon-btn[data-v-7e321393]{padding:.375rem .5rem;font-size:.5625rem}}.qr-generate-settings[data-v-968867db]{width:100%;padding-top:.5rem;border-top:1px solid rgba(0,245,212,.15)}:root[data-theme=monochrome] .qr-generate-settings[data-v-968867db]{border-top-color:#e5e7eb}.settings-row[data-v-968867db]{display:flex;flex-direction:column;gap:.625rem}.setting-item[data-v-968867db]{display:flex;flex-direction:column;gap:.375rem}.setting-item>label[data-v-968867db]{font-size:.6875rem;font-weight:500;color:gray;text-transform:uppercase;letter-spacing:.05em}.compact-slider[data-v-968867db]{display:flex;align-items:center;gap:.625rem}.size-slider[data-v-968867db],.margin-slider[data-v-968867db]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:5px;background:#00f5d433;border-radius:3px;outline:none;cursor:pointer}.size-slider[data-v-968867db]::-webkit-slider-thumb,.margin-slider[data-v-968867db]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#00f5d4,#00bbf9);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.size-slider[data-v-968867db]::-webkit-slider-thumb:hover,.margin-slider[data-v-968867db]::-webkit-slider-thumb:hover{transform:scale(1.15)}.size-slider[data-v-968867db]::-moz-range-thumb,.margin-slider[data-v-968867db]::-moz-range-thumb{width:14px;height:14px;background:linear-gradient(135deg,#00f5d4,#00bbf9);border:none;border-radius:50%;cursor:pointer}:root[data-theme=monochrome] .size-slider[data-v-968867db],:root[data-theme=monochrome] .margin-slider[data-v-968867db]{background:#e5e7eb}:root[data-theme=monochrome] .size-slider[data-v-968867db]::-webkit-slider-thumb,:root[data-theme=monochrome] .margin-slider[data-v-968867db]::-webkit-slider-thumb{background:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #0000001a}:root[data-theme=monochrome] .size-slider[data-v-968867db]::-webkit-slider-thumb:hover,:root[data-theme=monochrome] .margin-slider[data-v-968867db]::-webkit-slider-thumb:hover{border-color:#9ca3af}:root[data-theme=monochrome] .size-slider[data-v-968867db]::-moz-range-thumb,:root[data-theme=monochrome] .margin-slider[data-v-968867db]::-moz-range-thumb{background:#fff;border:1px solid #D1D5DB;box-shadow:0 1px 2px #0000001a}.value-text[data-v-968867db]{flex-shrink:0;min-width:42px;text-align:right;font-size:.75rem;font-weight:600;color:#00f5d4;font-family:JetBrains Mono,monospace;padding:.125rem .5rem;background:#00f5d41a;border-radius:4px}:root[data-theme=monochrome] .value-text[data-v-968867db]{color:#000;background:#f3f4f6}.level-buttons[data-v-968867db]{display:flex;gap:.375rem}.level-btn[data-v-968867db]{flex:1;padding:.5rem 0;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:5px;color:var(--text-secondary);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .25s ease}.level-btn[data-v-968867db]:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);color:var(--text-primary)}.level-btn.active[data-v-968867db]{border-color:color-mix(in srgb,var(--accent-primary) 60%,transparent);background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary)}:root[data-theme=monochrome] .level-buttons[data-v-968867db]{background:#f3f4f6;padding:4px;border-radius:6px}:root[data-theme=monochrome] .level-btn[data-v-968867db]{background:transparent;border-color:transparent;color:#6b7280}:root[data-theme=monochrome] .level-btn[data-v-968867db]:hover{border-color:transparent;color:#374151}:root[data-theme=monochrome] .level-btn.active[data-v-968867db]{background:#fff;color:#000;border-color:transparent;box-shadow:0 1px 2px #0000000d}@media(max-width:768px){.qr-generate-settings[data-v-968867db]{padding-top:.25rem;border-top:none}.settings-row[data-v-968867db]{gap:.375rem}.setting-item[data-v-968867db]{gap:.25rem}.setting-item>label[data-v-968867db]{font-size:.625rem}.compact-slider[data-v-968867db]{gap:.375rem}.value-text[data-v-968867db]{font-size:.6875rem;min-width:36px;padding:.125rem .375rem}.level-btn[data-v-968867db]{padding:.5rem 0;font-size:.75rem}}@media(max-width:480px){.qr-generate-settings[data-v-968867db]{padding-top:0}.settings-row[data-v-968867db]{gap:.25rem}.setting-item[data-v-968867db]{gap:.1875rem}.setting-item>label[data-v-968867db]{font-size:.5625rem}.compact-slider[data-v-968867db]{gap:.25rem}.value-text[data-v-968867db]{font-size:.625rem;min-width:32px;padding:.0625rem .25rem}.level-buttons[data-v-968867db]{gap:.25rem}.level-btn[data-v-968867db]{font-size:.6875rem;padding:.4375rem 0}}.result-content-wrapper[data-v-8e616ee9]{display:flex;flex-direction:column;gap:.75rem}.result-header[data-v-8e616ee9]{display:flex;justify-content:center}.result-type[data-v-8e616ee9]{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#00f5d426;border:1px solid rgba(0,245,212,.3);border-radius:16px;font-size:.6875rem;font-weight:600;color:#00f5d4;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 10px #00f5d433}.result-content[data-v-8e616ee9]{padding:.75rem;background:#00000080;border-radius:8px}.result-text[data-v-8e616ee9]{word-break:break-all;color:#e0e0e0;margin:0}.wifi-result[data-v-8e616ee9]{display:flex;flex-direction:column;gap:.5rem}.wifi-ssid[data-v-8e616ee9]{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#00f5d4}.wifi-ssid svg[data-v-8e616ee9]{width:20px;height:20px}.wifi-details[data-v-8e616ee9]{display:flex;flex-wrap:wrap;gap:.75rem}.wifi-detail[data-v-8e616ee9]{font-size:.8125rem;color:#a0a0a0}.vcard-result[data-v-8e616ee9]{display:flex;flex-direction:column;gap:.5rem}.vcard-name[data-v-8e616ee9]{font-size:1.125rem;font-weight:600;color:#e0e0e0;margin:0}.vcard-item[data-v-8e616ee9]{display:flex;align-items:center;gap:.5rem;color:#a0a0a0}.vcard-item svg[data-v-8e616ee9]{width:16px;height:16px;flex-shrink:0}.email-result[data-v-8e616ee9]{display:flex;flex-direction:column;gap:.5rem}.email-address[data-v-8e616ee9]{display:flex;align-items:center;gap:.5rem;color:#e0e0e0;font-size:.9375rem;font-weight:500}.email-address svg[data-v-8e616ee9]{width:18px;height:18px;color:#00f5d4}.json-result[data-v-8e616ee9]{display:flex;flex-direction:column;gap:.75rem}.json-header[data-v-8e616ee9]{display:flex;align-items:center;gap:.5rem;color:#00f5d4;font-size:.9375rem;font-weight:600}.json-header svg[data-v-8e616ee9]{width:18px;height:18px}.json-content[data-v-8e616ee9]{margin:0;padding:.875rem;background:#0c0c12cc;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;color:#e0e0e0;overflow-x:auto}:root[data-theme=monochrome] .result-type[data-v-8e616ee9]{background:#f3f4f6;border:1px solid #e5e7eb;color:#000;box-shadow:none}:root[data-theme=monochrome] .result-content[data-v-8e616ee9]{background:#fff;border:1px solid #e5e7eb}:root[data-theme=monochrome] .result-text[data-v-8e616ee9]{color:#374151}:root[data-theme=monochrome] .wifi-ssid[data-v-8e616ee9]{color:#000}:root[data-theme=monochrome] .wifi-detail[data-v-8e616ee9]{color:#6b7280}:root[data-theme=monochrome] .vcard-name[data-v-8e616ee9]{color:#000}:root[data-theme=monochrome] .vcard-item[data-v-8e616ee9]{color:#6b7280}:root[data-theme=monochrome] .email-address[data-v-8e616ee9]{color:#374151}:root[data-theme=monochrome] .email-address svg[data-v-8e616ee9]{color:#000}:root[data-theme=monochrome] .json-header[data-v-8e616ee9]{color:#000}:root[data-theme=monochrome] .json-content[data-v-8e616ee9]{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.qr-scanner[data-v-9f78357f]{display:flex;flex-direction:column;gap:1rem}.tab-container[data-v-9f78357f]{display:flex;gap:.5rem;padding:.25rem;background:#f3f4f6;border-radius:.5rem;border:1px solid #e5e7eb}.tab-btn[data-v-9f78357f]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;background:transparent;cursor:pointer;transition:all .2s ease;text-transform:none}.tab-btn svg[data-v-9f78357f]{width:16px;height:16px}.tab-btn[data-v-9f78357f]:hover{color:#000;background:#fff}.tab-btn.active[data-v-9f78357f]{color:#000;background:#fff;box-shadow:0 1px 2px #0000000d;font-weight:600}.tab-content[data-v-9f78357f]{min-height:300px}.scan-area[data-v-9f78357f]{position:relative}.hidden[data-v-9f78357f]{display:none}.upload-zone[data-v-9f78357f]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;background:#fff;border:2px dashed #d1d5db;border-radius:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #0000000d}.upload-zone[data-v-9f78357f]:hover{border-color:#9ca3af;background:#f9fafb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.upload-icon[data-v-9f78357f]{width:48px;height:48px;color:#9ca3af;transition:all .2s ease}.upload-zone:hover .upload-icon[data-v-9f78357f]{color:#000}.upload-icon svg[data-v-9f78357f]{width:100%;height:100%}.upload-text[data-v-9f78357f]{font-size:.875rem;color:#111827;font-weight:500}.upload-hint[data-v-9f78357f]{font-size:.8125rem;color:#6b7280}.processing-state[data-v-9f78357f]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;color:var(--text-secondary)}.spinner[data-v-9f78357f]{width:48px;height:48px;border:4px solid color-mix(in srgb,var(--accent-primary) 10%,transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:spin-9f78357f 1s linear infinite}@keyframes spin-9f78357f{to{transform:rotate(360deg)}}.progress-bar[data-v-9f78357f]{width:100%;max-width:300px;height:6px;background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:3px;overflow:hidden;margin-top:.5rem}.progress-fill[data-v-9f78357f]{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width .3s ease}.error-message[data-v-9f78357f]{padding:1rem;background:color-mix(in srgb,#ef4444 10%,transparent);border:1px solid color-mix(in srgb,#ef4444 30%,transparent);border-radius:10px;color:#ef4444;text-align:center;box-shadow:inset 0 2px 4px color-mix(in srgb,#ef4444 10%,transparent)}.camera-area[data-v-9f78357f]{position:relative}.camera-placeholder[data-v-9f78357f]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;background:var(--bg-secondary);border-radius:12px}.camera-initializing[data-v-9f78357f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-secondary);z-index:10}.camera-wrapper .camera-initializing[data-v-9f78357f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-tertiary);border-radius:12px;padding:2rem}.camera-icon[data-v-9f78357f]{width:64px;height:64px;color:var(--text-tertiary)}.camera-icon svg[data-v-9f78357f]{width:100%;height:100%}.camera-text[data-v-9f78357f]{font-size:.875rem;color:var(--text-secondary)}.start-camera-btn[data-v-9f78357f]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#000;color:#fff;border:1px solid #000000;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000d}.start-camera-btn[data-v-9f78357f]:hover{background:#111;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.start-camera-btn svg[data-v-9f78357f]{width:16px;height:16px}.camera-scanning[data-v-9f78357f]{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--bg-secondary);border-radius:12px}.camera-wrapper[data-v-9f78357f]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:var(--bg-secondary);border-radius:12px}.camera-video-container[data-v-9f78357f]{position:relative;width:100%;max-width:24rem;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:#000}.camera-video[data-v-9f78357f]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hidden-canvas[data-v-9f78357f]{display:none}.camera-video-container>.scan-overlay[data-v-9f78357f]{position:absolute;inset:0;pointer-events:none;z-index:10}.scan-overlay[data-v-9f78357f]{position:absolute;inset:0;pointer-events:none}.scan-mask[data-v-9f78357f]{position:absolute;inset:0;background:#0006}.scan-border[data-v-9f78357f]{position:absolute;inset:1.875rem;border:2px solid rgba(255,255,255,.2);border-radius:4px}.scan-line[data-v-9f78357f]{position:absolute;left:0;right:0;height:2px;background:var(--accent-primary);box-shadow:0 0 4px var(--accent-primary);animation:scanMove-9f78357f 2s ease-in-out infinite}@keyframes scanMove-9f78357f{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.scan-corner[data-v-9f78357f]{position:absolute;width:1rem;height:1rem;border-color:var(--accent-primary)}.scan-corner-tl[data-v-9f78357f]{top:1.875rem;left:1.875rem;border-left-width:2px;border-top-width:2px;border-left-style:solid;border-top-style:solid}.scan-corner-tr[data-v-9f78357f]{top:1.875rem;right:1.875rem;border-right-width:2px;border-top-width:2px;border-right-style:solid;border-top-style:solid}.scan-corner-bl[data-v-9f78357f]{bottom:1.875rem;left:1.875rem;border-left-width:2px;border-bottom-width:2px;border-left-style:solid;border-bottom-style:solid}.scan-corner-br[data-v-9f78357f]{bottom:1.875rem;right:1.875rem;border-right-width:2px;border-bottom-width:2px;border-right-style:solid;border-bottom-style:solid}.scanning-indicator[data-v-9f78357f]{position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--accent-primary)}.scan-spinner[data-v-9f78357f]{width:24px;height:24px;border:2px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:spin-9f78357f 1s linear infinite}.scanning-indicator p[data-v-9f78357f]{font-size:.75rem;margin:0}.stop-camera-btn[data-v-9f78357f]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;background:#ef4444;color:#fff;border-radius:9999px;font-size:.75rem;font-weight:500;cursor:pointer;margin-top:1rem;box-shadow:0 1px 2px #0000001a;transition:background .2s}.stop-camera-btn[data-v-9f78357f]:hover{background:#dc2626;background:color-mix(in srgb,#ef4444 15%,var(--bg-secondary));border-color:color-mix(in srgb,#ef4444 70%,transparent)}.stop-camera-btn svg[data-v-9f78357f]{width:16px;height:16px}.scan-result[data-v-9f78357f]{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.result-content-wrapper[data-v-9f78357f]{display:flex;flex-direction:column;gap:.75rem}.result-header[data-v-9f78357f]{display:flex;justify-content:center}.result-type[data-v-9f78357f]{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:1rem;font-size:.6875rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.05em;box-shadow:none}.result-content[data-v-9f78357f]{padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.result-text[data-v-9f78357f]{word-break:break-all;color:var(--text-primary);margin:0}.wifi-result[data-v-9f78357f]{display:flex;flex-direction:column;gap:.5rem}.wifi-ssid[data-v-9f78357f]{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--accent-primary)}.wifi-ssid svg[data-v-9f78357f]{width:20px;height:20px}.wifi-details[data-v-9f78357f]{display:flex;flex-wrap:wrap;gap:.75rem}.wifi-detail[data-v-9f78357f]{font-size:.8125rem;color:var(--text-secondary)}.vcard-result[data-v-9f78357f]{display:flex;flex-direction:column;gap:.5rem}.vcard-name[data-v-9f78357f]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.vcard-item[data-v-9f78357f]{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.vcard-item svg[data-v-9f78357f]{width:16px;height:16px;flex-shrink:0}.email-result[data-v-9f78357f]{display:flex;flex-direction:column;gap:.5rem}.email-address[data-v-9f78357f]{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:500}.email-address svg[data-v-9f78357f]{width:18px;height:18px;color:var(--accent-primary)}.json-result[data-v-9f78357f]{display:flex;flex-direction:column;gap:.75rem}.json-header[data-v-9f78357f]{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-size:.9375rem;font-weight:600}.json-header svg[data-v-9f78357f]{width:18px;height:18px}.json-content[data-v-9f78357f]{margin:0;padding:.875rem;background:var(--bg-tertiary);border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--text-primary);overflow-x:auto}.result-actions[data-v-9f78357f]{display:flex;gap:.5rem}.action-btn[data-v-9f78357f]{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .875rem;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn svg[data-v-9f78357f]{width:16px;height:16px}.action-btn.primary[data-v-9f78357f]{background:#000;color:#fff;border:1px solid #000000;box-shadow:0 1px 2px #0000000d}.action-btn.primary[data-v-9f78357f]:hover{background:#111;opacity:.95;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.action-btn.secondary[data-v-9f78357f]{background:#fff;border:1px solid #e5e7eb;color:#374151;box-shadow:0 1px 2px #0000000d}.action-btn.secondary[data-v-9f78357f]:hover{background:#f9fafb;border-color:#d1d5db;color:#000}.batch-results[data-v-9f78357f]{display:flex;flex-direction:column;gap:1rem}.batch-actions-bar[data-v-9f78357f]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:10px}:root[data-theme=monochrome] .batch-actions-bar[data-v-9f78357f]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d}.batch-stats[data-v-9f78357f]{display:flex;gap:1rem}.stat-item[data-v-9f78357f]{font-size:.8125rem;color:var(--text-secondary)}.stat-item.success[data-v-9f78357f]{color:var(--accent-primary)}.stat-item.failed[data-v-9f78357f]{color:#ef4444}.batch-buttons[data-v-9f78357f]{display:flex;gap:.5rem}.batch-btn[data-v-9f78357f]{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.batch-btn[data-v-9f78357f]:disabled{opacity:.5;cursor:not-allowed}.batch-btn svg[data-v-9f78357f]{width:14px;height:14px}.batch-btn.primary[data-v-9f78357f]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary)}.batch-btn.secondary[data-v-9f78357f]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.batch-btn.secondary[data-v-9f78357f]:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}:root[data-theme=monochrome] .batch-btn.primary[data-v-9f78357f]{background:#000;color:#fff}:root[data-theme=monochrome] .batch-btn.secondary[data-v-9f78357f]{background:#fff;border-color:#e5e7eb;color:#374151}:root[data-theme=monochrome] .batch-btn.secondary[data-v-9f78357f]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.batch-results-list[data-v-9f78357f]{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.batch-result-item[data-v-9f78357f]{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer}.batch-result-item[data-v-9f78357f]:hover{border-color:#d1d5db;background:#f9fafb}.batch-result-item.success[data-v-9f78357f]{border-left:3px solid var(--accent-primary)}.batch-result-item.failed[data-v-9f78357f]{border-left:3px solid #ef4444;opacity:.8}.result-item-header[data-v-9f78357f]{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.result-item-type[data-v-9f78357f]{padding:.25rem .5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.6875rem;font-weight:600;color:#374151}.batch-result-item.failed .result-item-type[data-v-9f78357f]{background:#fef2f2;border-color:#fecaca;color:#ef4444}.result-item-filename[data-v-9f78357f]{font-size:.75rem;color:var(--text-tertiary)}.mini-result[data-v-9f78357f]{display:flex;flex-direction:column;gap:.25rem}.mini-result .label[data-v-9f78357f]{font-size:.875rem;color:var(--text-primary)}.mini-result .detail[data-v-9f78357f]{font-size:.75rem;color:var(--text-secondary)}.mini-result.error .error-msg[data-v-9f78357f]{color:#ef4444;font-size:.8125rem}.result-item-actions[data-v-9f78357f]{display:flex;gap:.375rem}.item-action-btn[data-v-9f78357f]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--text-primary);cursor:pointer}.item-action-btn svg[data-v-9f78357f]{width:14px;height:14px}.item-action-btn[data-v-9f78357f]:hover{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary)}@keyframes scaleIn-9f78357f{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in[data-v-9f78357f]{animation:scaleIn-9f78357f .3s ease-out}@media(max-width:768px){.tab-container[data-v-9f78357f]{padding:.375rem}.tab-btn[data-v-9f78357f]{padding:.5rem .75rem;font-size:.8125rem}.camera-wrapper[data-v-9f78357f]{padding:.375rem}.camera-video-container[data-v-9f78357f]{max-width:100%}.stop-camera-btn[data-v-9f78357f]{margin-top:.75rem;padding:.5rem 1.25rem;font-size:.75rem}.batch-actions-bar[data-v-9f78357f]{flex-direction:column;gap:.75rem}.batch-buttons[data-v-9f78357f]{flex-wrap:wrap;justify-content:center}.batch-results-list[data-v-9f78357f]{max-height:300px}}@media(max-width:480px){.upload-zone[data-v-9f78357f]{padding:1.5rem}.camera-wrapper[data-v-9f78357f]{padding:.25rem}.camera-video-container[data-v-9f78357f]{max-width:100%}.stop-camera-btn[data-v-9f78357f]{margin-top:.5rem;padding:.375rem 1rem;font-size:.6875rem;gap:.375rem}.stop-camera-btn svg[data-v-9f78357f]{width:14px;height:14px}.scan-border[data-v-9f78357f]{inset:1rem}.scan-corner-tl[data-v-9f78357f],.scan-corner-tr[data-v-9f78357f],.scan-corner-bl[data-v-9f78357f],.scan-corner-br[data-v-9f78357f]{width:.75rem;height:.75rem}.scan-corner-tl[data-v-9f78357f],.scan-corner-tr[data-v-9f78357f]{top:1rem}.scan-corner-bl[data-v-9f78357f],.scan-corner-br[data-v-9f78357f]{bottom:1rem}.scan-corner-tl[data-v-9f78357f],.scan-corner-bl[data-v-9f78357f]{left:1rem}.scan-corner-tr[data-v-9f78357f],.scan-corner-br[data-v-9f78357f]{right:1rem}.batch-result-item[data-v-9f78357f]{grid-template-columns:1fr}.result-item-actions[data-v-9f78357f]{justify-content:flex-start}}:root[data-theme=dark] .tab-container[data-v-9f78357f]{background:#12121a99;border-color:#ffffff1a}:root[data-theme=dark] .tab-btn[data-v-9f78357f]{color:#a0a0a0}:root[data-theme=dark] .tab-btn[data-v-9f78357f]:hover{color:#00f5d4;background:#00f5d414}:root[data-theme=dark] .tab-btn.active[data-v-9f78357f]{color:#00f5d4;background:#00f5d426;box-shadow:0 0 12px #00f5d433}:root[data-theme=dark] .upload-zone[data-v-9f78357f]{background:#0c0c12cc;border-color:#00f5d44d;border-style:solid;box-shadow:inset 0 2px 8px #0000004d}:root[data-theme=dark] .upload-zone[data-v-9f78357f]:hover{border-color:#00f5d480;background:#00f5d40d;box-shadow:inset 0 2px 8px #0000004d,0 0 20px #00f5d426}:root[data-theme=dark] .upload-icon[data-v-9f78357f]{color:#00f5d4}:root[data-theme=dark] .upload-text[data-v-9f78357f]{color:#e0e0e0}:root[data-theme=dark] .upload-hint[data-v-9f78357f]{color:#a0a0a0}:root[data-theme=dark] .start-camera-btn[data-v-9f78357f]{background:#00f5d426;border-color:#00f5d44d;color:#00f5d4;box-shadow:0 0 12px #00f5d433}:root[data-theme=dark] .start-camera-btn[data-v-9f78357f]:hover{background:#00f5d440;border-color:#00f5d480;box-shadow:0 0 16px #00f5d44d,0 4px 12px #00f5d433}:root[data-theme=dark] .scan-result[data-v-9f78357f]{background:#0c0c12cc;border-color:#00f5d440;box-shadow:0 8px 32px #0006,0 0 12px #00f5d41a}:root[data-theme=dark] .result-type[data-v-9f78357f]{background:#00f5d426;border-color:#00f5d44d;color:#00f5d4;box-shadow:0 0 10px #00f5d433}:root[data-theme=dark] .result-content[data-v-9f78357f]{background:#00000080}:root[data-theme=dark] .action-btn.primary[data-v-9f78357f]{background:linear-gradient(135deg,#00f5d4,#9b5de5);border-color:transparent;color:#0a0a0f;box-shadow:0 0 12px #00f5d44d}:root[data-theme=dark] .action-btn.primary[data-v-9f78357f]:hover{background:linear-gradient(135deg,#9b5de5,#f15bb5);box-shadow:0 0 16px #9b5de566;transform:translateY(-2px)}:root[data-theme=dark] .action-btn.secondary[data-v-9f78357f]{background:#12121acc;border-color:#00f5d433;color:#e0e0e0}:root[data-theme=dark] .action-btn.secondary[data-v-9f78357f]:hover{background:#00f5d41a;border-color:#00f5d466;color:#00f5d4}:root[data-theme=dark] .batch-actions-bar[data-v-9f78357f]{background:#0c0c12cc;border-color:#00f5d440;box-shadow:0 8px 32px #00000080,0 0 12px #00f5d41a}:root[data-theme=dark] .batch-btn.primary[data-v-9f78357f]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 12px #00f5d44d}:root[data-theme=dark] .batch-btn.secondary[data-v-9f78357f]{background:#12121acc;border-color:#ffffff1a;color:#e0e0e0}:root[data-theme=dark] .batch-btn.secondary[data-v-9f78357f]:hover:not(:disabled){background:#00f5d426;border-color:#00f5d44d}:root[data-theme=dark] .batch-result-item[data-v-9f78357f]{background:#0c0c1299;border-color:#ffffff1a}:root[data-theme=dark] .batch-result-item[data-v-9f78357f]:hover{border-color:#00f5d44d;background:#00f5d40d}:root[data-theme=dark] .batch-result-item.success[data-v-9f78357f]{border-left-color:#00f5d4;box-shadow:-4px 0 8px #00f5d426}:root[data-theme=dark] .result-item-type[data-v-9f78357f]{background:#00f5d426;border-color:#00f5d44d;color:#00f5d4}:root[data-theme=dark] .item-action-btn[data-v-9f78357f]{background:#ffffff0d;color:#e0e0e0}:root[data-theme=dark] .item-action-btn[data-v-9f78357f]:hover{background:#00f5d433;color:#00f5d4}.sr-only[data-v-0b645c07]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only[data-v-0b645c07]:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.app-container[data-v-0b645c07]{min-height:100vh;position:relative;overflow:hidden}.background-decoration[data-v-0b645c07]{position:fixed;inset:0;z-index:-1;pointer-events:none}.grid-bg[data-v-0b645c07]{position:absolute;inset:0;background-image:var(--bg-grid-image, linear-gradient(rgba(0, 245, 212, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 245, 212, .03) 1px, transparent 1px));background-size:50px 50px}:root[data-theme=light] .grid-bg[data-v-0b645c07]{background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px)}:root[data-theme=monochrome] .grid-bg[data-v-0b645c07]{background-image:none}.floating-orbs[data-v-0b645c07]{position:absolute;inset:0;overflow:hidden}.orb[data-v-0b645c07]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;animation:float-0b645c07 20s ease-in-out infinite}.orb-1[data-v-0b645c07]{width:400px;height:400px;background:#00f5d4;top:-100px;left:-100px;animation-delay:0s}.orb-2[data-v-0b645c07]{width:300px;height:300px;background:#9b5de5;bottom:-50px;right:-50px;animation-delay:-7s}.orb-3[data-v-0b645c07]{width:250px;height:250px;background:#f15bb5;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float-0b645c07{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,10px) scale(1.05)}}.main-content[data-v-0b645c07]{max-width:1400px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-0b645c07]>*:not(footer){flex:0 0 auto}.main-content>footer[data-v-0b645c07]{margin-top:auto}.generate-view[data-v-0b645c07]{animation:fadeIn-0b645c07 .6s ease-out;min-height:100%;display:flex;flex-direction:column}.generate-layout[data-v-0b645c07]{display:grid;grid-template-columns:1fr 400px;gap:1rem;align-items:start;flex:1;min-height:0}.generate-sidebar[data-v-0b645c07]{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:calc(100vh - 8rem);padding-right:.5rem}.generate-sidebar[data-v-0b645c07]::-webkit-scrollbar{display:none}.generate-sidebar[data-v-0b645c07]::-webkit-scrollbar-track,.generate-sidebar[data-v-0b645c07]::-webkit-scrollbar-thumb{display:none}.generate-sidebar[data-v-0b645c07]{scrollbar-width:none}.sidebar-section[data-v-0b645c07]{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;backdrop-filter:blur(10px);box-shadow:var(--shadow-color);transition:all .3s ease}.sidebar-section[data-v-0b645c07]:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}:root[data-theme=monochrome] .sidebar-section[data-v-0b645c07]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d}:root[data-theme=monochrome] .sidebar-section[data-v-0b645c07]:hover{border-color:#d1d5db;box-shadow:0 1px 4px #00000014}.section-title[data-v-0b645c07]{font-family:var(--font-display);font-size:.75rem;font-weight:600;margin:0 0 .75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-primary)}:root[data-theme=dark] .section-title[data-v-0b645c07]{text-shadow:0 0 10px rgba(0,245,212,.3)}:root[data-theme=monochrome] .section-title[data-v-0b645c07]{color:#000;text-shadow:none}.generate-preview[data-v-0b645c07]{position:sticky;top:1rem;align-self:start}.preview-card[data-v-0b645c07]{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}:root[data-theme=monochrome] .preview-card[data-v-0b645c07]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000001a}.preview-card[data-v-0b645c07]:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.preview-title[data-v-0b645c07]{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.05em;z-index:1}:root[data-theme=dark] .preview-title[data-v-0b645c07]{text-shadow:0 0 10px rgba(0,245,212,.3)}:root[data-theme=monochrome] .preview-title[data-v-0b645c07]{color:#000;text-shadow:none}.scan-view[data-v-0b645c07],.history-view[data-v-0b645c07]{animation:fadeIn-0b645c07 .6s ease-out}.scan-container[data-v-0b645c07],.history-container[data-v-0b645c07]{max-width:900px;margin:0 auto;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;backdrop-filter:blur(10px);box-shadow:var(--shadow-color)}:root[data-theme=monochrome] .scan-container[data-v-0b645c07],:root[data-theme=monochrome] .history-container[data-v-0b645c07]{background:#fff;border-color:#e5e7eb;backdrop-filter:none;box-shadow:0 1px 3px #0000001a}.scan-header[data-v-0b645c07],.history-header[data-v-0b645c07]{text-align:center;margin-bottom:1rem}.section-title[data-v-0b645c07]{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.section-desc[data-v-0b645c07]{font-size:.875rem;color:var(--text-secondary);margin:0}.neon-text[data-v-0b645c07]{color:var(--accent-primary)}.neon-text-purple[data-v-0b645c07]{color:var(--accent-secondary)}@keyframes fadeIn-0b645c07{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-state[data-v-0b645c07]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-secondary)}.loading-spinner[data-v-0b645c07]{width:32px;height:32px;animation:spin-0b645c07 1s linear infinite}@keyframes spin-0b645c07{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.main-content[data-v-0b645c07]{padding:.75rem}.generate-layout[data-v-0b645c07]{display:flex;flex-direction:column;gap:.75rem}.generate-preview[data-v-0b645c07]{order:0;width:100%;max-width:100%;flex-shrink:0}.preview-card[data-v-0b645c07]{padding:1rem;flex-direction:column;align-items:center;gap:1rem}.preview-title[data-v-0b645c07]{font-size:.875rem;margin:0}.generate-sidebar[data-v-0b645c07]{order:1;width:100%;overflow-y:auto;flex:1;min-height:0;max-height:calc(100vh - 8rem)}}@media(max-width:768px){.main-content[data-v-0b645c07]{height:100vh;padding:0;max-width:100%;display:flex;flex-direction:column}.main-content>header[data-v-0b645c07]{flex-shrink:0}.main-content>main[data-v-0b645c07]{flex:1;min-height:0;overflow:hidden;padding:.5rem;padding-top:0;display:flex;flex-direction:column}.main-content>footer[data-v-0b645c07]{flex-shrink:0}.generate-view[data-v-0b645c07]{height:100%;display:flex;flex-direction:column}.generate-layout[data-v-0b645c07]{display:flex;flex-direction:column;gap:.5rem;height:100%}.generate-preview[data-v-0b645c07]{order:0;flex-shrink:0;position:static}.preview-card[data-v-0b645c07]{padding:.5rem;flex-direction:row;align-items:stretch;justify-content:space-between;gap:.5rem}.preview-title[data-v-0b645c07]{display:none}.preview-card[data-v-0b645c07] .qr-canvas-container{flex:0 0 auto;min-width:80px}.preview-card[data-v-0b645c07] .qr-generate-settings{flex:1;min-width:0}.generate-sidebar[data-v-0b645c07]{order:1;flex:1;min-height:0;overflow-y:auto;padding-right:.5rem}.sidebar-section[data-v-0b645c07]{padding:.625rem}.section-title[data-v-0b645c07]{font-size:1rem}.orb[data-v-0b645c07]{opacity:.05}}@media(max-width:480px){.main-content>main[data-v-0b645c07]{padding:.375rem;padding-top:0}.generate-layout[data-v-0b645c07]{gap:.375rem}.preview-card[data-v-0b645c07]{padding:.375rem;gap:.375rem}.sidebar-section[data-v-0b645c07]{padding:.5rem}.section-title[data-v-0b645c07]{font-size:.875rem}.section-desc[data-v-0b645c07]{font-size:.75rem}}@media(max-width:400px){.generate-layout[data-v-0b645c07]{gap:.25rem}.preview-card[data-v-0b645c07]{padding:.25rem;gap:.25rem}.sidebar-section[data-v-0b645c07]{padding:.5rem}}.tutorial-page[data-v-e2e1dce5]{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:2rem 1rem}.container[data-v-e2e1dce5]{max-width:1200px;margin:0 auto}.back-link[data-v-e2e1dce5]{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:opacity .2s}.back-link[data-v-e2e1dce5]:hover{opacity:.8}header[data-v-e2e1dce5]{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent)}h1[data-v-e2e1dce5]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}:root[data-theme=dark] h1[data-v-e2e1dce5]{text-shadow:0 0 20px color-mix(in srgb,var(--accent-primary) 30%,transparent)}:root[data-theme=light] h1[data-v-e2e1dce5]{text-shadow:none}.subtitle[data-v-e2e1dce5]{color:var(--text-secondary);font-size:1.1rem}.tutorial-grid[data-v-e2e1dce5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.tutorial-card[data-v-e2e1dce5]{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);transition:border-color .3s,transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;display:block;box-shadow:var(--shadow-color)}.tutorial-card[data-v-e2e1dce5]:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}:root[data-theme=dark] .tutorial-card[data-v-e2e1dce5]:hover{box-shadow:0 8px 25px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.tutorial-card .icon[data-v-e2e1dce5]{font-size:2rem;margin-bottom:1rem}.tutorial-card h3[data-v-e2e1dce5]{color:var(--accent-primary);margin-bottom:.75rem;font-size:1.25rem}.tutorial-card p[data-v-e2e1dce5]{color:var(--text-secondary);font-size:.95rem}.tutorial-card .tag[data-v-e2e1dce5]{display:inline-block;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;margin-top:1rem}footer[data-v-e2e1dce5]{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--text-secondary)}footer a[data-v-e2e1dce5]{color:var(--accent-primary);text-decoration:none}.footer-links[data-v-e2e1dce5]{margin-top:.5rem;font-size:.9rem}@media(max-width:768px){h1[data-v-e2e1dce5]{font-size:2rem}.tutorial-grid[data-v-e2e1dce5]{grid-template-columns:1fr}}.tutorial-sidebar[data-v-08452086]{width:240px;flex-shrink:0;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;position:sticky;top:1rem;box-shadow:var(--shadow-color)}.sidebar-nav[data-v-08452086]{display:flex;flex-direction:column;gap:.5rem;flex:1}.toc-title[data-v-08452086]{color:var(--accent-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent)}.toc-item[data-v-08452086]{display:block;padding:.625rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;border-radius:6px;transition:all .2s ease}.toc-item[data-v-08452086]:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);padding-left:1rem}.toc-item[data-v-08452086]:active{color:var(--accent-primary)}.sidebar-footer[data-v-08452086]{margin-top:1.5rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.back-to-index[data-v-08452086]{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-size:.85rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease}.back-to-index[data-v-08452086]:hover{background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.back-to-index svg[data-v-08452086]{width:16px;height:16px}@media(max-width:1024px){.tutorial-sidebar[data-v-08452086]{width:100%;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem}.sidebar-nav[data-v-08452086]{flex-direction:row;flex-wrap:wrap;gap:.5rem}.toc-title[data-v-08452086]{width:100%;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent)}.toc-item[data-v-08452086]{padding:.375rem .625rem;font-size:.8rem}.toc-item[data-v-08452086]:hover{padding-left:.75rem}.sidebar-footer[data-v-08452086]{margin-top:0;padding-top:0;border-top:none;margin-left:auto}}@media(max-width:640px){.tutorial-sidebar[data-v-08452086]{padding:1rem}.toc-item[data-v-08452086]{font-size:.75rem;padding:.25rem .5rem}}.tutorial-layout[data-v-3b4137dd]{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.tutorial-content[data-v-3b4137dd]{flex:1;min-width:0}.container[data-v-3b4137dd]{max-width:900px}.back-link[data-v-3b4137dd]{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:opacity .2s}.back-link[data-v-3b4137dd]:hover{opacity:.8}header[data-v-3b4137dd]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent)}h1[data-v-3b4137dd]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}:root[data-theme=dark] h1[data-v-3b4137dd]{text-shadow:0 0 20px color-mix(in srgb,var(--accent-primary) 30%,transparent)}:root[data-theme=light] h1[data-v-3b4137dd]{text-shadow:none}.subtitle[data-v-3b4137dd]{color:var(--text-secondary);font-size:1rem}.section[data-v-3b4137dd]{margin-bottom:2rem;scroll-margin-top:1rem}.section h2[data-v-3b4137dd]{color:var(--accent-primary);font-size:1.5rem;margin-bottom:1rem}.section-content[data-v-3b4137dd]{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);box-shadow:var(--shadow-color)}.section-content p[data-v-3b4137dd]{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.section-content ul[data-v-3b4137dd],.section-content ol[data-v-3b4137dd]{margin-left:1.5rem;margin-bottom:1rem}.section-content li[data-v-3b4137dd]{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.tip-box[data-v-3b4137dd]{background:color-mix(in srgb,var(--accent-secondary) 10%,transparent);border-left:4px solid var(--accent-secondary);padding:1rem 1.5rem;border-radius:0 8px 8px 0;margin-top:1rem}.tip-box strong[data-v-3b4137dd]{color:var(--accent-secondary);display:block;margin-bottom:.5rem}footer[data-v-3b4137dd]{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--text-secondary)}footer a[data-v-3b4137dd]{color:var(--accent-primary);text-decoration:none}.footer-links[data-v-3b4137dd]{margin-top:.5rem;font-size:.9rem}.toc-toggle-btn[data-v-3b4137dd]{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:12px;color:var(--bg-primary);font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.toc-toggle-btn[data-v-3b4137dd]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.toc-toggle-btn svg[data-v-3b4137dd]{width:24px;height:24px}.toc-overlay[data-v-3b4137dd]{position:fixed;inset:0;z-index:200;background:color-mix(in srgb,var(--bg-primary) 60%,transparent);backdrop-filter:blur(4px)}.toc-drawer[data-v-3b4137dd]{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-secondary);border-left:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.toc-drawer-header[data-v-3b4137dd]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent)}.toc-drawer-title[data-v-3b4137dd]{color:var(--accent-primary);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.toc-close-btn[data-v-3b4137dd]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:color-mix(in srgb,var(--text-primary) 10%,transparent);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.toc-close-btn[data-v-3b4137dd]:hover{background:color-mix(in srgb,#ef4444 20%,transparent);color:#ef4444}.toc-close-btn svg[data-v-3b4137dd]{width:18px;height:18px}.toc-drawer-nav[data-v-3b4137dd]{flex:1;overflow-y:auto;padding:1rem}.toc-drawer-item[data-v-3b4137dd]{display:block;padding:.875rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;border-radius:8px;transition:all .2s ease;margin-bottom:.25rem}.toc-drawer-item[data-v-3b4137dd]:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);padding-left:1.25rem}.toc-drawer-footer[data-v-3b4137dd]{padding:1rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.back-to-index[data-v-3b4137dd]{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-size:.9rem;padding:.75rem 1rem;border-radius:8px;transition:all .2s ease}.back-to-index[data-v-3b4137dd]:hover{background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.back-to-index svg[data-v-3b4137dd]{width:18px;height:18px}.toc-overlay-enter-active[data-v-3b4137dd],.toc-overlay-leave-active[data-v-3b4137dd]{transition:opacity .3s ease}.toc-overlay-enter-from[data-v-3b4137dd],.toc-overlay-leave-to[data-v-3b4137dd]{opacity:0}.toc-drawer-enter-active[data-v-3b4137dd]{transition:transform .3s ease}.toc-drawer-leave-active[data-v-3b4137dd]{transition:transform .25s ease}.toc-drawer-enter-from[data-v-3b4137dd],.toc-drawer-leave-to[data-v-3b4137dd]{transform:translate(100%)}:root[data-theme=monochrome] .back-link[data-v-3b4137dd]{color:#000}:root[data-theme=monochrome] h1[data-v-3b4137dd]{background:none;-webkit-text-fill-color:#000000;color:#000;text-shadow:none}:root[data-theme=monochrome] header[data-v-3b4137dd]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .subtitle[data-v-3b4137dd]{color:#6b7280}:root[data-theme=monochrome] .section[data-v-3b4137dd]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d;backdrop-filter:none}:root[data-theme=monochrome] .section h2[data-v-3b4137dd]{color:#000;text-shadow:none}:root[data-theme=monochrome] .section-content[data-v-3b4137dd]{background:#fff;border-color:#e5e7eb;backdrop-filter:none}:root[data-theme=monochrome] .section-content p[data-v-3b4137dd]{color:#111827}:root[data-theme=monochrome] .section-content ul[data-v-3b4137dd],:root[data-theme=monochrome] .section-content ol[data-v-3b4137dd]{background:#fafafa;border-color:#e5e7eb}:root[data-theme=monochrome] .section-content li[data-v-3b4137dd]{color:#111827}:root[data-theme=monochrome] footer[data-v-3b4137dd]{border-top-color:#e5e7eb;color:#6b7280}:root[data-theme=monochrome] footer a[data-v-3b4137dd]{color:#000}:root[data-theme=monochrome] .toc-toggle-btn[data-v-3b4137dd]{background:#fff;border-color:#d1d5db;color:#6b7280;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .toc-toggle-btn[data-v-3b4137dd]:hover{background:#f3f4f6;color:#000;box-shadow:0 2px 4px #0000001a}:root[data-theme=monochrome] .toc-overlay[data-v-3b4137dd]{background:#0009}:root[data-theme=monochrome] .toc-drawer[data-v-3b4137dd]{background:#fff;border-color:#e5e7eb;box-shadow:-4px 0 30px #00000080}:root[data-theme=monochrome] .toc-drawer-header[data-v-3b4137dd]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .toc-drawer-title[data-v-3b4137dd]{color:#000}:root[data-theme=monochrome] .toc-close-btn[data-v-3b4137dd]{background:#fff;border-color:#d1d5db;color:#6b7280}:root[data-theme=monochrome] .toc-close-btn[data-v-3b4137dd]:hover{background:#f3f4f6;color:#000}:root[data-theme=monochrome] .toc-drawer-item[data-v-3b4137dd]{color:#111827;background:transparent;border-radius:8px}:root[data-theme=monochrome] .toc-drawer-item[data-v-3b4137dd]:hover{color:#000;background:#f3f4f6}:root[data-theme=monochrome] .toc-drawer-footer[data-v-3b4137dd]{border-top-color:#e5e7eb}:root[data-theme=monochrome] .back-to-index[data-v-3b4137dd]{color:#000}:root[data-theme=monochrome] .back-to-index[data-v-3b4137dd]:hover{background:#f3f4f6;border-color:#d1d5db;color:#000}:root[data-theme=monochrome] .back-to-index svg[data-v-3b4137dd]{stroke:#000}@media(max-width:1024px){.desktop-sidebar[data-v-3b4137dd]{display:none}.toc-toggle-btn[data-v-3b4137dd]{display:flex}.tutorial-layout[data-v-3b4137dd]{padding-bottom:5rem}}@media(max-width:640px){h1[data-v-3b4137dd]{font-size:1.75rem}.section h2[data-v-3b4137dd]{font-size:1.25rem}.section-content[data-v-3b4137dd]{padding:1rem}.toc-toggle-btn[data-v-3b4137dd]{bottom:1rem;right:1rem;padding:.625rem .875rem}.toc-drawer[data-v-3b4137dd]{width:100vw;max-width:none}}.tutorial-layout[data-v-d5da7752]{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.tutorial-content[data-v-d5da7752]{flex:1;min-width:0}.container[data-v-d5da7752]{max-width:900px}.back-link[data-v-d5da7752]{display:inline-flex;align-items:center;gap:.5rem;color:#00f5d4;text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:opacity .2s}.back-link[data-v-d5da7752]:hover{opacity:.8}header[data-v-d5da7752]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,245,212,.2)}h1[data-v-d5da7752]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00f5d4,#9b5de5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle[data-v-d5da7752]{color:#8b9cb5;font-size:1rem}.section[data-v-d5da7752]{margin-bottom:2rem;scroll-margin-top:1rem}.section h2[data-v-d5da7752]{color:#00f5d4;font-size:1.5rem;margin-bottom:1rem}.section-content[data-v-d5da7752]{background:#14192dcc;border:1px solid rgba(0,245,212,.2);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px)}.section-content p[data-v-d5da7752]{color:#8b9cb5;margin-bottom:1rem;line-height:1.7}.section-content ul[data-v-d5da7752]{margin-left:1.5rem;margin-bottom:1rem}.section-content li[data-v-d5da7752]{color:#8b9cb5;margin-bottom:.5rem;line-height:1.6}footer[data-v-d5da7752]{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,245,212,.2);color:#8b9cb5}footer a[data-v-d5da7752]{color:#00f5d4;text-decoration:none}:root[data-theme=monochrome] .back-link[data-v-d5da7752]{color:#000}:root[data-theme=monochrome] h1[data-v-d5da7752]{background:none;-webkit-text-fill-color:#000000;color:#000;text-shadow:none}:root[data-theme=monochrome] header[data-v-d5da7752]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .subtitle[data-v-d5da7752]{color:#6b7280}:root[data-theme=monochrome] .section[data-v-d5da7752]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d;backdrop-filter:none}:root[data-theme=monochrome] .section h2[data-v-d5da7752]{color:#000;text-shadow:none}:root[data-theme=monochrome] .section-content[data-v-d5da7752]{background:#fff;border-color:#e5e7eb;backdrop-filter:none}:root[data-theme=monochrome] .section-content p[data-v-d5da7752]{color:#111827}:root[data-theme=monochrome] .section-content ul[data-v-d5da7752]{background:#fafafa;border-color:#e5e7eb}:root[data-theme=monochrome] .section-content li[data-v-d5da7752]{color:#111827}:root[data-theme=monochrome] footer[data-v-d5da7752]{border-top-color:#e5e7eb;color:#6b7280}:root[data-theme=monochrome] footer a[data-v-d5da7752]{color:#000}:root[data-theme=monochrome] .toc-toggle-btn[data-v-d5da7752]{background:#fff;border-color:#d1d5db;color:#6b7280;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .toc-toggle-btn[data-v-d5da7752]:hover{background:#f3f4f6;color:#000;box-shadow:0 2px 4px #0000001a}:root[data-theme=monochrome] .toc-overlay[data-v-d5da7752]{background:#0009}:root[data-theme=monochrome] .toc-drawer[data-v-d5da7752]{background:#fff;border-color:#e5e7eb;box-shadow:-4px 0 30px #00000080}:root[data-theme=monochrome] .toc-drawer-header[data-v-d5da7752]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .toc-drawer-title[data-v-d5da7752]{color:#000}:root[data-theme=monochrome] .toc-close-btn[data-v-d5da7752]{background:#fff;border-color:#d1d5db;color:#6b7280}:root[data-theme=monochrome] .toc-close-btn[data-v-d5da7752]:hover{background:#f3f4f6;color:#000}:root[data-theme=monochrome] .toc-drawer-item[data-v-d5da7752]{color:#111827;background:transparent;border-radius:8px}:root[data-theme=monochrome] .toc-drawer-item[data-v-d5da7752]:hover{color:#000;background:#f3f4f6}:root[data-theme=monochrome] .toc-drawer-footer[data-v-d5da7752]{border-top-color:#e5e7eb}:root[data-theme=monochrome] .back-to-index[data-v-d5da7752]{color:#000}:root[data-theme=monochrome] .back-to-index[data-v-d5da7752]:hover{background:#f3f4f6;border-color:#d1d5db;color:#000}:root[data-theme=monochrome] .back-to-index svg[data-v-d5da7752]{stroke:#000}@media(max-width:1024px){margin-top: .5rem;font-size: .9rem}.toc-toggle-btn[data-v-d5da7752]{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00f5d4e6,#9b5de5e6);border:none;border-radius:12px;color:#0a0e1a;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #00f5d44d;transition:all .3s ease}.toc-toggle-btn[data-v-d5da7752]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00f5d466}.toc-toggle-btn svg[data-v-d5da7752]{width:24px;height:24px}.toc-overlay[data-v-d5da7752]{position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px)}.toc-drawer[data-v-d5da7752]{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#14192dfa;border-left:1px solid rgba(0,245,212,.3);display:flex;flex-direction:column;box-shadow:-4px 0 30px #00000080}.toc-drawer-header[data-v-d5da7752]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,245,212,.2)}.toc-drawer-title[data-v-d5da7752]{color:#00f5d4;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.toc-close-btn[data-v-d5da7752]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:#8b9cb5;cursor:pointer;transition:all .2s ease}.toc-close-btn[data-v-d5da7752]:hover{background:#ef444433;color:#ef4444}.toc-close-btn svg[data-v-d5da7752]{width:18px;height:18px}.toc-drawer-nav[data-v-d5da7752]{flex:1;overflow-y:auto;padding:1rem}.toc-drawer-item[data-v-d5da7752]{display:block;padding:.875rem 1rem;color:#8b9cb5;text-decoration:none;font-size:.95rem;border-radius:8px;transition:all .2s ease;margin-bottom:.25rem}.toc-drawer-item[data-v-d5da7752]:hover{color:#e0e6ed;background:#00f5d41a;padding-left:1.25rem}.toc-drawer-footer[data-v-d5da7752]{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.back-to-index[data-v-d5da7752]{display:flex;align-items:center;gap:.5rem;color:#00f5d4;text-decoration:none;font-size:.9rem;padding:.75rem 1rem;border-radius:8px;transition:all .2s ease}.back-to-index[data-v-d5da7752]:hover{background:#00f5d41a}.back-to-index svg[data-v-d5da7752]{width:18px;height:18px}.toc-overlay-enter-active[data-v-d5da7752],.toc-overlay-leave-active[data-v-d5da7752]{transition:opacity .3s ease}.toc-overlay-enter-from[data-v-d5da7752],.toc-overlay-leave-to[data-v-d5da7752]{opacity:0}.toc-drawer-enter-active[data-v-d5da7752]{transition:transform .3s ease}.toc-drawer-leave-active[data-v-d5da7752]{transition:transform .25s ease}.toc-drawer-enter-from[data-v-d5da7752],.toc-drawer-leave-to[data-v-d5da7752]{transform:translate(100%)}@media(max-width:1024px){.desktop-sidebar[data-v-d5da7752]{display:none}.toc-toggle-btn[data-v-d5da7752]{display:flex}.tutorial-layout[data-v-d5da7752]{padding-bottom:5rem}}@media(max-width:640px){h1[data-v-d5da7752]{font-size:1.75rem}.section h2[data-v-d5da7752]{font-size:1.25rem}.section-content[data-v-d5da7752]{padding:1rem}.toc-toggle-btn[data-v-d5da7752]{bottom:1rem;right:1rem;padding:.625rem .875rem}.toc-drawer[data-v-d5da7752]{width:100vw;max-width:none}}.tutorial-layout[data-v-56e63a45]{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.tutorial-content[data-v-56e63a45]{flex:1;min-width:0}.container[data-v-56e63a45]{max-width:900px}.back-link[data-v-56e63a45]{display:inline-flex;align-items:center;gap:.5rem;color:#00f5d4;text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:opacity .2s}.back-link[data-v-56e63a45]:hover{opacity:.8}header[data-v-56e63a45]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,245,212,.2)}h1[data-v-56e63a45]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00f5d4,#9b5de5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle[data-v-56e63a45]{color:#8b9cb5;font-size:1rem}.section[data-v-56e63a45]{margin-bottom:2rem;scroll-margin-top:1rem}.section h2[data-v-56e63a45]{color:#00f5d4;font-size:1.5rem;margin-bottom:1rem}.section-content[data-v-56e63a45]{background:#14192dcc;border:1px solid rgba(0,245,212,.2);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px)}.section-content p[data-v-56e63a45]{color:#8b9cb5;margin-bottom:1rem;line-height:1.7}.section-content ul[data-v-56e63a45]{margin-left:1.5rem;margin-bottom:1rem}.section-content li[data-v-56e63a45]{color:#8b9cb5;margin-bottom:.5rem;line-height:1.6}.tip-box[data-v-56e63a45]{background:#9b5de51a;border-left:4px solid #9b5de5;padding:1rem 1.5rem;border-radius:0 8px 8px 0;margin-top:1rem}.tip-box strong[data-v-56e63a45]{color:#9b5de5;display:block;margin-bottom:.5rem}footer[data-v-56e63a45]{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,245,212,.2);color:#8b9cb5}footer a[data-v-56e63a45]{color:#00f5d4;text-decoration:none}.footer-links[data-v-56e63a45]{margin-top:.5rem;font-size:.9rem}.toc-toggle-btn[data-v-56e63a45]{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00f5d4e6,#9b5de5e6);border:none;border-radius:12px;color:#0a0e1a;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #00f5d44d;transition:all .3s ease}.toc-toggle-btn[data-v-56e63a45]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00f5d466}.toc-toggle-btn svg[data-v-56e63a45]{width:24px;height:24px}.toc-overlay[data-v-56e63a45]{position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px)}.toc-drawer[data-v-56e63a45]{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#14192dfa;border-left:1px solid rgba(0,245,212,.3);display:flex;flex-direction:column;box-shadow:-4px 0 30px #00000080}.toc-drawer-header[data-v-56e63a45]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,245,212,.2)}.toc-drawer-title[data-v-56e63a45]{color:#00f5d4;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.toc-close-btn[data-v-56e63a45]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:#8b9cb5;cursor:pointer;transition:all .2s ease}.toc-close-btn[data-v-56e63a45]:hover{background:#ef444433;color:#ef4444}.toc-close-btn svg[data-v-56e63a45]{width:18px;height:18px}.toc-drawer-nav[data-v-56e63a45]{flex:1;overflow-y:auto;padding:1rem}.toc-drawer-item[data-v-56e63a45]{display:block;padding:.875rem 1rem;color:#8b9cb5;text-decoration:none;font-size:.95rem;border-radius:8px;transition:all .2s ease;margin-bottom:.25rem}.toc-drawer-item[data-v-56e63a45]:hover{color:#e0e6ed;background:#00f5d41a;padding-left:1.25rem}.toc-drawer-footer[data-v-56e63a45]{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.back-to-index[data-v-56e63a45]{display:flex;align-items:center;gap:.5rem;color:#00f5d4;text-decoration:none;font-size:.9rem;padding:.75rem 1rem;border-radius:8px;transition:all .2s ease}.back-to-index[data-v-56e63a45]:hover{background:#00f5d41a}.back-to-index svg[data-v-56e63a45]{width:18px;height:18px}.toc-overlay-enter-active[data-v-56e63a45],.toc-overlay-leave-active[data-v-56e63a45]{transition:opacity .3s ease}.toc-overlay-enter-from[data-v-56e63a45],.toc-overlay-leave-to[data-v-56e63a45]{opacity:0}.toc-drawer-enter-active[data-v-56e63a45]{transition:transform .3s ease}.toc-drawer-leave-active[data-v-56e63a45]{transition:transform .25s ease}.toc-drawer-enter-from[data-v-56e63a45],.toc-drawer-leave-to[data-v-56e63a45]{transform:translate(100%)}:root[data-theme=monochrome] .back-link[data-v-56e63a45]{color:#000}:root[data-theme=monochrome] h1[data-v-56e63a45]{background:none;-webkit-text-fill-color:#000000;color:#000;text-shadow:none}:root[data-theme=monochrome] h2[data-v-56e63a45]{color:#000;text-shadow:none}:root[data-theme=monochrome] .subtitle[data-v-56e63a45]{color:#6b7280}:root[data-theme=monochrome] .section[data-v-56e63a45]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d;backdrop-filter:none}:root[data-theme=monochrome] .section-content[data-v-56e63a45]{background:#fff;border-color:#e5e7eb;backdrop-filter:none}:root[data-theme=monochrome] .section-content p[data-v-56e63a45]{color:#111827}:root[data-theme=monochrome] .section-content ul[data-v-56e63a45]{background:#fafafa;border-color:#e5e7eb}:root[data-theme=monochrome] .section-content li[data-v-56e63a45]{color:#111827}:root[data-theme=monochrome] .tip-box[data-v-56e63a45]{background:#f3f4f6;border-left-color:#000;backdrop-filter:none}:root[data-theme=monochrome] .tip-box strong[data-v-56e63a45]{color:#000}:root[data-theme=monochrome] footer[data-v-56e63a45]{border-top-color:#e5e7eb;color:#6b7280}:root[data-theme=monochrome] footer a[data-v-56e63a45]{color:#000}:root[data-theme=monochrome] .toc-toggle-btn[data-v-56e63a45]{background:#fff;border-color:#d1d5db;color:#6b7280;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .toc-toggle-btn[data-v-56e63a45]:hover{background:#f3f4f6;color:#000;box-shadow:0 2px 4px #0000001a}:root[data-theme=monochrome] .toc-overlay[data-v-56e63a45]{background:#0009}:root[data-theme=monochrome] .toc-drawer[data-v-56e63a45]{background:#fff;border-color:#e5e7eb;box-shadow:-4px 0 30px #00000080}:root[data-theme=monochrome] .toc-drawer-header[data-v-56e63a45]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .toc-drawer-title[data-v-56e63a45]{color:#000}:root[data-theme=monochrome] .toc-close-btn[data-v-56e63a45]{background:#fff;border-color:#d1d5db;color:#6b7280}:root[data-theme=monochrome] .toc-close-btn[data-v-56e63a45]:hover{background:#f3f4f6;color:#000}:root[data-theme=monochrome] .toc-drawer-item[data-v-56e63a45]{color:#111827;background:transparent;border-radius:8px}:root[data-theme=monochrome] .toc-drawer-item[data-v-56e63a45]:hover{color:#000;background:#f3f4f6}:root[data-theme=monochrome] .toc-drawer-footer[data-v-56e63a45]{border-top-color:#e5e7eb}:root[data-theme=monochrome] .back-to-index[data-v-56e63a45]{color:#000}:root[data-theme=monochrome] .back-to-index[data-v-56e63a45]:hover{background:#f3f4f6;border-color:#d1d5db;color:#000}:root[data-theme=monochrome] .back-to-index svg[data-v-56e63a45]{stroke:#000}@media(max-width:1024px){.desktop-sidebar[data-v-56e63a45]{display:none}.toc-toggle-btn[data-v-56e63a45]{display:flex}.tutorial-layout[data-v-56e63a45]{padding-bottom:5rem}}@media(max-width:640px){h1[data-v-56e63a45]{font-size:1.75rem}.section h2[data-v-56e63a45]{font-size:1.25rem}.section-content[data-v-56e63a45]{padding:1rem}.toc-toggle-btn[data-v-56e63a45]{bottom:1rem;right:1rem;padding:.625rem .875rem}.toc-drawer[data-v-56e63a45]{width:100vw;max-width:none}}.tutorial-layout[data-v-87f34c95]{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.tutorial-content[data-v-87f34c95]{flex:1;min-width:0}.container[data-v-87f34c95]{max-width:900px}.back-link[data-v-87f34c95]{display:inline-flex;align-items:center;gap:.5rem;color:#00f5d4;text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:opacity .2s}.back-link[data-v-87f34c95]:hover{opacity:.8}header[data-v-87f34c95]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,245,212,.2)}h1[data-v-87f34c95]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00f5d4,#9b5de5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle[data-v-87f34c95]{color:#8b9cb5;font-size:1rem}.section[data-v-87f34c95]{margin-bottom:2rem;scroll-margin-top:1rem}.section h2[data-v-87f34c95]{color:#00f5d4;font-size:1.5rem;margin-bottom:1rem}.section-content[data-v-87f34c95]{background:#14192dcc;border:1px solid rgba(0,245,212,.2);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px)}.section-content p[data-v-87f34c95]{color:#8b9cb5;margin-bottom:1rem;line-height:1.7}.section-content ul[data-v-87f34c95],.section-content ol[data-v-87f34c95]{margin-left:1.5rem;margin-bottom:1rem}.section-content li[data-v-87f34c95]{color:#8b9cb5;margin-bottom:.5rem;line-height:1.6}footer[data-v-87f34c95]{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,245,212,.2);color:#8b9cb5}footer a[data-v-87f34c95]{color:#00f5d4;text-decoration:none}.footer-links[data-v-87f34c95]{margin-top:.5rem;font-size:.9rem}.toc-toggle-btn[data-v-87f34c95]{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00f5d4e6,#9b5de5e6);border:none;border-radius:12px;color:#0a0e1a;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #00f5d44d;transition:all .3s ease}.toc-toggle-btn[data-v-87f34c95]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00f5d466}.toc-toggle-btn svg[data-v-87f34c95]{width:24px;height:24px}.toc-overlay[data-v-87f34c95]{position:fixed;inset:0;z-index:200;background:#0009;backdrop-filter:blur(4px)}.toc-drawer[data-v-87f34c95]{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:#14192dfa;border-left:1px solid rgba(0,245,212,.3);display:flex;flex-direction:column;box-shadow:-4px 0 30px #00000080}.toc-drawer-header[data-v-87f34c95]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,245,212,.2)}.toc-drawer-title[data-v-87f34c95]{color:#00f5d4;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.toc-close-btn[data-v-87f34c95]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:#8b9cb5;cursor:pointer;transition:all .2s ease}.toc-close-btn[data-v-87f34c95]:hover{background:#ef444433;color:#ef4444}.toc-close-btn svg[data-v-87f34c95]{width:18px;height:18px}.toc-drawer-nav[data-v-87f34c95]{flex:1;overflow-y:auto;padding:1rem}.toc-drawer-item[data-v-87f34c95]{display:block;padding:.875rem 1rem;color:#8b9cb5;text-decoration:none;font-size:.95rem;border-radius:8px;transition:all .2s ease;margin-bottom:.25rem}.toc-drawer-item[data-v-87f34c95]:hover{color:#e0e6ed;background:#00f5d41a;padding-left:1.25rem}.toc-drawer-footer[data-v-87f34c95]{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.back-to-index[data-v-87f34c95]{display:flex;align-items:center;gap:.5rem;color:#00f5d4;text-decoration:none;font-size:.9rem;padding:.75rem 1rem;border-radius:8px;transition:all .2s ease}.back-to-index[data-v-87f34c95]:hover{background:#00f5d41a}.back-to-index svg[data-v-87f34c95]{width:18px;height:18px}.toc-overlay-enter-active[data-v-87f34c95],.toc-overlay-leave-active[data-v-87f34c95]{transition:opacity .3s ease}.toc-overlay-enter-from[data-v-87f34c95],.toc-overlay-leave-to[data-v-87f34c95]{opacity:0}.toc-drawer-enter-active[data-v-87f34c95]{transition:transform .3s ease}.toc-drawer-leave-active[data-v-87f34c95]{transition:transform .25s ease}.toc-drawer-enter-from[data-v-87f34c95],.toc-drawer-leave-to[data-v-87f34c95]{transform:translate(100%)}:root[data-theme=monochrome] .back-link[data-v-87f34c95]{color:#000}:root[data-theme=monochrome] h1[data-v-87f34c95]{background:none;-webkit-text-fill-color:#000000;color:#000;text-shadow:none}:root[data-theme=monochrome] header[data-v-87f34c95]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .subtitle[data-v-87f34c95]{color:#6b7280}:root[data-theme=monochrome] .section[data-v-87f34c95]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d;backdrop-filter:none}:root[data-theme=monochrome] .section h2[data-v-87f34c95]{color:#000;text-shadow:none}:root[data-theme=monochrome] .section-content[data-v-87f34c95]{background:#fff;border-color:#e5e7eb;backdrop-filter:none}:root[data-theme=monochrome] .section-content p[data-v-87f34c95]{color:#111827}:root[data-theme=monochrome] .section-content ul[data-v-87f34c95],:root[data-theme=monochrome] .section-content ol[data-v-87f34c95]{background:#fafafa;border-color:#e5e7eb}:root[data-theme=monochrome] .section-content li[data-v-87f34c95]{color:#111827}:root[data-theme=monochrome] footer[data-v-87f34c95]{border-top-color:#e5e7eb;color:#6b7280}:root[data-theme=monochrome] footer a[data-v-87f34c95]{color:#000}:root[data-theme=monochrome] .toc-toggle-btn[data-v-87f34c95]{background:#fff;border-color:#d1d5db;color:#6b7280;box-shadow:0 1px 2px #0000000d}:root[data-theme=monochrome] .toc-toggle-btn[data-v-87f34c95]:hover{background:#f3f4f6;color:#000;box-shadow:0 2px 4px #0000001a}:root[data-theme=monochrome] .toc-overlay[data-v-87f34c95]{background:#0009}:root[data-theme=monochrome] .toc-drawer[data-v-87f34c95]{background:#fff;border-color:#e5e7eb;box-shadow:-4px 0 30px #00000080}:root[data-theme=monochrome] .toc-drawer-header[data-v-87f34c95]{border-bottom-color:#e5e7eb}:root[data-theme=monochrome] .toc-drawer-title[data-v-87f34c95]{color:#000}:root[data-theme=monochrome] .toc-close-btn[data-v-87f34c95]{background:#fff;border-color:#d1d5db;color:#6b7280}:root[data-theme=monochrome] .toc-close-btn[data-v-87f34c95]:hover{background:#f3f4f6;color:#000}:root[data-theme=monochrome] .toc-drawer-item[data-v-87f34c95]{color:#111827;background:transparent;border-radius:8px}:root[data-theme=monochrome] .toc-drawer-item[data-v-87f34c95]:hover{color:#000;background:#f3f4f6}:root[data-theme=monochrome] .toc-drawer-footer[data-v-87f34c95]{border-top-color:#e5e7eb}:root[data-theme=monochrome] .back-to-index[data-v-87f34c95]{color:#000}:root[data-theme=monochrome] .back-to-index[data-v-87f34c95]:hover{background:#f3f4f6;border-color:#d1d5db;color:#000}:root[data-theme=monochrome] .back-to-index svg[data-v-87f34c95]{stroke:#000}@media(max-width:1024px){.desktop-sidebar[data-v-87f34c95]{display:none}.toc-toggle-btn[data-v-87f34c95]{display:flex}.tutorial-layout[data-v-87f34c95]{padding-bottom:5rem}}@media(max-width:640px){h1[data-v-87f34c95]{font-size:1.75rem}.section h2[data-v-87f34c95]{font-size:1.25rem}.section-content[data-v-87f34c95]{padding:1rem}.toc-toggle-btn[data-v-87f34c95]{bottom:1rem;right:1rem;padding:.625rem .875rem}.toc-drawer[data-v-87f34c95]{width:100vw;max-width:none}}.faq-page[data-v-34b637e6]{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:2rem 1rem}.container[data-v-34b637e6]{max-width:900px;margin:0 auto}.back-link[data-v-34b637e6]{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;margin-bottom:1rem;font-size:.95rem;transition:opacity .2s}.back-link[data-v-34b637e6]:hover{opacity:.8}:root[data-theme=monochrome] .back-link[data-v-34b637e6]{color:#000}header[data-v-34b637e6]{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}h1[data-v-34b637e6]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}:root[data-theme=dark] h1[data-v-34b637e6]{text-shadow:0 0 20px color-mix(in srgb,var(--accent-primary) 30%,transparent)}:root[data-theme=light] h1[data-v-34b637e6]{text-shadow:none}:root[data-theme=monochrome] h1[data-v-34b637e6]{background:none;-webkit-text-fill-color:#000000;color:#000;text-shadow:none}.subtitle[data-v-34b637e6]{color:var(--text-secondary);font-size:1.1rem}.faq-list[data-v-34b637e6]{display:flex;flex-direction:column;gap:1.5rem}.faq-item[data-v-34b637e6]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);transition:border-color .3s,box-shadow .3s;box-shadow:var(--shadow-color)}.faq-item[data-v-34b637e6]:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}:root[data-theme=dark] .faq-item[data-v-34b637e6]:hover{box-shadow:0 0 20px color-mix(in srgb,var(--accent-primary) 15%,transparent)}:root[data-theme=monochrome] .faq-item[data-v-34b637e6]{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000d}:root[data-theme=monochrome] .faq-item[data-v-34b637e6]:hover{border-color:#d1d5db;box-shadow:0 1px 4px #00000014}.faq-question[data-v-34b637e6]{font-size:1.25rem;font-weight:600;color:var(--accent-primary);margin-bottom:.75rem}:root[data-theme=monochrome] .faq-question[data-v-34b637e6]{color:#000}.faq-answer[data-v-34b637e6]{color:var(--text-primary);line-height:1.8}.faq-answer p[data-v-34b637e6]{margin-bottom:1rem}.faq-answer ul[data-v-34b637e6]{margin-left:1.5rem;margin-bottom:1rem}.faq-answer li[data-v-34b637e6]{margin-bottom:.5rem}footer[data-v-34b637e6]{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}footer a[data-v-34b637e6]{color:var(--accent-primary);text-decoration:none}.footer-links[data-v-34b637e6]{margin-top:.5rem;font-size:.9rem}@media(max-width:768px){h1[data-v-34b637e6]{font-size:2rem}.faq-item[data-v-34b637e6]{padding:1.25rem}.faq-question[data-v-34b637e6]{font-size:1.1rem}}