.select2-container{box-sizing:border-box;vertical-align:middle;margin:0;display:inline-block;position:relative}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;height:28px;display:block}.select2-container .select2-selection--single .select2-selection__rendered{text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:20px;display:block;overflow:hidden}.select2-container .select2-selection--single .select2-selection__clear{background-color:#0000;border:none;font-size:1em}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-left:20px;padding-right:8px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:32px;display:block}.select2-container .select2-selection--multiple .select2-selection__rendered{padding:0;list-style:none;display:inline}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:#0000;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;resize:none;vertical-align:bottom;word-break:keep-all;border:none;max-width:100%;height:18px;margin-top:5px;margin-left:5px;padding:0;font-family:sans-serif;font-size:100%;overflow:hidden}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{box-sizing:border-box;z-index:1051;background-color:#fff;border:1px solid #aaa;border-radius:4px;width:100%;display:block;position:absolute;left:-100000px}.select2-results{display:block}.select2-results__options{margin:0;padding:0;list-style:none}.select2-results__option{-webkit-user-select:none;user-select:none;padding:6px}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{padding:4px;display:block}.select2-search--dropdown .select2-search__field{box-sizing:border-box;width:100%;padding:4px}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{opacity:0;z-index:99;width:auto;min-width:100%;height:auto;min-height:100%;filter:alpha(opacity=0);background-color:#fff;border:0;margin:0;padding:0;display:block;position:fixed;top:0;left:0}.select2-hidden-accessible{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;height:26px;margin-right:20px;padding-right:0;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{width:20px;height:26px;position:absolute;top:1px;right:1px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border:4px solid #0000;border-top:5px solid #888;border-bottom-width:0;width:0;height:0;margin-top:-2px;margin-left:-4px;position:absolute;top:50%;left:50%}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{cursor:default;background-color:#eee}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 4px 5px;border-color:#0000 #0000 #888}.select2-container--default .select2-selection--multiple{cursor:text;background-color:#fff;border:1px solid #aaa;border-radius:4px;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;height:20px;margin-top:5px;margin-right:10px;padding:1px;font-weight:700;position:absolute;right:0}.select2-container--default .select2-selection--multiple .select2-selection__choice{box-sizing:border-box;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;max-width:100%;margin-top:5px;margin-left:5px;padding:0 0 0 20px;display:inline-block;position:relative;overflow:hidden}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;background-color:#0000;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:0 4px;font-size:1em;font-weight:700;position:absolute;top:0;left:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{color:#333;background-color:#f1f1f1;outline:none}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-radius:0 4px 4px 0}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{cursor:default;background-color:#eee}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{box-shadow:none;-webkit-appearance:textfield;background:0 0;border:none;outline:0}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#fff;background-color:#5897fb}.select2-container--default .select2-results__group{cursor:default;padding:6px;display:block}.select2-container--classic .select2-selection--single{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);background-color:#f7f7f7;background-image:linear-gradient(#fff 50%,#eee 100%);background-repeat:repeat-x;border:1px solid #aaa;border-radius:4px;outline:0}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;height:26px;margin-right:20px;font-weight:700}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{width:20px;height:26px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);background-color:#ddd;background-image:linear-gradient(#eee 50%,#ccc 100%);background-repeat:repeat-x;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;position:absolute;top:1px;right:1px}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border:4px solid #0000;border-top:5px solid #888;border-bottom-width:0;width:0;height:0;margin-top:-2px;margin-left:-4px;position:absolute;top:50%;left:50%}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 4px 5px;border-color:#0000 #0000 #888}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);background-image:linear-gradient(#fff 0%,#eee 50%);background-repeat:repeat-x;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);background-image:linear-gradient(#eee 50%,#fff 100%);background-repeat:repeat-x;border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--classic .select2-selection--multiple{cursor:text;background-color:#fff;border:1px solid #aaa;border-radius:4px;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;margin-top:5px;margin-left:5px;padding:0;display:inline-block}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;background-color:#0000;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:0 4px;font-size:1em;font-weight:700}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-radius:0 4px 4px 0}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{box-shadow:none;outline:0}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid #0000}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:gray}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{color:#fff;background-color:#3875d7}.select2-container--classic .select2-results__group{cursor:default;padding:6px;display:block}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}img{max-width:100%;display:block}:root{--bg:#f7f8fc;--bg-soft:#f1f4fa;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#eef2f7;--surface-elevated:#ffffffd1;--text:#0f172a;--text-muted:#667085;--text-soft:#94a3b8;--text-strong:#0b1220;--primary:#4f46e5;--primary-strong:#4338ca;--primary-soft:#eef2ff;--success-soft:#ecfdf3;--border:#0f172a14;--border-strong:#0f172a1f;--shadow-xs:0 6px 16px #0f172a0a;--shadow-sm:0 12px 30px #0f172a0f;--shadow-md:0 18px 48px #0f172a14;--shadow-lg:0 30px 80px #0f172a1f;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--container:1280px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--bg:#0b1020;--bg-soft:#0f172a;--surface:#ffffff0f;--surface-soft:#ffffff14;--surface-muted:#ffffff0a;--surface-elevated:#111827c7;--text:#edf2ff;--text-muted:#a8b3cf;--text-soft:#7f8aa6;--text-strong:#fff;--primary:#7c8dff;--primary-strong:#98a6ff;--primary-soft:#7c8dff24;--success-soft:#10b9811a;--border:#ffffff1a;--border-strong:#ffffff29;--shadow-xs:0 8px 20px #0000002e;--shadow-sm:0 14px 35px #00000038;--shadow-md:0 20px 55px #00000042;--shadow-lg:0 35px 90px #00000057}button,[role=button],.btn,a{cursor:pointer}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:radial-gradient(circle at top left, #4f46e514, transparent 26%), radial-gradient(circle at 85% 15%, #4f46e50d, transparent 22%), var(--bg);color:var(--text);margin:0}[dir=rtl]{direction:rtl}body{color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.08}p{color:var(--text-muted);margin:0}a{color:inherit;text-decoration:none}strong{color:var(--text);font-weight:700}.u-hidden{display:none!important}.u-surface{background:var(--color-surface);border-radius:var(--border-radius)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}html[dir=rtl],html[dir=rtl] body,html[dir=rtl] .container,html[dir=rtl] .container-wide{direction:rtl}html[dir=rtl] .section-heading{text-align:right}html[dir=rtl] .section-heading--center{text-align:center}:is(html[dir=rtl] .btn i:has(+span),html[dir=rtl] .btn svg:has(+span),html[dir=rtl] .btn-sm i:has(+span),html[dir=rtl] .btn-sm svg:has(+span),html[dir=rtl] .btn-lg i:has(+span),html[dir=rtl] .btn-lg svg:has(+span)){margin-inline:0}html[dir=rtl] .fa-arrow-right,html[dir=rtl] .fa-chevron-right,html[dir=rtl] .fa-angle-right,html[dir=rtl] .fa-arrow-up-right{transform:scaleX(-1)}html[dir=rtl] .site-header__inner,html[dir=rtl] .site-header__actions,html[dir=rtl] .site-brand{flex-direction:row-reverse}html[dir=rtl] .site-brand__logo{order:2}html[dir=rtl] .site-brand__text{order:1}html[dir=rtl] .site-nav{flex-direction:row-reverse}html[dir=rtl] .site-nav a{text-align:right}html[dir=rtl] .theme-toggle,html[dir=rtl] .language-drawer-toggle{flex-direction:row-reverse}html[dir=rtl] .hero-section__inner{direction:rtl}html[dir=rtl] .hero-content{text-align:right}html[dir=rtl] .hero-badge{flex-direction:row-reverse;width:fit-content}html[dir=rtl] .hero-actions{flex-direction:row-reverse;justify-content:flex-start}html[dir=rtl] .hero-meta__item{text-align:right}html[dir=rtl] .hero-visual{direction:rtl}html[dir=rtl] .floating-badge{flex-direction:row-reverse}html[dir=rtl] .tool-grid,html[dir=rtl] .coming-grid,html[dir=rtl] .faq-grid,html[dir=rtl] .seo-link-grid,html[dir=rtl] .value-section__grid,html[dir=rtl] .tools-overview__grid,html[dir=rtl] .tools-categories__list{direction:rtl}html[dir=rtl] .tool-card,html[dir=rtl] .coming-card,html[dir=rtl] .faq-card,html[dir=rtl] .overview-card,html[dir=rtl] .helper-card,html[dir=rtl] .value-panel{text-align:right}html[dir=rtl] .tool-card__top,html[dir=rtl] .tool-card__footer,html[dir=rtl] .tool-card__meta{direction:rtl}html[dir=rtl] .tool-card__footer{justify-content:space-between}html[dir=rtl] .value-list__item{text-align:right;flex-direction:row-reverse}html[dir=rtl] .cta-box__actions{flex-direction:row-reverse}html[dir=rtl] .cta-box__content{text-align:right}html[dir=rtl] .workspace-toolbar{direction:rtl}html[dir=rtl] .workspace-toolbar__actions{flex-direction:row-reverse}html[dir=rtl] .editor-panel,html[dir=rtl] .preview-panel,html[dir=rtl] .tree-panel,html[dir=rtl] .sql-entity-settings-card,html[dir=rtl] .sql-entity-workspace-card,html[dir=rtl] .image-settings-card,html[dir=rtl] .image-workspace-card,html[dir=rtl] .color-tools-settings-card,html[dir=rtl] .color-tools-preview-card{text-align:right}html[dir=rtl] .editor-panel__head,html[dir=rtl] .preview-panel__head,html[dir=rtl] .tree-panel__head,html[dir=rtl] .panel-head{direction:rtl}html[dir=rtl] .editor-tabs,html[dir=rtl] .preview-tabs,html[dir=rtl] .inline-actions,html[dir=rtl] .settings-actions{flex-direction:row-reverse}html[dir=rtl] .field-control{text-align:right}html[dir=rtl] .check-control{text-align:right;flex-direction:row-reverse;justify-content:flex-end}html[dir=rtl] .search-control{flex-direction:row-reverse}html[dir=rtl] .search-control i{order:2}html[dir=rtl] .search-control input{text-align:right;order:1}html[dir=rtl] .search-control__clear{inset-inline:10px auto}html[dir=rtl] .code-editor__textarea,html[dir=rtl] .code-editor__highlight,html[dir=rtl] .code-editor__highlight .shiki,html[dir=rtl] .fold-code-view,html[dir=rtl] .code-output,html[dir=rtl] .code-output--shiki,html[dir=rtl] .export-code,html[dir=rtl] .snippet-box{text-align:left;direction:ltr}html[dir=rtl] .json-tree{text-align:right}html[dir=rtl] .json-node,html[dir=rtl] .json-tree__node,html[dir=rtl] .tree-node{direction:rtl}html[dir=rtl] .json-node__head,html[dir=rtl] .tree-node__head{flex-direction:row-reverse}html[dir=rtl] .json-node__children,html[dir=rtl] .tree-node__children{border-inline-start:0;border-inline-end:1px solid var(--border);padding-inline:0 18px}html[dir=rtl] .sql-entity-layout,html[dir=rtl] .sql-entity-grid,html[dir=rtl] .sql-entity-helper,html[dir=rtl] .color-tools-layout,html[dir=rtl] .color-preview-grid,html[dir=rtl] .shade-grid,html[dir=rtl] .palette-grid,html[dir=rtl] .opacity-grid,html[dir=rtl] .shadow-grid,html[dir=rtl] .gradient-stops,html[dir=rtl] .contrast-inputs,html[dir=rtl] .color-input-row,html[dir=rtl] .color-conversion-grid{direction:rtl}html[dir=rtl] .preview-block,html[dir=rtl] .contrast-preview,html[dir=rtl] .shadow-preview-wrap{text-align:right}html[dir=rtl] .preview-block__head,html[dir=rtl] .image-converter-layout,html[dir=rtl] .batch-summary,html[dir=rtl] .queue-toolbar,html[dir=rtl] .list-filter-bar,html[dir=rtl] .status-pill-list,html[dir=rtl] .preset-size-grid,html[dir=rtl] .filter-preset-list,html[dir=rtl] .size-grid,html[dir=rtl] .transform-grid,html[dir=rtl] .override-grid,html[dir=rtl] .override-check-grid{direction:rtl}html[dir=rtl] .summary-stat,html[dir=rtl] .selected-preview-panel,html[dir=rtl] .preview-meta__item,html[dir=rtl] .result-meta{text-align:right}html[dir=rtl] .queue-toolbar__group,html[dir=rtl] .workspace-toolbar__actions{flex-direction:row-reverse}html[dir=rtl] .file-row,html[dir=rtl] .file-row__head,html[dir=rtl] .file-row__actions,html[dir=rtl] .file-row__badges,html[dir=rtl] .file-row__progress,html[dir=rtl] .file-row__accordion-toggle{direction:rtl}html[dir=rtl] .file-row__actions{flex-direction:row-reverse;justify-content:flex-start}html[dir=rtl] .file-row__accordion-toggle{flex-direction:row-reverse}html[dir=rtl] .upload-dropzone{text-align:center}html[dir=rtl] .selected-preview-panel__head{direction:rtl}html[dir=rtl] .language-drawer__panel{left:16px;right:auto;transform:translate(-48px)scale(.985)}@media (width<=640px){html[dir=rtl] .language-drawer__panel{left:10px;right:auto}}html[dir=rtl] .language-drawer.is-open html[dir=rtl] .language-drawer__panel{transform:translate(0)scale(1)}html[dir=rtl] .language-drawer__head,html[dir=rtl] .language-drawer__body{direction:rtl}html[dir=rtl] .language-drawer__item{text-align:right;grid-template-columns:minmax(0,1fr) 58px}html[dir=rtl] .language-drawer__item.active{grid-template-columns:50px minmax(0,1fr) 58px}html[dir=rtl] .language-drawer__check{order:1}html[dir=rtl] .language-drawer__label{order:2}html[dir=rtl] .language-drawer__code{order:3}html[dir=rtl] .language-drawer__close{margin:auto 0}html[dir=rtl] .language-drawer-toggle{flex-direction:row-reverse}html[dir=rtl] .site-footer{text-align:right}html[dir=rtl] .site-footer__inner,html[dir=rtl] .site-footer__cols{direction:rtl}html[dir=rtl] .site-footer__col{text-align:right}html[dir=rtl] .site-footer__bottom,html[dir=rtl] .site-footer__bottom-links{flex-direction:row-reverse}html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select,html[dir=rtl] label,html[dir=rtl] p,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,html[dir=rtl] span,html[dir=rtl] div{text-align:inherit}html[dir=rtl] input[type=number],html[dir=rtl] input[data-color-hex],html[dir=rtl] input[data-color-rgb],html[dir=rtl] input[data-color-hsl],html[dir=rtl] [data-csharp-output],html[dir=rtl] [data-sql-highlight],html[dir=rtl] [data-html-highlight],html[dir=rtl] [data-json-highlight]{text-align:left;direction:ltr}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#0f172a;--color-background:#020617;--color-text:#e2e8f0}.container{width:min(100% - 32px,1320px);margin-inline:auto}@media (width>=1600px){.container{width:min(100% - 56px,78vw);max-width:1680px}}@media (width>=2400px){.container{width:min(100% - 72px,74vw);max-width:1780px}}@media (width<=768px){.container{width:min(var(--container), 100% - 20px)}}.container-wide{width:min(100% - 32px,1440px);margin-inline:auto}@media (width>=1920px){.container-wide{width:min(100% - 64px,1680px)}}@media (width>=2400px){.container-wide{width:min(100% - 72px,1820px)}}.site-header{--btn-height:48px;z-index:100;padding:18px 0;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;position:sticky;top:0}.site-header .btn{height:var(--btn-height)}.site-header.is-scrolled{background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0f;box-shadow:0 14px 34px #00000024}.site-header.is-scrolled .site-header__inner{box-shadow:var(--shadow-sm);border-color:var(--border-strong);background:color-mix(in srgb, var(--surface) 80%, transparent)}.site-header__inner{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:0 18px 0 24px;transition:all .25s;display:flex}.site-header__actions{align-items:center;gap:12px;display:flex}[dir=rtl] .site-header__inner,[dir=rtl] .site-nav{flex-direction:row-reverse}.site-brand{align-items:center;gap:12px;display:flex}.site-brand__logo{flex-flow:row;gap:8px;height:32px;display:flex}.site-brand__logo.boxed{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;box-shadow:var(--shadow-sm);border-radius:14px;font-weight:800}.site-brand__logo{place-items:center}.site-brand__logo .logo{height:28px}.site-brand__logo .logo img{object-fit:contain;width:100%;height:100%}.site-brand__logo .logo img.dark{display:none}.site-brand__logo .text{font-family:Lemon Tuesday,sans-serif;font-size:36px}.site-brand__text{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700;line-height:1}.site-nav{align-items:center;gap:24px;display:flex}.site-nav a{color:var(--text-muted);font-weight:500;transition:all .25s}.site-nav a:hover{color:var(--text)}.theme-toggle{width:var(--btn-height);height:var(--btn-height);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.theme-toggle__icon{transition:all .25s;position:absolute}html[data-theme=light] .theme-toggle__icon--sun{opacity:0;transform:translateY(8px)}html[data-theme=light] .theme-toggle__icon--moon,html[data-theme=dark] .theme-toggle__icon--sun{opacity:1;transform:translateY(0)}html[data-theme=dark] .theme-toggle__icon--moon{opacity:0;transform:translateY(-8px)}@media (width<=992px){.site-nav,.site-header__actions .btn-ghost{display:none}}.language-dropdown{z-index:120;position:relative}.language-dropdown__toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);height:42px;color:var(--text);border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-weight:700;transition:all .2s;display:inline-flex}.language-dropdown__toggle:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:color-mix(in srgb, var(--surface-soft) 94%, transparent)}.language-dropdown__toggle i{color:var(--text-soft);font-size:.8rem;transition:transform .2s}.language-dropdown.is-open .language-dropdown__toggle i{transform:rotate(180deg)}.language-dropdown__current{letter-spacing:.04em;font-size:.9rem}.language-dropdown__menu{isolation:isolate;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);z-index:50;border-radius:18px;min-width:200px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #0f172a29}.language-dropdown__menu:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);z-index:0;pointer-events:none;background:#181c2d57;position:absolute;inset:0}.language-dropdown__menu>*{z-index:1;position:relative}.language-dropdown__item{color:var(--text);border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s;display:grid}.language-dropdown__item:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.language-dropdown__item.active{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.language-dropdown__code{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 90%, transparent);letter-spacing:.06em;border-radius:10px;justify-content:center;align-items:center;height:30px;font-size:.78rem;font-weight:800;display:inline-flex}.language-dropdown__label{font-size:.92rem;font-weight:600}.site-header,.site-header__inner,.site-header__actions,.language-dropdown{overflow:visible}:root[data-theme=dark] .language-drawer-toggle:hover,:root[data-theme=dark] .viwo-btn:hover{box-shadow:0 8px 20px #00000040, 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent), 0 0 18px color-mix(in srgb, var(--primary) 12%, transparent)}.language-drawer-toggle{height:var(--btn-height);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);border-radius:16px;align-items:center;gap:10px;padding:0 16px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .25s;display:inline-flex}.language-drawer-toggle:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));box-shadow:0 6px 14px color-mix(in srgb, var(--text) 10%, transparent), 0 2px 0 color-mix(in srgb, var(--surface) 80%, transparent) inset;transform:translateY(-1px)}.language-drawer-toggle:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.language-drawer-toggle__current{letter-spacing:.05em;font-size:.92rem}.language-drawer-toggle i{opacity:.85;font-size:.95rem}body.has-language-drawer{overflow:hidden}.language-drawer{z-index:220;pointer-events:none;display:block;position:fixed;inset:0}.language-drawer[hidden]{display:none!important}.language-drawer.is-open{pointer-events:auto}.language-drawer__backdrop{opacity:0;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 24%, #060a148f), color-mix(in srgb, var(--surface-soft) 16%, #060a14b8));-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);transition:opacity .32s;position:absolute;inset:0}.language-drawer__panel{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff08, #ffffff03), color-mix(in srgb, var(--surface) 88%, transparent);opacity:0;border-radius:28px;width:min(420px,100vw - 20px);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s;display:grid;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;transform:translate(48px)scale(.985);box-shadow:0 30px 80px #00000038,inset 0 1px #ffffff0a}@media (width<=640px){.language-drawer__panel{border-radius:24px;width:calc(100vw - 20px);top:10px;bottom:10px;right:10px}}.language-drawer.is-open .language-drawer__backdrop{opacity:1}.language-drawer.is-open .language-drawer__panel{opacity:1;transform:translate(0)scale(1)}.language-drawer__head{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff05,#0000);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 18px;display:flex}.language-drawer__head h3{letter-spacing:-.02em;color:var(--text-strong);margin:4px 0 0;font-size:1.35rem;line-height:1.1}.language-drawer__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:.76rem;font-weight:700}.language-drawer__close{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 76%, transparent);width:42px;height:42px;color:var(--text);border-radius:14px;transition:transform .2s,background .2s,border-color .2s}.language-drawer__close:hover{background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-color:color-mix(in srgb, var(--primary) 24%, var(--border));transform:rotate(90deg)}.language-drawer__body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--primary) 45%, var(--border)) transparent;flex-direction:column;gap:10px;max-height:100%;padding:16px;display:flex;overflow:auto}.language-drawer__body::-webkit-scrollbar{width:10px}.language-drawer__body::-webkit-scrollbar-track{background:0 0;margin:10px 0}.language-drawer__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 65%, transparent), color-mix(in srgb, var(--primary) 35%, transparent));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.language-drawer__item{min-height:72px;color:var(--text);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 58%, transparent);border-radius:20px;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;display:grid;position:relative}.language-drawer__item:hover{background:color-mix(in srgb, var(--surface-soft) 88%, transparent);border-color:color-mix(in srgb, var(--primary) 18%, var(--border));transform:translate(-2px)scale(1.01);box-shadow:0 16px 34px #0000001a}.language-drawer__item.active{background:color-mix(in srgb, var(--primary) 12%, var(--surface-soft));border-color:color-mix(in srgb, var(--primary) 34%, var(--border))}.language-drawer__code{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, var(--surface-soft));height:40px;color:var(--text-strong);letter-spacing:.08em;border-radius:14px;justify-content:center;align-items:center;min-width:40px;font-size:.86rem;font-weight:800;display:inline-flex}.language-drawer__label{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.language-drawer__check{color:var(--primary);justify-content:center;align-items:center;font-size:.92rem;display:inline-flex}.language-drawer__flag{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.language-drawer__flag img{object-fit:cover;width:100%;height:100%}.language-drawer__flag.header-lang{border-radius:6px;width:24px;height:16px}html.has-language-drawer,html.has-language-drawer body{overflow:hidden}.magnetic-button,.magnetic-item{will-change:transform}html.has-language-drawer,body.has-language-drawer{overflow:hidden}.site-footer.v1{border-top:1px solid var(--border);background:radial-gradient(1200px 400px at 50% -10%,#6496ff14,#0000 60%),linear-gradient(#0000,#0003);margin-top:80px;padding:60px 0 30px;position:relative}.site-footer.v1__inner{grid-template-columns:1.5fr 2fr;gap:60px;display:grid}@media (width<=900px){.site-footer.v1__inner{grid-template-columns:1fr;gap:40px}}.site-footer.v1__brand{flex-direction:column;gap:18px;display:flex}.site-footer.v1 .site-brand{align-items:center;gap:12px;display:flex}.site-footer.v1 .site-brand__logo img{height:34px}.site-footer.v1 .site-brand__text{opacity:.8;font-family:Lemon Tuesday,sans-serif;font-size:36px;font-weight:600}.site-footer.v1__desc{max-width:420px;color:var(--text-soft);font-size:.95rem;line-height:1.6}.site-footer.v1__meta{opacity:.6;font-size:.8rem}.site-footer.v1__cols{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (width<=700px){.site-footer.v1__cols{grid-template-columns:1fr 1fr}}.site-footer.v1__col{flex-direction:column;gap:10px;display:flex}.site-footer.v1__col h4{color:var(--text);margin-bottom:8px;font-size:.9rem;font-weight:600}.site-footer.v1__col a{color:var(--text-soft);font-size:.9rem;text-decoration:none;transition:all .2s}.site-footer.v1__col a:hover{color:var(--primary);transform:translate(2px)}.site-footer.v1__bottom{border-top:1px solid var(--border);color:var(--text-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding-top:20px;font-size:.85rem;display:flex}@media (width<=700px){.site-footer.v1__bottom{flex-direction:column;align-items:flex-start}}.site-footer.v1__bottom-links{gap:16px;display:flex}.site-footer.v1__bottom-links a{color:var(--text-soft);text-decoration:none;transition:all .2s}.site-footer.v1__bottom-links a:hover{color:var(--primary)}.site-footer{background:radial-gradient(900px 240px at 50% -10%,#5b6fff1a,#0000 60%),linear-gradient(#ffffff03,#ffffff05);border-top:1px solid #ffffff0f;margin-top:84px;padding:64px 0 28px;position:relative;overflow:hidden}.site-footer__glow-line{pointer-events:none;background:linear-gradient(90deg,#6366f100,#6366f1f2,#10b981a6,#6366f1f2,#6366f100);width:min(720px,72%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #6366f16b,0 0 32px #10b9812e}.site-footer__inner{grid-template-columns:minmax(320px,1.3fr) minmax(420px,1fr);gap:56px;padding:28px 0 8px;display:grid}@media (width<=980px){.site-footer__inner{grid-template-columns:1fr;gap:38px}}.site-footer__brand{flex-direction:column;gap:18px;display:flex}.site-footer .site-brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.site-footer .site-brand__logo{align-items:center;display:inline-flex}.site-footer .site-brand__logo img{filter:drop-shadow(0 4px 18px #6366f11f);width:auto;height:38px;display:block}.site-footer .site-brand__text{color:#fffffff0;letter-spacing:-.02em;font-family:Lemon Tuesday,sans-serif;font-size:36px;font-weight:700;line-height:1}.site-footer__desc{max-width:440px;color:var(--text-soft);margin:0;font-size:.98rem;line-height:1.75}.site-footer__meta{color:#ffffff7a;font-size:.83rem}.site-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;display:grid}@media (width<=700px){.site-footer__cols{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=520px){.site-footer__cols{grid-template-columns:1fr}}.site-footer__col{flex-direction:column;gap:10px;display:flex}.site-footer__col h4{color:#fffffff5;letter-spacing:-.01em;margin:0 0 6px;font-size:.92rem;font-weight:700}.site-footer__col a{width:fit-content;color:var(--text-soft);font-size:.94rem;line-height:1.5;text-decoration:none;transition:color .2s,transform .2s;position:relative}.site-footer__col a:after{content:"";background:linear-gradient(90deg, var(--primary), transparent);width:0;height:1px;transition:width .22s;position:absolute;bottom:-3px;left:0}.site-footer__col a:hover{color:#fffffff5;transform:translate(2px)}.site-footer__col a:hover:after{width:100%}.site-footer__bottom{color:#ffffff80;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;margin-top:42px;padding-top:18px;font-size:.84rem;display:flex}@media (width<=720px){.site-footer__bottom{flex-direction:column;align-items:flex-start}}.site-footer__bottom-links{flex-wrap:wrap;gap:16px;display:flex}.site-footer__bottom-links a{color:#ffffff8f;text-decoration:none;transition:color .2s}.site-footer__bottom-links a:hover{color:#ffffffeb}.section{padding:3rem 0}.workspace-card{border:1px solid var(--border);background:radial-gradient(720px 240px at 20% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 62%), var(--surface);box-shadow:var(--shadow-sm);border-radius:28px;overflow:hidden}.workspace-card .workspace-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:0;padding:28px;display:flex}.workspace-card .workspace-layout{border-top:1px solid var(--border);grid-template-columns:minmax(320px,720px) minmax(0,1fr);gap:0;display:grid}.workspace-card .workspace-layout .workspace-settings{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 54%, transparent);padding:28px}.workspace-card .workspace-layout.workspace-layout--small{grid-template-columns:minmax(160px,375px) minmax(0,1fr)}.workspace-card .workspace-content{padding:28px}.workspace-card .workspace-content .workspace-content-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.workspace-card span.initial{text-align:center;background:var(--primary-soft);width:54px;height:54px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;font-size:48px;font-weight:700;line-height:1;display:flex}.workspace-card .settings-row-vertical{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:0}.workspace-card .settings-row-vertical label{margin:0;line-height:1}.workspace-card .settings-row-vertical{margin-bottom:0}.workspace-card .settings-row .field-control{width:100%}.workspace-card .viwo-accordion-item .viwo-accordion-trigger,.workspace-card .viwo-accordion-item .viwo-accordion-body__content{padding:24px}.workspace-card .settings-flow{flex-flow:column;gap:32px;display:flex}.workspace-card .settings-flow .check-control{margin:0}.workspace-card .settings-flow.gap-8{gap:8px}.workspace-card .settings-flow.gap-12{gap:12px}.workspace-card .settings-flow.gap-16{gap:16px}.workspace-card .settings-flow.toggle-groups{gap:2px}.workspace-card .settings-flow.toggle-groups .form-control.modern-toggle{border-radius:0;min-height:48px;padding:0;box-shadow:none!important;background:0 0!important;border:none!important}.workspace-card .settings-flow.toggle-groups .form-control.modern-toggle:not(:last-child){border-bottom:1px solid color-mix(in srgb, var(--border) 86%, transparent)!important}.workspace-card .settings-flow.toggle-groups .form-control.modern-toggle .modern-toggle__label{color:var(--text-soft);font-size:.85em;font-weight:400}.workspace-card .settings-label-container{flex-flow:row;justify-content:space-between;align-items:center;width:100%;margin:0;display:flex}.grid{gap:1rem;display:grid}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-size:.96rem;font-weight:600;line-height:1;transition:all .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-lg{border-radius:16px;min-height:54px;padding-inline:22px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);min-height:260px;box-shadow:var(--shadow-xs);border-radius:24px;flex-direction:column;gap:20px;padding:22px;transition:all .25s;display:flex}.tool-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-6px)}.tool-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-card__icon{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:18px;place-items:center;font-size:1.15rem;display:grid}.tool-card__tag{background:var(--primary-soft);height:32px;color:var(--primary);border-radius:999px;align-items:center;padding:0 12px;font-size:.86rem;font-weight:600;display:inline-flex}.tool-card__content h3{margin-bottom:10px;font-size:1.25rem}.tool-card__content p{color:var(--text-muted);font-size:.97rem}.tool-card__footer{color:var(--text);justify-content:space-between;align-items:center;margin-top:auto;font-weight:600;display:flex}@media (width<=992px){.tool-grid{grid-template-columns:1fr}}.hero-preview{border-radius:var(--border-radius);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));min-height:240px}.badge{color:var(--color-primary);background:#2563eb1f;border-radius:999px;padding:.25rem .5rem;display:inline-block}.feature-card{background:var(--color-surface);border-radius:var(--border-radius);padding:1.25rem;box-shadow:0 10px 30px #0f172a14}input,select,textarea,button{font:inherit}.form-control{border-radius:var(--border-radius);background:var(--color-surface);border:1px solid #0f172a24;width:100%;padding:.75rem 1rem}input[type=range]{--track-height:24px;--track-radius:999px;--thumb-size:18px;--thumb-shadow:0 8px 18px #4f46e538, 0 2px 6px #0f172a1f;appearance:none;cursor:pointer;background:0 0;width:100%;height:54px;margin:0;position:relative}input[type=range]:focus{outline:none}input[type=range]:disabled{opacity:.55;cursor:not-allowed}.form-box{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:radial-gradient(180px 70px at 100% 0%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), color-mix(in srgb, var(--surface-soft) 76%, transparent));min-height:68px;box-shadow:inset 0 1px 0 #ffffff12, 0 8px 24px color-mix(in srgb, var(--text) 4%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 24px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative}.form-box .field-hint{margin:0;font-size:.75em}input[type=range]::-webkit-slider-runnable-track{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(to right, #ffffff24 0, #ffffff24 1px, transparent 1px, transparent calc(10% - 1px)), linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, transparent), color-mix(in srgb, var(--surface-muted) 96%, transparent));background-size:10% 100%,100% 100%;border-radius:999px;height:24px;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0f172a0a,0 6px 16px #0f172a0f}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fffffff2,#ffffffe6);border:0;border-radius:999px;width:24px;height:24px;margin-top:-7px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 10px 24px #0f172a29,0 4px 10px #4f46e524,inset 0 1px #ffffffd9}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 14px 30px #0f172a2e,0 8px 16px #4f46e52e,inset 0 1px #ffffffe6}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 14px 30px #0f172a2e,0 8px 16px #4f46e52e,inset 0 1px #ffffffe6}input[type=range]:focus::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 14px 30px #0f172a2e,0 8px 16px #4f46e52e,inset 0 1px #ffffffe6}input[type=range]::-moz-range-track{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(to right, #ffffff24 0, #ffffff24 1px, transparent 1px, transparent calc(10% - 1px)), linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, transparent), color-mix(in srgb, var(--surface-muted) 96%, transparent));background-size:10% 100%,100% 100%;border-radius:999px;height:18px;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0f172a0a,0 6px 16px #0f172a0f}input[type=range]::-moz-range-progress{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 78%, white 22%), color-mix(in srgb, var(--primary-strong) 86%, white 14%));height:18px;box-shadow:inset 0 1px 0 #ffffff59, 0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent), 0 10px 20px #4f46e529;border-radius:999px}input[type=range]::-moz-range-thumb{background:linear-gradient(#fffffff2,#ffffffb8);border:0;border-radius:999px;width:18px;height:60px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #0f172a29,0 4px 10px #4f46e524,inset 0 1px #ffffffd9}input[type=range]:hover::-moz-range-thumb{transform:scaleX(1.04)}input[type=range]::-ms-track{color:#0000;background:0 0;border-color:#0000;height:14px}input[type=range]::-ms-fill-lower{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 78%, white 22%), color-mix(in srgb, var(--primary-strong) 86%, white 14%));border-radius:999px}input[type=range]::-ms-fill-upper{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, transparent), color-mix(in srgb, var(--surface-muted) 96%, transparent));border-radius:999px}input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:999px;width:18px;height:60px}input[type=range]::-webkit-slider-runnable-track{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 78%, white 22%) 0%, color-mix(in srgb, var(--primary-strong) 86%, white 14%) var(--range-percent,0%), color-mix(in srgb, var(--surface-soft) 92%, transparent) var(--range-percent,0%), color-mix(in srgb, var(--surface-muted) 96%, transparent) 100%);border-radius:999px;height:14px;position:relative;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0f172a0a,0 6px 16px #0f172a0f}.modern-range{width:100%;position:relative}.modern-range__ticks{pointer-events:none;opacity:.45;background:repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 8.333%);border-radius:999px;height:24px;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-20%)}.modern-range input[type=range]{z-index:2;position:relative}.form-control.modern-toggle,.modern-toggle{--toggle-width:54px;--toggle-height:30px;--toggle-padding:4px;--toggle-thumb-size:22px;border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:radial-gradient(180px 70px at 100% 0%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), color-mix(in srgb, var(--surface-soft) 76%, transparent));min-height:68px;box-shadow:inset 0 1px 0 #ffffff12, 0 8px 24px color-mix(in srgb, var(--text) 4%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative}.form-control.modern-toggle:hover,.modern-toggle:hover{border-color:color-mix(in srgb, var(--primary) 20%, var(--border));box-shadow:inset 0 1px 0 #ffffff17, 0 12px 28px color-mix(in srgb, var(--text) 6%, transparent);transform:translateY(-1px)}.form-control.modern-toggle:has(input:focus-visible){border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent), inset 0 1px 0 #ffffff14, 0 10px 26px color-mix(in srgb, var(--text) 6%, transparent)}.modern-toggle:has(input:focus-visible){border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent), inset 0 1px 0 #ffffff14, 0 10px 26px color-mix(in srgb, var(--text) 6%, transparent)}.form-control.modern-toggle:has(input:checked){border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:radial-gradient(220px 84px at 100% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 99%, transparent), color-mix(in srgb, var(--surface-soft) 82%, transparent))}.modern-toggle:has(input:checked){border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:radial-gradient(220px 84px at 100% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 99%, transparent), color-mix(in srgb, var(--surface-soft) 82%, transparent))}.form-control.modern-toggle input,.modern-toggle input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.modern-toggle__content{flex-direction:column;gap:4px;min-width:0;display:flex}.modern-toggle__label{color:var(--text-strong);letter-spacing:-.02em;font-size:1.02rem;font-weight:850;line-height:1.2}.modern-toggle__hint{color:var(--text-soft);font-size:.86rem;line-height:1.4}.modern-toggle__switch{width:var(--toggle-width);height:var(--toggle-height);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, transparent), color-mix(in srgb, var(--surface) 96%, transparent));box-shadow:inset 0 2px 7px color-mix(in srgb, var(--text) 8%, transparent), inset 0 1px 0 #ffffff12;border-radius:999px;flex:none;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s;position:relative}.modern-toggle__thumb{top:var(--toggle-padding);left:var(--toggle-padding);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);will-change:transform;background:radial-gradient(circle at 35% 28%,#fffffff5,#ffffff94 36%,#0000 38%),linear-gradient(#fff,#e5e7eb);border-radius:999px;transition:transform .34s cubic-bezier(.2,.9,.32,1.22),box-shadow .24s,background .24s;position:absolute;transform:translate(0)scale(1);box-shadow:0 3px 8px #0f172a2e,0 1px 2px #0f172a1f}.modern-toggle:hover .modern-toggle__thumb{transform:translate(1px)scale(1.03)}.modern-toggle:has(input:checked) .modern-toggle__switch{border-color:color-mix(in srgb, var(--primary) 36%, #22c55e);background:radial-gradient(34px 28px at 76% 50%, #22c55e42, transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 54%, #8b5cf6), color-mix(in srgb, #22c55e 38%, var(--primary)));box-shadow:inset 0 1px 0 #ffffff29, 0 8px 16px color-mix(in srgb, var(--primary) 12%, transparent)}.modern-toggle:has(input:checked) .modern-toggle__thumb{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2)) scale(1);background:radial-gradient(circle at 35% 28%,#fff,#ffffffa8 36%,#0000 38%),linear-gradient(#fff,#f3f4f6);box-shadow:0 4px 10px #0000002e,0 0 0 1px #ffffff29}:root[data-theme=dark] .form-control.modern-toggle,:root[data-theme=dark] .modern-toggle{background:linear-gradient(#1e293b4d,#0f172a33);border-color:#94a3b81f;box-shadow:inset 0 1px #ffffff06}:root[data-theme=dark] .form-control.modern-toggle:hover,:root[data-theme=dark] .modern-toggle:hover{border-color:color-mix(in srgb, var(--primary) 16%, #94a3b82e);background:linear-gradient(#1e293b61,#0f172a42);box-shadow:inset 0 1px #ffffff09,0 8px 18px #0000001a}:root[data-theme=dark] .form-control.modern-toggle:has(input:checked){border-color:color-mix(in srgb, var(--primary) 20%, #94a3b829);background:linear-gradient(#1e293b57,#0f172a3d);box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] .modern-toggle:has(input:checked){border-color:color-mix(in srgb, var(--primary) 20%, #94a3b829);background:linear-gradient(#1e293b57,#0f172a3d);box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] .form-control.modern-toggle:has(input:focus-visible){border-color:color-mix(in srgb, var(--primary) 34%, #94a3b833);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent), inset 0 1px 0 #ffffff09}:root[data-theme=dark] .modern-toggle:has(input:focus-visible){border-color:color-mix(in srgb, var(--primary) 34%, #94a3b833);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent), inset 0 1px 0 #ffffff09}html[dir=rtl] .form-control.modern-toggle,html[dir=rtl] .modern-toggle{grid-template-columns:auto minmax(0,1fr)}html[dir=rtl] .modern-toggle__switch{order:1}html[dir=rtl] .modern-toggle__content{text-align:right;order:2}html[dir=rtl] .modern-toggle__thumb{left:auto;right:var(--toggle-padding)}html[dir=rtl] .modern-toggle:hover .modern-toggle__thumb{transform:translate(-1px)scale(1.03)}html[dir=rtl] .modern-toggle:has(input:checked) .modern-toggle__thumb{transform:translateX(calc((var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2) * -1)) scale(1)}html[dir=rtl] .modern-toggle:has(input:checked):hover .modern-toggle__thumb{transform:translateX(calc((var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 + 1px) * -1)) scale(1.035)}.modern-toggle__thumb{transition:box-shadow .24s,background .24s}.modern-toggle:has(input:checked) .modern-toggle__thumb{animation:.42s cubic-bezier(.12,.72,.16,1) both viwoToggleMagnetOn}.modern-toggle:not(:has(input:checked)) .modern-toggle__thumb{animation:.42s cubic-bezier(.12,.72,.16,1) both viwoToggleMagnetOff}@keyframes viwoToggleMagnetOn{0%{transform:translate(0)scale(1)}18%{transform:translate(3px)scale(.96)}58%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 + 4px)) scale(1.07)}78%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 - 2px)) scale(.985)}to{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2)) scale(1)}}@keyframes viwoToggleMagnetOnHover{0%{transform:translate(0)scale(1)}18%{transform:translate(3px)scale(.96)}58%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 + 4px)) scale(1.08)}78%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 - 2px)) scale(.99)}to{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 - 1px)) scale(1.035)}}@keyframes viwoToggleMagnetOff{0%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2)) scale(1)}18%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 - 3px)) scale(.96)}58%{transform:translate(-4px)scale(1.07)}78%{transform:translate(2px)scale(.985)}to{transform:translate(0)scale(1)}}@keyframes viwoToggleMagnetOffHover{0%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2)) scale(1)}18%{transform:translateX(calc(var(--toggle-width) - var(--toggle-thumb-size) - var(--toggle-padding) * 2 - 3px)) scale(.96)}58%{transform:translate(-4px)scale(1.08)}78%{transform:translate(2px)scale(.99)}to{transform:translate(1px)scale(1.035)}}.viwo-accordion{flex-direction:column;gap:12px;display:flex}.viwo-accordion-item{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-soft) 54%, transparent));box-shadow:var(--shadow-xs);border-radius:20px;transition:border-color .22s,box-shadow .22s,background .22s;overflow:hidden}.viwo-accordion-item[hidden]{display:none!important}.viwo-accordion-item.is-open{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));box-shadow:0 12px 30px color-mix(in srgb, var(--text) 7%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent)}.viwo-accordion-trigger{width:100%;min-height:58px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:14px 16px;transition:background .2s,color .2s;display:grid}.viwo-accordion-trigger:hover{background:color-mix(in srgb, var(--primary) 6%, transparent)}.viwo-accordion-trigger:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:0}.viwo-accordion-title{min-width:0;color:var(--text-strong);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:900;display:inline-flex}.viwo-accordion-title i,.viwo-accordion-title svg{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.viwo-accordion-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.viwo-accordion-meta{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 78%, transparent);min-height:26px;color:var(--text-soft);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.74rem;font-weight:800;display:inline-flex}.viwo-accordion-chevron{color:var(--text-soft);transition:transform .24s cubic-bezier(.16,1,.3,1),color .22s}.viwo-accordion-body{opacity:0;will-change:grid-template-rows, opacity;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1),opacity .18s;display:grid;overflow:hidden}.viwo-accordion-body__inner{min-height:0;overflow:hidden}.viwo-accordion-body__content{padding:0 16px 18px}.viwo-accordion-item.is-open .viwo-accordion-trigger{background:radial-gradient(340px 80px at 15% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 62%)}.viwo-accordion-item.is-open .viwo-accordion-chevron{color:var(--primary);transform:rotate(180deg)}.viwo-accordion-item.is-open .viwo-accordion-body{opacity:1;grid-template-rows:1fr}html[dir=rtl] .viwo-accordion-trigger{grid-template-columns:24px auto minmax(0,1fr)}html[dir=rtl] .viwo-accordion-chevron{order:1}html[dir=rtl] .viwo-accordion-meta{order:2}html[dir=rtl] .viwo-accordion-title{flex-direction:row-reverse;order:3}.form-control.modern-checkbox,.modern-checkbox{--checkbox-size:24px;--checkbox-radius:8px;border:1px solid color-mix(in srgb, var(--border) 48%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 68%, transparent), color-mix(in srgb, var(--surface-soft) 34%, transparent));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:12px 14px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff09}.form-control.modern-checkbox:hover,.modern-checkbox:hover{border-color:color-mix(in srgb, var(--primary) 14%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));box-shadow:inset 0 1px 0 #ffffff0b, 0 8px 18px color-mix(in srgb, var(--text) 3%, transparent);transform:translateY(-1px)}.form-control.modern-checkbox:has(input:focus-visible){border-color:color-mix(in srgb, var(--primary) 34%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent), inset 0 1px 0 #ffffff0a}.modern-checkbox:has(input:focus-visible){border-color:color-mix(in srgb, var(--primary) 34%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent), inset 0 1px 0 #ffffff0a}.form-control.modern-checkbox:has(input:checked){border-color:color-mix(in srgb, var(--primary) 18%, var(--border));background:radial-gradient(180px 64px at 0% 0%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent))}.modern-checkbox:has(input:checked){border-color:color-mix(in srgb, var(--primary) 18%, var(--border));background:radial-gradient(180px 64px at 0% 0%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent))}.form-control.modern-checkbox input,.modern-checkbox input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.modern-checkbox__box{width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius);border:1px solid color-mix(in srgb, var(--border) 78%, var(--text-soft));background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 84%, transparent), color-mix(in srgb, var(--surface) 94%, transparent));box-shadow:inset 0 1px 0 #ffffff12, 0 3px 8px color-mix(in srgb, var(--text) 5%, transparent);justify-content:center;align-items:center;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.modern-checkbox__box i,.modern-checkbox__box svg{color:#fff;opacity:0;font-size:.78rem;transition:opacity .16s,transform .34s cubic-bezier(.18,.89,.32,1.35);transform:scale(.45)rotate(-18deg)}.modern-checkbox__box:after{content:"";border-radius:calc(var(--checkbox-radius) + 6px);border:1px solid color-mix(in srgb, var(--primary) 0%, transparent);opacity:0;transition:opacity .28s,transform .34s cubic-bezier(.18,.89,.32,1.35),border-color .28s;position:absolute;inset:-5px;transform:scale(.72)}.modern-checkbox__content{flex-direction:column;gap:3px;min-width:0;display:flex}.modern-checkbox__label{color:var(--text-strong);letter-spacing:-.01em;font-size:.95rem;font-weight:820;line-height:1.25}.modern-checkbox__hint{color:var(--text-soft);font-size:.8rem;line-height:1.35}.modern-checkbox:hover .modern-checkbox__box{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));transform:scale(1.035)}.modern-checkbox:has(input:checked) .modern-checkbox__box{border-color:color-mix(in srgb, var(--primary) 62%, #22c55e);background:radial-gradient(18px 16px at 35% 25%, #ffffff38, transparent 70%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 82%, #22c55e), color-mix(in srgb, #22c55e 50%, var(--primary)));box-shadow:inset 0 1px 0 #fff3, 0 8px 16px color-mix(in srgb, var(--primary) 14%, transparent);animation:.34s cubic-bezier(.18,.89,.32,1.28) both viwoCheckboxMagnetIn}:is(.modern-checkbox:has(input:checked) .modern-checkbox__box i,.modern-checkbox:has(input:checked) .modern-checkbox__box svg){opacity:1;transform:scale(1)rotate(0)}.modern-checkbox:has(input:checked) .modern-checkbox__box:after{opacity:1;border-color:color-mix(in srgb, var(--primary) 20%, transparent);transform:scale(1)}.modern-checkbox:not(:has(input:checked)) .modern-checkbox__box{animation:.28s cubic-bezier(.16,1,.3,1) both viwoCheckboxMagnetOut}@keyframes viwoCheckboxMagnetIn{0%{transform:scale(.88)rotate(-3deg)}58%{transform:scale(1.12)rotate(2deg)}82%{transform:scale(.97)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes viwoCheckboxMagnetOut{0%{transform:scale(1.05)}to{transform:scale(1)}}:root[data-theme=dark] .form-control.modern-checkbox,:root[data-theme=dark] .modern-checkbox{background:linear-gradient(#1e293b3d,#0f172a29);border-color:#94a3b81a;box-shadow:inset 0 1px #ffffff06}:root[data-theme=dark] .form-control.modern-checkbox:hover,:root[data-theme=dark] .modern-checkbox:hover{border-color:color-mix(in srgb, var(--primary) 14%, #94a3b826);background:linear-gradient(#1e293b52,#0f172a38);box-shadow:inset 0 1px #ffffff09,0 8px 18px #0000001a}:root[data-theme=dark] .form-control.modern-checkbox:has(input:checked){border-color:color-mix(in srgb, var(--primary) 18%, #94a3b829);background:radial-gradient(180px 64px at 0% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 72%), linear-gradient(180deg, #1e293b47, #0f172a33)}:root[data-theme=dark] .modern-checkbox:has(input:checked){border-color:color-mix(in srgb, var(--primary) 18%, #94a3b829);background:radial-gradient(180px 64px at 0% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 72%), linear-gradient(180deg, #1e293b47, #0f172a33)}:root[data-theme=dark] .modern-checkbox__box{border-color:color-mix(in srgb, var(--border) 70%, #334155);background:linear-gradient(#0f172aeb,#111827e0);box-shadow:inset 0 2px 8px #00000052,inset 0 1px #ffffff0a}:root[data-theme=dark] .modern-checkbox__label{color:#f8fafc}:root[data-theme=dark] .modern-checkbox__hint{color:color-mix(in srgb, var(--text-soft) 88%, #cbd5e1)}:root[data-theme=dark] .modern-checkbox:has(input:checked) .modern-checkbox__box{border-color:color-mix(in srgb, var(--primary) 48%, #22c55e);background:radial-gradient(18px 16px at 35% 25%, #ffffff3d, transparent 70%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 72%, #8b5cf6), color-mix(in srgb, #22c55e 44%, var(--primary)));box-shadow:inset 0 1px 0 #ffffff2e, 0 8px 16px color-mix(in srgb, var(--primary) 14%, transparent)}html[dir=rtl] .form-control.modern-checkbox,html[dir=rtl] .modern-checkbox{grid-template-columns:minmax(0,1fr) auto}html[dir=rtl] .modern-checkbox__box{order:2}html[dir=rtl] .modern-checkbox__content{text-align:right;order:1}.viwo-tabs{--tabs-radius:22px;width:100%}.viwo-tabs__nav{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--tabs-radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 44%, transparent));scrollbar-width:none;align-items:center;gap:6px;padding:6px;display:flex;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.viwo-tabs__nav::-webkit-scrollbar{display:none}.viwo-tabs__button{min-height:42px;color:var(--text-soft);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:.9rem;font-weight:850;line-height:1;transition:color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}.viwo-tabs__button i,.viwo-tabs__button svg{opacity:.9;font-size:.94rem}.viwo-tabs__button:hover{color:var(--text);background:color-mix(in srgb, var(--primary) 7%, transparent)}.viwo-tabs__button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:0}.viwo-tabs__button.active{color:var(--text-strong);background:radial-gradient(160px 70px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-soft) 64%, transparent));box-shadow:inset 0 1px 0 #ffffff14, 0 8px 18px color-mix(in srgb, var(--text) 5%, transparent)}.viwo-tabs__body{margin-top:14px}.viwo-tabs__panel{animation:.22s cubic-bezier(.16,1,.3,1) both viwoTabPanelIn}.viwo-tabs__panel[hidden]{display:none!important}@keyframes viwoTabPanelIn{0%{opacity:0;filter:blur(2px);transform:translateY(6px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}:root[data-theme=dark] .viwo-tabs__nav{background:linear-gradient(#1e293b4d,#0f172a33);border-color:#94a3b81a;box-shadow:inset 0 1px #ffffff06}:root[data-theme=dark] .viwo-tabs__button.active{background:radial-gradient(160px 70px at 0% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 72%), linear-gradient(180deg, #1e293b80, #0f172a57);box-shadow:inset 0 1px #ffffff0b,0 8px 18px #0000001f}html[dir=rtl] .viwo-tabs__nav{direction:rtl}.select2-container{--height:64px;width:100%!important;color:var(--text)!important;font-family:inherit!important}.select2-container--default .select2-selection--single{transition:border-color .18s,box-shadow .18s,background .18s;min-height:var(--height)!important;height:var(--height)!important;border:1px solid var(--border)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, transparent), color-mix(in srgb, var(--surface-soft) 76%, transparent))!important;color:var(--text)!important;box-shadow:inset 0 1px 0 #ffffff1a, var(--shadow-xs)!important;border-radius:14px!important;outline:none!important}.select2-container--default .select2-selection--single .select2-selection__rendered{height:calc(var(--height) - 2px)!important;color:var(--text)!important;align-items:center!important;padding-inline:14px 42px!important;font-size:.92rem!important;font-weight:700!important;line-height:1.2!important;display:flex!important}.select2-container--default .select2-selection--single .select2-selection__placeholder{opacity:.82;color:var(--text-soft)!important}.select2-container--default .select2-selection--single .select2-selection__arrow{width:calc(var(--height) - 2px)!important;height:calc(var(--height) - 2px)!important;inset-inline-end:0!important;top:0!important}.select2-container--default .select2-selection--single .select2-selection__arrow b{transition:transform .2s,border-color .2s;border:0!important;border-inline-end:2px solid var(--text-soft)!important;border-bottom:2px solid var(--text-soft)!important;transform-origin:50%!important;width:8px!important;height:8px!important;margin:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-65%)rotate(45deg)!important}.select2-container--default.select2-container--open .select2-selection--single{border-color:color-mix(in srgb, var(--primary) 54%, var(--border))!important;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 100%, transparent), color-mix(in srgb, var(--surface-soft) 82%, transparent))!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent), inset 0 1px 0 #ffffff1f!important}.select2-container--default.select2-container--open .select2-selection__arrow b{border-color:var(--primary)!important;transform:translate(-50%,-35%)rotate(225deg)!important}.select2-dropdown{-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border:1px solid var(--border)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 100%, transparent), color-mix(in srgb, var(--surface-soft) 88%, transparent))!important;color:var(--text)!important;box-shadow:0 22px 54px color-mix(in srgb, var(--text) 16%, transparent), inset 0 1px 0 #ffffff1a!important;z-index:9999!important;border-radius:16px!important;overflow:hidden!important}.select2-container--default .select2-search--dropdown{background:0 0!important;padding:10px!important}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid var(--border)!important;background:var(--surface)!important;min-height:40px!important;color:var(--text)!important;border-radius:12px!important;outline:none!important;padding:0 12px!important;font-family:inherit!important}.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)!important}.select2-container--default .select2-results{background:0 0!important}.select2-container--default .select2-results__options{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--primary) 42%, var(--border)) transparent;background:0 0!important;max-height:280px!important;padding:6px!important}.select2-container--default .select2-results__option{transition:background .16s,color .16s;min-height:38px!important;color:var(--text)!important;background:0 0!important;border-radius:11px!important;align-items:center!important;padding:9px 10px!important;font-size:.92rem!important;font-weight:650!important;display:flex!important}.select2-container--default .select2-results__option[aria-selected=true]{background:color-mix(in srgb, var(--primary) 13%, var(--surface))!important;color:var(--text-strong)!important}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:color-mix(in srgb, var(--primary) 22%, var(--surface-soft))!important;color:var(--text-strong)!important}:root[data-theme=dark]{--surface:#ffffff0f}:root[data-theme=dark] .select2-dropdown{background:linear-gradient(180deg, #ffffff08, #ffffff03), color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border-color:color-mix(in srgb, var(--border) 76%, #334155)!important;color:var(--text)!important;overflow:hidden!important;box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff14!important}:root[data-theme=dark] .select2-container--default .select2-search--dropdown{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff0b,#ffffff05)!important}:root[data-theme=dark] .select2-container--default .select2-results{background:0 0!important}:root[data-theme=dark] .select2-container--default .select2-results__options{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0f172ab8,#0b1220c7)!important}:root[data-theme=dark] .select2-container--default .select2-results__option{color:color-mix(in srgb, var(--text) 92%, #e5e7eb)!important;background:0 0!important}:root[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true]{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 30%, #111827c7), color-mix(in srgb, var(--primary) 12%, #111827ad))!important;color:#fff!important}:root[data-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected]{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 42%, #111827cc), #153d33bf)!important;color:#fff!important}.select2-container--open .select2-dropdown{will-change:opacity, transform;animation:.24s cubic-bezier(.16,1,.3,1) both viwoSelectDropdownIn}.select2-container--open .select2-dropdown--below{transform-origin:top;margin-top:8px}.select2-container--open .select2-dropdown--above{transform-origin:bottom;margin-top:-8px}@keyframes viwoSelectDropdownIn{0%{opacity:0;filter:blur(2px);transform:translateY(-6px)scale(.965)}55%{opacity:1;filter:blur();transform:translateY(2px)scale(1.012)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}:root[data-theme=dark] .select2-container--open .select2-dropdown{animation:.24s cubic-bezier(.18,.89,.32,1.18) both viwoSelectDropdownDarkIn}@keyframes viwoSelectDropdownDarkIn{0%{opacity:0;filter:blur(3px);transform:translateY(-8px)scale(.955);box-shadow:0 14px 38px #00000047,inset 0 1px #ffffff0a}58%{opacity:1;filter:blur();transform:translateY(3px)scale(1.014);box-shadow:0 34px 78px #00000085,inset 0 1px #ffffff14}to{opacity:1;filter:blur();transform:translateY(0)scale(1);box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff14}}.select2-container[data-select2-variant=content-type] .select2-selection--single{border-radius:20px!important;height:66px!important;min-height:66px!important}.select2-container[data-select2-variant=content-type] .select2-selection__rendered{height:64px!important}.select2-container.qr-type-select2 .select2-selection--single{background:radial-gradient(240px 90px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 86%, transparent), color-mix(in srgb, var(--surface-soft) 48%, transparent))!important}:root[data-theme=dark] .select2-container.qr-type-select2 .select2-selection--single{background:radial-gradient(240px 90px at 0% 0%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 70%), linear-gradient(180deg, #1e293b6b, #0f172a47)!important}.viwo-file-drop{border:1px dashed color-mix(in srgb, var(--border) 72%, transparent);background:radial-gradient(220px 90px at 0% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 74%, transparent), color-mix(in srgb, var(--surface-soft) 38%, transparent));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:22px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:16px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.viwo-file-drop input[type=file]{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.viwo-file-drop:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:radial-gradient(240px 96px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 84%, transparent), color-mix(in srgb, var(--surface-soft) 48%, transparent));box-shadow:inset 0 1px 0 #ffffff0d, 0 10px 24px color-mix(in srgb, var(--text) 4%, transparent);transform:translateY(-1px)}.viwo-file-drop.is-dragging{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));background:radial-gradient(280px 120px at 0% 0%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--surface-soft) 56%, transparent));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent), 0 18px 40px color-mix(in srgb, var(--primary) 10%, transparent);transform:translateY(-2px)scale(1.006)}.viwo-file-drop.has-file{border-style:solid;border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}.viwo-file-drop__icon{width:48px;height:48px;color:var(--primary);background:radial-gradient(42px 30px at 30% 0%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 72%), color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:17px;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.18,.89,.32,1.18),background .22s,color .22s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.viwo-file-drop__icon i,.viwo-file-drop__icon svg{font-size:1.2rem}.viwo-file-drop:hover .viwo-file-drop__icon,.viwo-file-drop.is-dragging .viwo-file-drop__icon{transform:translateY(-1px)scale(1.05)}.viwo-file-drop__content{flex-direction:column;gap:4px;min-width:0;display:flex}.viwo-file-drop__content strong{color:var(--text-strong);letter-spacing:-.01em;font-size:.98rem;font-weight:900;line-height:1.2}.viwo-file-drop__content small{color:var(--text-soft);font-size:.8rem;font-weight:650;line-height:1.35}.viwo-file-drop__action{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 86%, transparent), color-mix(in srgb, var(--surface-soft) 46%, transparent));min-height:34px;color:var(--text-strong);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:900;transition:border-color .22s,background .22s,color .22s;display:inline-flex}.viwo-file-drop:hover .viwo-file-drop__action{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));color:var(--primary)}.viwo-file-drop__file{background:color-mix(in srgb, var(--surface-soft) 44%, transparent);width:fit-content;max-width:100%;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border-radius:999px;grid-column:2/-1;margin-top:-4px;padding:7px 10px;font-size:.74rem;font-weight:800;display:inline-flex;overflow:hidden}.viwo-file-drop.has-file .viwo-file-drop__file{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.viwo-file-drop.has-file .viwo-file-drop__icon{color:#fff;background:radial-gradient(42px 30px at 30% 0%, #ffffff2e, transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 86%, #22c55e), color-mix(in srgb, #22c55e 46%, var(--primary)))}:root[data-theme=dark] .viwo-file-drop{background:radial-gradient(220px 90px at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, #1e293b47, #0f172a2e);border-color:#94a3b829;box-shadow:inset 0 1px #ffffff06}:root[data-theme=dark] .viwo-file-drop:hover{border-color:color-mix(in srgb, var(--primary) 28%, #94a3b838);background:radial-gradient(240px 96px at 0% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 72%), linear-gradient(180deg, #1e293b5c, #0f172a3d);box-shadow:inset 0 1px #ffffff09,0 10px 24px #0000001f}:root[data-theme=dark] .viwo-file-drop.is-dragging{border-color:color-mix(in srgb, var(--primary) 58%, #94a3b83d);background:radial-gradient(280px 120px at 0% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 72%), linear-gradient(180deg, #1e293b75, #0f172a4d);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent), 0 18px 40px #0000002e}:root[data-theme=dark] .viwo-file-drop__icon{background:radial-gradient(42px 30px at 30% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 72%), #6366f11f;box-shadow:inset 0 1px #ffffff09}:root[data-theme=dark] .viwo-file-drop__action{background:linear-gradient(#1e293b5c,#0f172a42);border-color:#94a3b81f}:root[data-theme=dark] .viwo-file-drop__file{background:#1e293b47}:root[data-theme=dark] .viwo-file-drop.has-file .viwo-file-drop__file{background:color-mix(in srgb, var(--primary) 14%, transparent)}@media (width<=560px){.viwo-file-drop{grid-template-columns:44px minmax(0,1fr)}.viwo-file-drop__action{grid-column:2;width:fit-content}.viwo-file-drop__file{grid-column:1/-1}}.viwo-file-drop__remove{z-index:2;border:1px solid color-mix(in srgb, var(--border) 56%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, transparent), color-mix(in srgb, var(--surface-soft) 46%, transparent));width:34px;height:34px;color:var(--text-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s;display:none;position:relative}.viwo-file-drop__remove i,.viwo-file-drop__remove svg{pointer-events:none;font-size:.9rem}.viwo-file-drop__remove:hover{border-color:color-mix(in srgb, #ef4444 34%, var(--border));background:color-mix(in srgb, #ef4444 10%, var(--surface));color:#ef4444;transform:scale(1.05);box-shadow:0 8px 18px #ef44441f}.viwo-file-drop.has-file .viwo-file-drop__remove{display:inline-flex}:root[data-theme=dark] .viwo-file-drop__remove{background:linear-gradient(#1e293b6b,#0f172a4d);border-color:#94a3b81f}:root[data-theme=dark] .viwo-file-drop__remove:hover{color:#f87171;background:#ef44441f;border-color:#ef444457;box-shadow:0 8px 18px #ef44441f}.viwo-file-drop__icon{overflow:hidden}.viwo-file-drop__thumb{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.viwo-file-drop__icon[data-file-kind=image]{background:color-mix(in srgb, var(--surface-soft) 60%, transparent);color:inherit;padding:0}.viwo-file-drop__icon[data-file-kind=image]:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -18px 30px #00000029}.viwo-file-drop.has-image-preview .viwo-file-drop__icon{box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 45%, transparent), 0 10px 22px color-mix(in srgb, var(--text) 7%, transparent)}.viwo-file-drop__icon[data-file-kind=pdf]{color:#ef4444;background:radial-gradient(42px 30px at 30% 0%, #ef44442e, transparent 72%), color-mix(in srgb, #ef4444 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=csv],.viwo-file-drop__icon[data-file-kind=excel]{color:#22c55e;background:radial-gradient(42px 30px at 30% 0%, #22c55e33, transparent 72%), color-mix(in srgb, #22c55e 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=word]{color:#2563eb;background:radial-gradient(42px 30px at 30% 0%, #2563eb2e, transparent 72%), color-mix(in srgb, #2563eb 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=powerpoint]{color:#f97316;background:radial-gradient(42px 30px at 30% 0%, #f973162e, transparent 72%), color-mix(in srgb, #f97316 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=archive]{color:#a855f7;background:radial-gradient(42px 30px at 30% 0%, #a855f72e, transparent 72%), color-mix(in srgb, #a855f7 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=code]{color:#06b6d4;background:radial-gradient(42px 30px at 30% 0%, #06b6d42e, transparent 72%), color-mix(in srgb, #06b6d4 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=text]{color:var(--text-soft)}.viwo-file-drop__icon[data-file-kind=video]{color:#ec4899;background:radial-gradient(42px 30px at 30% 0%, #ec48992e, transparent 72%), color-mix(in srgb, #ec4899 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=audio]{color:#14b8a6;background:radial-gradient(42px 30px at 30% 0%, #14b8a62e, transparent 72%), color-mix(in srgb, #14b8a6 10%, var(--surface))}.viwo-file-drop__icon[data-file-kind=multiple]{color:var(--primary)}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=image]{background:#0f172a8c}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=image]:after{box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -18px 30px #00000047}:root[data-theme=dark] .viwo-file-drop.has-image-preview .viwo-file-drop__icon{box-shadow:0 0 0 1px #94a3b824,0 10px 22px #00000029}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=pdf]{background:radial-gradient(42px 30px at 30% 0,#ef444433,#0000 72%),#ef44441a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=csv],:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=excel]{background:radial-gradient(42px 30px at 30% 0,#22c55e33,#0000 72%),#22c55e1a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=word]{background:radial-gradient(42px 30px at 30% 0,#2563eb33,#0000 72%),#2563eb1a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=powerpoint]{background:radial-gradient(42px 30px at 30% 0,#f9731633,#0000 72%),#f973161a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=archive]{background:radial-gradient(42px 30px at 30% 0,#a855f733,#0000 72%),#a855f71a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=code]{background:radial-gradient(42px 30px at 30% 0,#06b6d433,#0000 72%),#06b6d41a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=video]{background:radial-gradient(42px 30px at 30% 0,#ec489933,#0000 72%),#ec48991a}:root[data-theme=dark] .viwo-file-drop__icon[data-file-kind=audio]{background:radial-gradient(42px 30px at 30% 0,#14b8a633,#0000 72%),#14b8a61a}.field-control{flex-direction:column;gap:8px;display:flex;position:relative}.field-control>span:first-child{color:var(--text-soft);font-size:.86rem;font-weight:800;line-height:1.2}.field-control--float{--field-height:62px;--field-radius:18px;--field-x:18px;min-width:0;display:block;position:relative}.field-control--float>span:first-child{z-index:3;inset-inline-start:var(--field-x);max-width:calc(100% - 38px);color:var(--text-soft);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:0 0;border-radius:999px;padding:0 6px;font-size:.95rem;font-weight:850;line-height:1;transition:top .18s,transform .18s,color .18s,font-size .18s,background .18s,max-width .18s;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.field-control--float input,.field-control--float textarea{width:100%;min-height:var(--field-height);padding:20px var(--field-x) 10px;border:1px solid color-mix(in srgb, var(--border) 64%, transparent);border-radius:var(--field-radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));color:var(--text-strong);font:inherit;outline:0;font-size:1rem;font-weight:750;line-height:1.35;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #ffffff0a}.field-control--float input::placeholder,.field-control--float textarea::placeholder{color:#0000}.field-control--float input:focus,.field-control--float textarea:focus{border-color:color-mix(in srgb, var(--primary) 44%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent), inset 0 1px 0 #ffffff0d}.field-control--float textarea{resize:vertical;min-height:112px;padding-top:26px}.field-control--float select{width:100%}.field-control--float.is-focused>span:first-child,.field-control--float.has-value>span:first-child{max-width:calc(100% - 34px);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface-soft) 86%, transparent));font-size:.72rem;font-weight:950;top:0;transform:translateY(-50%)}.field-control--float.is-focused input,.field-control--float.is-focused textarea{transform:translateY(-1px)}.field-control--float.is-disabled{opacity:.62;pointer-events:none}.field-control--float .select2-container{width:100%!important}.field-control--float .select2-container--default .select2-selection--single{min-height:var(--field-height)!important;height:var(--field-height)!important;padding:0 var(--field-x)!important;border-radius:var(--field-radius)!important;align-items:center!important;display:flex!important}.field-control--float .select2-container--default .select2-selection__rendered{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1rem;font-weight:800;overflow:hidden;padding-inline:0 34px!important;color:var(--text-strong)!important;padding-top:13px!important;line-height:1.25!important}.field-control--float .select2-container--default .select2-selection__arrow{transform:translateY(-50%);top:50%!important;inset-inline-end:14px!important}.field-control--float .select2-container--default.select2-container--open .select2-selection--single{border-color:color-mix(in srgb, var(--primary) 44%, var(--border))!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent), inset 0 1px 0 #ffffff0d!important}:root[data-theme=dark] .field-control--float input,:root[data-theme=dark] .field-control--float textarea{background:linear-gradient(#1e293b6b,#0f172a47);border-color:#94a3b824;box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] .field-control--float input:focus,:root[data-theme=dark] .field-control--float textarea:focus{border-color:color-mix(in srgb, var(--primary) 44%, #94a3b82e);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent), inset 0 1px 0 #ffffff0a}:root[data-theme=dark] .field-control--float.is-focused>span:first-child,:root[data-theme=dark] .field-control--float.has-value>span:first-child{background:linear-gradient(#1e293bfa,#141b2af5)}:root[data-theme=dark] .field-control--float .select2-container--default.select2-container--open .select2-selection--single{border-color:color-mix(in srgb, var(--primary) 44%, #94a3b82e)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent), inset 0 1px 0 #ffffff0a!important}.viwo-color-picker{--picker-color:#6366f1;--picker-height:62px;--picker-radius:18px;flex-direction:column;gap:9px;min-width:0;display:flex}.viwo-color-picker__label{color:var(--text-soft);font-size:.86rem;font-weight:850;line-height:1.2}.viwo-color-picker__control{min-height:var(--picker-height);border:1px solid color-mix(in srgb, var(--border) 64%, transparent);border-radius:var(--picker-radius);background:radial-gradient(220px 84px at 0% 0%, color-mix(in srgb, var(--picker-color) 16%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:11px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d}.viwo-color-picker__control:hover{border-color:color-mix(in srgb, var(--picker-color) 34%, var(--border));box-shadow:inset 0 1px 0 #ffffff0f, 0 10px 24px color-mix(in srgb, var(--picker-color) 10%, transparent);transform:translateY(-1px)}.viwo-color-picker__control input[type=color]{z-index:4;inset-inline-start:12px;opacity:0;cursor:pointer;width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.viwo-color-picker__control [data-viwo-color-hex]{z-index:5;pointer-events:auto;-webkit-user-select:text;user-select:text;position:relative}.viwo-color-picker__copy{z-index:5;position:relative}.viwo-color-picker__preview{z-index:1;pointer-events:none;position:relative}.viwo-color-picker__control{position:relative}.viwo-color-picker__control input[type=color]{z-index:4;opacity:0;cursor:pointer;width:42px;height:42px;position:absolute;top:10px;left:12px}.viwo-color-picker__preview{z-index:1;width:42px;height:42px;box-shadow:inset 0 0 0 1px #ffffff52, 0 0 0 1px color-mix(in srgb, var(--border) 46%, transparent), 0 8px 18px color-mix(in srgb, var(--picker-color) 14%, transparent);background-color:#0000;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:15px;position:relative;overflow:hidden}.viwo-color-picker__preview:after{content:"";background:var(--picker-color);border-radius:inherit;position:absolute;inset:0}.viwo-color-picker__preview:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff4d,inset 0 -14px 24px #00000029}.viwo-color-picker__control [data-viwo-color-hex]{z-index:1;width:100%;min-height:40px;color:var(--text-strong);font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:text;background:0 0;border:0;outline:0;padding:0 6px;font-size:.98rem;font-weight:850;position:relative}.viwo-color-picker__control [data-viwo-color-hex]::selection{background:color-mix(in srgb, var(--picker-color) 28%, transparent)}.viwo-color-picker__copy{z-index:1;border:1px solid color-mix(in srgb, var(--border) 54%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 84%, transparent), color-mix(in srgb, var(--surface-soft) 44%, transparent));width:36px;height:36px;color:var(--text-soft);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative}.viwo-color-picker__copy i,.viwo-color-picker__copy svg{pointer-events:none;font-size:.9rem}.viwo-color-picker__copy:hover{border-color:color-mix(in srgb, var(--picker-color) 36%, var(--border));color:var(--picker-color);box-shadow:0 8px 18px color-mix(in srgb, var(--picker-color) 12%, transparent);transform:scale(1.045)}.viwo-color-picker.is-copied .viwo-color-picker__copy{border-color:color-mix(in srgb, #22c55e 42%, var(--border));color:#22c55e;background:color-mix(in srgb, #22c55e 10%, var(--surface))}.viwo-color-picker.is-editing .viwo-color-picker__control{border-color:color-mix(in srgb, var(--picker-color) 28%, var(--border))}.viwo-color-picker.is-invalid .viwo-color-picker__control{border-color:color-mix(in srgb, #ef4444 58%, var(--border));box-shadow:0 0 0 4px #ef44441a,inset 0 1px #ffffff0d}.viwo-color-picker.is-invalid [data-viwo-color-hex]{color:#ef4444}.hero-section{padding:96px 0;position:relative;overflow:hidden}.hero-section__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:34px;min-height:600px;display:grid}.hero-section:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#6366f133,#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-120px}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9811a,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-140px;left:10%}.hero-title{letter-spacing:-.04em;line-height:1.05;display:inline-block;position:relative}.hero-title span{z-index:1;position:relative}.hero-title span:after{content:"";z-index:-1;background:linear-gradient(90deg,#6366f147,#10b9812e);border-radius:999px;width:100%;height:.24em;position:absolute;bottom:.08em;left:0}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-actions .btn-primary{box-shadow:0 10px 24px #6366f138,inset 0 2px #ffffff14}.hero-actions .btn-secondary{background:color-mix(in srgb, var(--surface) 90%, transparent);border-color:#ffffff14}.hero-content{max-width:640px}.hero-badge{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);height:40px;color:var(--text-muted);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:0 14px;font-size:.92rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.06em;max-width:760px;margin-bottom:20px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98}.hero-title span{color:var(--primary)}.hero-desc{max-width:620px;color:var(--text-muted);margin-bottom:28px;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:32px;display:flex}.hero-meta{flex-wrap:wrap;gap:14px;display:flex}.hero-meta__item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);min-width:150px;box-shadow:var(--shadow-xs);border-radius:18px;padding:16px 18px}.hero-meta__item strong{margin-bottom:4px;font-size:1rem;display:block}.hero-meta__item span{color:var(--text-muted);font-size:.92rem}.hero-visual{position:relative}.hero-window{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);border-radius:30px;position:relative;overflow:hidden}.hero-window__top{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:58px;padding:0 20px;display:flex}.hero-window__top span{background:var(--surface-muted);border-radius:50%;width:10px;height:10px}.hero-window__body{grid-template-columns:110px 1fr;min-height:520px;display:grid}.hero-window__sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 84%, transparent);padding:20px 16px}.hero-window__content{flex-direction:column;gap:18px;padding:20px;display:flex}.menu-pill{background:var(--surface-muted);border-radius:999px;height:14px;margin-bottom:14px}.menu-pill.active{background:linear-gradient(135deg, var(--primary), var(--primary-strong))}.dashboard-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:22px;padding:18px}.dashboard-card--lg{min-height:220px}.dashboard-card__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dashboard-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-row .line{background:var(--surface-muted);border-radius:999px;height:12px;margin-bottom:12px}.chip{background:var(--primary-soft);border-radius:999px;width:70px;height:28px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.stat-box{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), var(--surface-muted));border:1px solid var(--border);border-radius:18px;height:90px}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-75{width:75%}.w-85{width:85%}.floating-badge{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-md);color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute}.floating-badge--one{top:92px;right:-24px}.floating-badge--two{bottom:42px;left:-18px}.floating-badge i{color:var(--primary)}.trust-section{padding:6px 0 48px}.trust-strip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow-xs);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.trust-strip span{color:var(--text-soft);letter-spacing:-.02em;font-size:.94rem;font-weight:600}.tools-highlight-section,.value-section,.cta-section,.faq-section{padding:96px 0}.section-heading{margin-bottom:64px}.section-heading--center{text-align:center;margin-inline:auto;max-width:820px;margin-bottom:64px}.section-heading__eyebrow{color:var(--primary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:10px;font-size:.92rem;font-weight:700;display:inline-block}.section-heading__title{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(2rem,3vw,3rem);line-height:1.08}.section-heading__desc{max-width:720px;color:var(--text-muted);font-size:1.02rem;line-height:1.8}.section-heading--center .section-heading__desc{margin-inline:auto}.value-section__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:24px;display:grid}.value-copy{padding:10px 0}.value-list{flex-direction:column;gap:18px;margin-top:28px;display:flex}.value-list__item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-xs);border-radius:20px;align-items:flex-start;gap:14px;padding:18px;display:flex}.value-list__item i{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.value-list__item strong{margin-bottom:6px;display:block}.value-list__item p{font-size:.96rem}.value-panels{flex-direction:column;gap:18px;display:flex}.value-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:24px;padding:24px}.value-panel__label{background:var(--primary-soft);color:var(--primary);border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.value-panel h3{margin-bottom:10px;font-size:1.25rem}.value-panel p{color:var(--text-muted)}.cta-box{border:1px solid var(--border);background:radial-gradient(circle at top right, #4f46e51f, transparent 26%), color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-md);border-radius:30px;padding:34px}.cta-box--hero{justify-content:space-between;align-items:center;gap:28px;display:flex}.cta-box__content{max-width:700px}.cta-box__content h2{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.6rem)}.cta-box__content p{color:var(--text-muted);line-height:1.8}.cta-box__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.faq-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-xs);border-radius:22px;padding:24px}.faq-card h3{margin-bottom:10px;font-size:1.08rem}.faq-card p{color:var(--text-muted);font-size:.96rem}@media (width<=1200px){.hero-section__inner,.value-section__grid{grid-template-columns:1fr}.hero-content{max-width:unset}}@media (width<=992px){.hero-section{padding-top:18px}.hero-section__inner{min-height:auto}.hero-window__body{grid-template-columns:1fr}.hero-window__sidebar{display:none}.dashboard-row,.faq-grid{grid-template-columns:1fr}.cta-box--hero{flex-direction:column;align-items:flex-start}.floating-badge{display:none}}@media (width<=768px){.hero-title{font-size:2.6rem}.hero-desc{font-size:1rem}.hero-actions,.hero-meta,.cta-box__actions,.hero-actions .btn,.cta-box__actions .btn{width:100%}.stat-grid,.tool-grid{grid-template-columns:1fr}}.home-featured-tools{padding:clamp(56px,7vw,96px) 0}.home-section-head{text-align:center;max-width:760px;margin:0 auto 34px}.home-section-head .section-eyebrow{border:1px solid color-mix(in srgb, var(--primary) 26%, var(--border));background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.home-section-head h2{color:var(--text-strong);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.3rem);font-weight:950;line-height:1.05}.home-section-head p{color:var(--text-soft);margin:16px auto 0;font-size:1.05rem;line-height:1.65}.featured-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1200px){.featured-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.featured-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.featured-tools-grid{grid-template-columns:1fr}}.featured-tool-card{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:radial-gradient(260px 120px at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 80%, transparent), color-mix(in srgb, var(--surface-soft) 44%, transparent));min-height:224px;box-shadow:inset 0 1px 0 #ffffff0d, 0 14px 34px color-mix(in srgb, var(--text) 4%, transparent);color:inherit;border-radius:28px;flex-direction:column;gap:16px;padding:20px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden}.featured-tool-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--border));box-shadow:inset 0 1px 0 #ffffff0f, 0 22px 46px color-mix(in srgb, var(--primary) 10%, transparent);transform:translateY(-4px)}.featured-tool-card__category{background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.72rem;font-weight:950}.featured-tool-card__icon{width:54px;height:54px;color:var(--primary);background:radial-gradient(48px 36px at 35% 0%, color-mix(in srgb, var(--primary) 24%, transparent), transparent 72%), color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:20px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff12}.featured-tool-card__icon i{font-size:1.25rem}.featured-tool-card__content{flex-direction:column;gap:9px;display:flex}.featured-tool-card__content strong{color:var(--text-strong);letter-spacing:-.02em;font-size:1.12rem;font-weight:950;line-height:1.2}.featured-tool-card__content small{color:var(--text-soft);font-size:.9rem;font-weight:650;line-height:1.55}.featured-tool-card__arrow{background:color-mix(in srgb, var(--surface-soft) 52%, transparent);width:38px;height:38px;color:var(--text-soft);border-radius:999px;justify-content:center;align-items:center;margin-top:auto;transition:transform .22s,color .22s,background .22s;display:inline-flex}.featured-tool-card:hover .featured-tool-card__arrow{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);transform:translate(4px)}.tools-hero{padding:34px 0 30px}.tools-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:34px;min-height:600px;display:grid}.tools-hero__content{max-width:660px}.tools-hero__badge{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);height:40px;color:var(--text-muted);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:0 14px;font-size:.92rem;font-weight:600;display:inline-flex}.tools-hero__title{letter-spacing:-.06em;margin-bottom:20px;font-size:clamp(2.6rem,6vw,5rem);line-height:.98}.tools-hero__title span{color:var(--primary)}.tools-hero__desc{max-width:620px;color:var(--text-muted);margin-bottom:28px;font-size:1.06rem;line-height:1.8}.tools-hero__actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tools-hero__panel{position:relative}.tools-dashboard{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);border-radius:30px;position:relative;overflow:hidden}.tools-dashboard__top{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:58px;padding:0 20px;display:flex}.tools-dashboard__top span{background:var(--surface-muted);border-radius:50%;width:10px;height:10px}.tools-dashboard__body{grid-template-columns:110px 1fr;min-height:500px;display:grid}.tools-dashboard__nav{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 84%, transparent);padding:20px 16px}.tools-dashboard__content{flex-direction:column;gap:18px;padding:20px;display:flex}.nav-item{background:var(--surface-muted);border-radius:999px;height:14px;margin-bottom:14px}.nav-item.active{background:linear-gradient(135deg, var(--primary), var(--primary-strong))}.mini-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:24px;padding:22px}.mini-card--primary{background:radial-gradient(circle at top right, #4f46e524, transparent 30%), color-mix(in srgb, var(--surface) 94%, transparent)}.mini-card__label{color:var(--primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;font-size:.84rem;font-weight:700}.mini-card__title{color:var(--text);letter-spacing:-.03em;margin-bottom:8px;font-size:1.35rem;font-weight:700}.mini-card__text{color:var(--text-muted);line-height:1.7}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mini-stat{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:20px;padding:18px}.mini-stat strong{margin-bottom:8px;font-size:1.4rem;line-height:1;display:block}.mini-stat span{color:var(--text-muted);font-size:.92rem}.tool-lines{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-xs);border-radius:22px;padding:18px}.tool-line{background:var(--surface-muted);border-radius:999px;height:13px;margin-bottom:14px}.tool-line:last-child{margin-bottom:0}.w-90{width:90%}.w-80{width:80%}.w-65{width:65%}.floating-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-md);color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute}.floating-chip--a{top:92px;right:-24px}.floating-chip--b{bottom:38px;left:-18px}.floating-chip i{color:var(--primary)}.tools-overview{padding:12px 0 26px}.tools-overview__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.overview-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-xs);border-radius:22px;padding:20px}.overview-card strong{margin-bottom:8px;font-size:1rem;display:block}.overview-card span{color:var(--text-muted);font-size:.94rem;line-height:1.7}.tools-categories{padding:10px 0 20px}.tools-categories__list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.category-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);height:40px;color:var(--text-muted);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;padding:0 16px;font-size:.92rem;font-weight:600;display:inline-flex}.category-pill.active{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000}.tools-library,.tools-coming-soon,.tools-cta{padding:44px 0 54px}.tool-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card--catalog{min-height:290px}.tool-card__meta{align-items:center;gap:10px;display:flex}.tool-card__status{border-radius:999px;align-items:center;height:32px;padding:0 12px;font-size:.84rem;font-weight:700;display:inline-flex}.tool-card__status--ready{background:var(--success-soft);color:#059669}.coming-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-xs);border-radius:24px;align-items:flex-start;gap:18px;padding:24px;transition:all .25s;display:flex}.coming-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.coming-card__icon{background:var(--primary-soft);width:56px;height:56px;color:var(--primary);border-radius:18px;flex:none;place-items:center;font-size:1.1rem;display:grid}.coming-card__content{flex:auto}.coming-card__content h3{margin-bottom:8px;font-size:1.15rem}.coming-card__content p{color:var(--text-muted);font-size:.96rem;line-height:1.7}.coming-card__badge{background:color-mix(in srgb, var(--surface-soft) 98%, transparent);border:1px solid var(--border);height:32px;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}@media (width<=1200px){.tools-hero__inner{grid-template-columns:1fr;min-height:auto}.tools-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=992px){.tools-dashboard__body{grid-template-columns:1fr}.tools-dashboard__nav{display:none}.tool-grid--catalog,.coming-grid,.mini-grid{grid-template-columns:1fr}.floating-chip{display:none}}@media (width<=768px){.tools-hero{padding-top:18px}.tools-hero__title{font-size:2.5rem}.tools-hero__actions,.tools-hero__actions .btn{width:100%}.tools-overview__grid{grid-template-columns:1fr}.coming-card{flex-direction:column}}.seo-faq-section{margin-top:80px;position:relative}.seo-faq-section .section-heading{margin-bottom:32px}.seo-faq-section .section-heading__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:.78rem;display:inline-block}.seo-faq-section .section-heading__title{color:var(--text);font-size:1.8rem;font-weight:600}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (width<=900px){.faq-grid{grid-template-columns:1fr}}.faq-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:18px;padding:22px 22px 20px;transition:all .25s;position:relative}.faq-card h3{color:var(--text);margin-bottom:10px;font-size:1.05rem;font-weight:600;line-height:1.45}.faq-card p{color:var(--text-soft);font-size:.92rem;line-height:1.6}.faq-card:hover{background:linear-gradient(#ffffff0f,#ffffff08);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.faq-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(120deg,#0000,#ffffff14,#0000);transition:opacity .3s;position:absolute;inset:0}.faq-card:hover:after{opacity:1}.seo-content-section{margin-top:48px}.seo-content-section .seo-content-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-sm);border-radius:28px;padding:36px;position:relative;overflow:hidden}.seo-content-section .seo-content-card:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, transparent), transparent 40%, color-mix(in srgb, var(--primary-strong) 4%, transparent));pointer-events:none;position:absolute;inset:0}.seo-content-section .seo-content-card h2{letter-spacing:-.01em;margin-bottom:16px;font-size:1.6rem;font-weight:700;position:relative}.seo-content-section .seo-content-card p{color:var(--text-muted);max-width:720px;margin-bottom:18px;font-size:.98rem;line-height:1.75;position:relative}.seo-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;padding:0;list-style:none;display:grid;position:relative}.seo-benefit-list li{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);color:var(--text);border-radius:16px;padding:14px 16px 14px 42px;font-size:.92rem;line-height:1.6;transition:all .25s;position:relative}.seo-benefit-list li:before{content:"";color:#10b981;font-family:"Font Awesome 7 Pro";font-size:12px;font-weight:900;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.seo-benefit-list li:hover{box-shadow:var(--shadow-xs);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-2px)}.seo-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.seo-link-grid .tool-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--text);border-radius:20px;padding:18px 18px 18px 48px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;position:relative;overflow:hidden}.seo-link-grid .tool-card:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent 50%, color-mix(in srgb, var(--primary-strong) 6%, transparent));opacity:0;transition:all .25s;position:absolute;inset:0}.seo-link-grid .tool-card:after{content:"";color:var(--primary);font-family:"Font Awesome 7 Pro";font-size:14px;font-weight:900;transition:all .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.seo-link-grid .tool-card:hover{box-shadow:var(--shadow-sm);border-color:#0000;transform:translateY(-3px)}.seo-link-grid .tool-card:hover:before{opacity:1}.seo-link-grid .tool-card:hover:after{color:var(--primary-strong);transform:translateY(-50%)translate(4px)}.seo-link-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);min-height:260px;box-shadow:var(--shadow-xs);border-radius:28px;flex-direction:column;gap:18px;padding:22px;transition:all .25s;display:flex;position:relative;overflow:hidden}.seo-link-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-4px)}.seo-link-card__icon{background:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 10%, transparent), transparent 68%), color-mix(in srgb, var(--surface-soft) 88%, transparent);border:1px solid var(--border);border-radius:22px;justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.seo-link-card__content h3{margin:0 0 8px;font-size:1.15rem}.seo-link-card__content p{color:var(--text-muted);margin:0;font-size:.94rem;line-height:1.6}.seo-link-card__arrow{color:var(--primary);margin-top:auto;font-size:1rem}.seo-tool-svg{width:100%;max-width:180px;height:auto;display:block}.tool-card[data-type=webp]:after{color:#22c55e}.tool-card[data-type=png]:after{color:#3b82f6}.tool-card[data-type=compress]:after{color:#f59e0b}@media (width<=992px){.seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=576px){.seo-link-grid{grid-template-columns:1fr}.seo-link-grid .tool-card{padding:16px 16px 16px 44px;font-size:.92rem}}.code-editor{--font:Consolas, "JetBrains Mono", monospace;--line-height:1.6;--font-size:14px;position:relative;overflow:visible}.code-editor__highlight,.code-editor__textarea{font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:0;tab-size:4;font-variant-ligatures:none;white-space:pre;font-weight:400}.code-editor__textarea{z-index:2;resize:none;color:#0000;width:100%;caret-color:var(--text);background:0 0;border:0;outline:none;padding:18px;position:relative;overflow:hidden}.code-output--shiki .shiki,.code-output--shiki .shiki code{letter-spacing:0;tab-size:4;font-variant-ligatures:none;white-space:pre;margin:0;padding:18px;font-weight:400;background:0 0!important;font-family:JetBrains Mono,Consolas,monospace!important;font-size:13.5px!important;line-height:1.7!important}.tools-explorer-hero{padding:clamp(54px,7vw,92px) 0 28px}.tools-explorer-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);align-items:end;gap:clamp(28px,5vw,72px);display:grid}.tools-explorer-hero__badge{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:radial-gradient(130px 54px at 0% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 72%), color-mix(in srgb, var(--surface) 68%, transparent);width:fit-content;color:var(--text-soft);border-radius:999px;align-items:center;gap:9px;margin-bottom:18px;padding:9px 13px;font-size:.82rem;font-weight:850;display:inline-flex}.tools-explorer-hero__badge i{color:var(--primary)}.tools-explorer-hero__title{max-width:760px;color:var(--text-strong);letter-spacing:-.065em;margin:0;font-size:clamp(2.45rem,5vw,5.2rem);font-weight:950;line-height:.98}.tools-explorer-hero__desc{max-width:680px;color:var(--text-soft);margin:18px 0 0;font-size:clamp(1rem,1.3vw,1.18rem);font-weight:600;line-height:1.7}.tools-explorer-search{border:1px solid color-mix(in srgb, var(--border) 56%, transparent);background:radial-gradient(360px 160px at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));box-shadow:inset 0 1px 0 #ffffff0d, 0 18px 42px color-mix(in srgb, var(--text) 4%, transparent);border-radius:28px;padding:18px}.tools-explorer-search__box{border:1px solid color-mix(in srgb, var(--border) 62%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));border-radius:22px;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:12px;min-height:62px;padding:0 14px 0 18px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a}.tools-explorer-search__box i{color:var(--primary);font-size:1rem}.tools-explorer-search__box input{width:100%;color:var(--text-strong);font:inherit;background:0 0;border:0;outline:0;font-size:.98rem;font-weight:750}.tools-explorer-search__box input::placeholder{color:var(--text-soft)}.tools-explorer-search__box button{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--surface-soft) 52%, transparent);width:34px;height:34px;color:var(--text-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,color .18s,border-color .18s,background .18s;display:none}.tools-explorer-search__box button.is-visible{display:inline-flex}.tools-explorer-search__box button:hover{color:#ef4444;border-color:color-mix(in srgb, #ef4444 34%, var(--border));background:#ef44441a;transform:scale(1.05)}.tools-explorer-search__box button i{color:currentColor}.tools-explorer-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tools-explorer-filters button{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, transparent), color-mix(in srgb, var(--surface-soft) 38%, transparent));min-height:36px;color:var(--text-soft);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:.8rem;font-weight:850;transition:transform .18s,color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.tools-explorer-filters button:hover{color:var(--text);border-color:color-mix(in srgb, var(--primary) 24%, var(--border));transform:translateY(-1px)}.tools-explorer-filters button.is-active{color:#fff;border-color:color-mix(in srgb, var(--primary) 72%, transparent);background:radial-gradient(80px 36px at 25% 0%, #ffffff2e, transparent 72%), linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 72%, #22c55e));box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 20%, transparent)}.tools-popular-section,.tools-directory-section,.tools-coming-soon,.seo-link-hub--compact{padding:clamp(34px,5vw,72px) 0}.tools-section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.tools-section-head h2{color:var(--text-strong);letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3vw,2.75rem);font-weight:950;line-height:1.08}.tools-section-head p{max-width:720px;color:var(--text-soft);margin:10px 0 0;font-size:.98rem;font-weight:600;line-height:1.65}.tools-section-head__eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:950;display:inline-flex}.tools-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tools-quick-card{border:1px solid color-mix(in srgb, var(--border) 56%, transparent);background:radial-gradient(220px 96px at 0% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));min-height:118px;box-shadow:inset 0 1px 0 #ffffff0d, 0 14px 30px color-mix(in srgb, var(--text) 4%, transparent);color:inherit;border-radius:24px;grid-template-columns:52px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid}.tools-quick-card:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));box-shadow:inset 0 1px 0 #ffffff0f, 0 20px 42px color-mix(in srgb, var(--primary) 10%, transparent);transform:translateY(-3px)}.tools-quick-card:hover .tools-quick-card__arrow{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);transform:translate(3px)}.tools-quick-card__icon,.tools-catalog-card__icon,.tools-group__icon{width:52px;height:52px;color:var(--primary);background:radial-gradient(46px 34px at 35% 0%, color-mix(in srgb, var(--primary) 24%, transparent), transparent 72%), color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:19px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff12}.tools-quick-card__icon i,.tools-quick-card__icon svg,.tools-catalog-card__icon i,.tools-catalog-card__icon svg,.tools-group__icon i,.tools-group__icon svg{font-size:1.18rem}.tools-quick-card__content{flex-direction:column;gap:6px;min-width:0;display:flex}.tools-quick-card__content strong{color:var(--text-strong);letter-spacing:-.02em;font-size:1rem;font-weight:950;line-height:1.2}.tools-quick-card__content small{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}.tools-quick-card__arrow{background:color-mix(in srgb, var(--surface-soft) 52%, transparent);width:36px;height:36px;color:var(--text-soft);border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,color .2s,background .2s;display:inline-flex}.tools-directory-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tools-directory-nav{top:calc(var(--header-height,86px) + 18px);position:sticky}.tools-directory-nav__inner{border:1px solid color-mix(in srgb, var(--border) 56%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));border-radius:24px;flex-direction:column;gap:6px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.tools-directory-nav__inner>strong{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;padding:8px 10px 10px;font-size:.75rem;font-weight:950;display:block}.tools-directory-nav__inner a{min-height:42px;color:var(--text-soft);border-radius:15px;align-items:center;gap:10px;padding:0 10px;font-size:.86rem;font-weight:800;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:flex}.tools-directory-nav__inner a i{width:18px;color:var(--primary);text-align:center}.tools-directory-nav__inner a:hover{color:var(--text-strong);background:color-mix(in srgb, var(--primary) 8%, transparent);transform:translate(2px)}.tools-directory-content{flex-direction:column;gap:22px;display:flex}.tools-group{border:1px solid color-mix(in srgb, var(--border) 54%, transparent);background:radial-gradient(360px 160px at 0% 0%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 64%, transparent), color-mix(in srgb, var(--surface-soft) 32%, transparent));border-radius:30px;padding:20px;box-shadow:inset 0 1px #ffffff0a}.tools-group[hidden]{display:none!important}.tools-group__head{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px;display:grid}.tools-group__head h2{color:var(--text-strong);letter-spacing:-.035em;margin:0;font-size:1.35rem;font-weight:950;line-height:1.15}.tools-group__head p{color:var(--text-soft);margin:6px 0 0;font-size:.9rem;font-weight:650;line-height:1.55}.tools-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tools-catalog-card{border:1px solid color-mix(in srgb, var(--border) 54%, transparent);background:radial-gradient(260px 120px at 0% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));min-height:240px;box-shadow:inset 0 1px 0 #ffffff0d, 0 12px 28px color-mix(in srgb, var(--text) 3%, transparent);color:inherit;border-radius:24px;flex-direction:column;gap:16px;padding:18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden}.tools-catalog-card[hidden],.tools-catalog-card.is-hidden{display:none!important}.tools-catalog-card:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--border));box-shadow:inset 0 1px 0 #ffffff0f, 0 22px 46px color-mix(in srgb, var(--primary) 10%, transparent);transform:translateY(-4px)}.tools-catalog-card:hover .tools-catalog-card__footer i{transform:translate(4px)}.tools-catalog-card__top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.tools-catalog-card__category{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:950}.tools-catalog-card__content{flex-direction:column;gap:9px;display:flex}.tools-catalog-card__content h3{color:var(--text-strong);letter-spacing:-.025em;margin:0;font-size:1.15rem;font-weight:950;line-height:1.2}.tools-catalog-card__content p{color:var(--text-soft);margin:0;font-size:.9rem;font-weight:650;line-height:1.58}.tools-catalog-card__badges{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.tools-catalog-card__badges span{background:color-mix(in srgb, var(--surface-soft) 56%, transparent);min-height:27px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 9px;font-size:.72rem;font-weight:850;display:inline-flex}.tools-catalog-card__footer{color:var(--primary);justify-content:space-between;align-items:center;gap:12px;padding-top:2px;font-size:.84rem;font-weight:950;display:flex}.tools-catalog-card__footer i{transition:transform .2s}.tools-empty-state{text-align:center;border:1px dashed color-mix(in srgb, var(--border) 64%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 58%, transparent), color-mix(in srgb, var(--surface-soft) 28%, transparent));border-radius:28px;flex-direction:column;align-items:center;padding:38px 20px;display:flex}.tools-empty-state[hidden]{display:none!important}.tools-empty-state>span{width:58px;height:58px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:22px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.tools-empty-state strong{color:var(--text-strong);font-size:1.2rem;font-weight:950}.tools-empty-state p{max-width:420px;color:var(--text-soft);margin:8px 0 0;line-height:1.6}.coming-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.coming-card{border:1px solid color-mix(in srgb, var(--border) 52%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 60%, transparent), color-mix(in srgb, var(--surface-soft) 30%, transparent));opacity:.86;border-radius:24px;flex-direction:column;gap:14px;min-height:190px;padding:18px;display:flex;position:relative}.coming-card__icon{width:48px;height:48px;color:var(--text-soft);background:color-mix(in srgb, var(--surface-soft) 56%, transparent);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.coming-card__content span{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:950;display:inline-flex}.coming-card__content h3{color:var(--text-strong);margin:0;font-size:1.05rem;font-weight:950}.coming-card__content p{color:var(--text-soft);margin:8px 0 0;font-size:.88rem;line-height:1.55}.coming-card__badge{background:color-mix(in srgb, var(--primary) 8%, transparent);width:fit-content;color:var(--primary);border-radius:999px;margin-top:auto;padding:7px 10px;font-size:.72rem;font-weight:950}.seo-link-hub--compact{padding-bottom:clamp(70px,8vw,110px)}.seo-hub-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.seo-hub-group{border:1px solid color-mix(in srgb, var(--border) 52%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 62%, transparent), color-mix(in srgb, var(--surface-soft) 32%, transparent));border-radius:24px;padding:18px}.seo-hub-group h3{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 14px;font-size:1rem;font-weight:950}.seo-link-grid{flex-wrap:wrap;gap:8px;display:flex}.seo-chip{border:1px solid color-mix(in srgb, var(--border) 56%, transparent);background:color-mix(in srgb, var(--surface-soft) 42%, transparent);min-height:34px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 11px;font-size:.78rem;font-weight:800;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.seo-chip:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 8%, transparent);transform:translateY(-1px)}:root[data-theme=dark] .tools-explorer-search,:root[data-theme=dark] .tools-quick-card,:root[data-theme=dark] .tools-group,:root[data-theme=dark] .tools-catalog-card,:root[data-theme=dark] .tools-directory-nav__inner,:root[data-theme=dark] .coming-card,:root[data-theme=dark] .seo-hub-group,:root[data-theme=dark] .tools-empty-state{border-color:#94a3b81a;box-shadow:inset 0 1px #ffffff08,0 14px 34px #0000001a}:root[data-theme=dark] .tools-explorer-search{background:radial-gradient(360px 160px at 0% 0%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 72%), linear-gradient(180deg, #1e293b57, #0f172a3d)}:root[data-theme=dark] .tools-explorer-search__box{background:linear-gradient(#1e293b6b,#0f172a47);border-color:#94a3b81f}:root[data-theme=dark] .tools-quick-card,:root[data-theme=dark] .tools-catalog-card{background:radial-gradient(260px 120px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 72%), linear-gradient(180deg, #1e293b57, #0f172a3d)}:root[data-theme=dark] .tools-quick-card:hover,:root[data-theme=dark] .tools-catalog-card:hover{border-color:color-mix(in srgb, var(--primary) 30%, #94a3b82e);box-shadow:inset 0 1px #ffffff0a,0 22px 46px #00000029}:root[data-theme=dark] .tools-group{background:radial-gradient(360px 160px at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, #1e293b3d, #0f172a29)}:root[data-theme=dark] .tools-directory-nav__inner,:root[data-theme=dark] .coming-card,:root[data-theme=dark] .seo-hub-group,:root[data-theme=dark] .tools-empty-state{background:linear-gradient(#1e293b47,#0f172a2e)}:root[data-theme=dark] .tools-quick-card__icon,:root[data-theme=dark] .tools-catalog-card__icon,:root[data-theme=dark] .tools-group__icon{background:radial-gradient(46px 34px at 35% 0%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 72%), #6366f11f}:root[data-theme=dark] .tools-catalog-card__badges span,:root[data-theme=dark] .tools-quick-card__arrow,:root[data-theme=dark] .coming-card__icon,:root[data-theme=dark] .seo-chip{background:#1e293b5c}@media (width<=1180px){.tools-explorer-hero__inner{grid-template-columns:1fr;align-items:start}.tools-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-directory-layout{grid-template-columns:1fr}.tools-directory-nav{position:static}.tools-directory-nav__inner{flex-flow:wrap}.tools-directory-nav__inner>strong{width:100%}.seo-hub-groups{grid-template-columns:1fr}}@media (width<=780px){.tools-explorer-hero{padding-top:34px}.tools-explorer-search{border-radius:24px;padding:14px}.tools-popular-grid,.tools-catalog-grid,.coming-grid{grid-template-columns:1fr}.tools-section-head{flex-direction:column;align-items:flex-start}.tools-group{border-radius:24px;padding:16px}}@media (width<=560px){.tools-explorer-search__box{border-radius:18px;min-height:56px}.tools-quick-card{border-radius:20px;grid-template-columns:48px minmax(0,32px);min-height:108px;padding:14px}.tools-catalog-card{border-radius:22px;min-height:220px;padding:16px}.tools-directory-nav__inner a{flex:calc(50% - 8px)}}.image-converter-page{padding:28px 0 56px}.image-converter-page__hero{margin-bottom:26px}.batch-summary{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;padding:18px;display:grid}.summary-stat{background:color-mix(in srgb, var(--surface-soft) 90%, transparent);border:1px solid var(--border);border-radius:18px;padding:18px}.summary-stat strong{margin-bottom:8px;font-size:1.8rem;line-height:1;display:block}.summary-stat span{color:var(--text-muted);font-size:.92rem}.image-converter-layout{grid-template-columns:480px minmax(0,1fr);align-items:start;gap:24px;display:grid}.image-settings-card,.image-workspace-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:28px;position:sticky;top:108px}.image-settings-card{padding:24px;position:sticky;top:110px}.image-workspace-card{padding:24px}.panel-head{margin-bottom:22px}.panel-head h2{margin-bottom:8px;font-size:1.25rem}.panel-head p{color:var(--text-muted)}.settings-group{border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:22px}.settings-group:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.settings-label{color:var(--text);margin-bottom:14px;font-size:.95rem;font-weight:700;display:block}.settings-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-value{text-align:right;min-width:42px;color:var(--primary);font-weight:700}.field-hint{color:var(--text-soft);margin-top:10px;font-size:.85rem;line-height:1.6}.format-radio-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.format-radio-card{display:block;position:relative;cursor:pointer!important}.format-radio-card input{opacity:0;z-index:-1;width:0;height:0;position:absolute;inset:0}.format-radio-card__body{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);border-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%;height:100%;min-height:96px;padding:16px;transition:all .25s;display:flex}.format-radio-card__body .icon{width:48px;height:48px}.format-radio-card__body .icon img{object-fit:contain;width:100%;height:100%}.format-radio-card__body .content{flex-direction:column;justify-content:center;gap:8px;display:flex}.format-radio-card__body strong{font-size:1rem;line-height:1}.format-radio-card__body small{color:var(--text-muted);line-height:1.35}.format-radio-card__body:hover{background:color-mix(in srgb, var(--primary) 5%, var(--surface) 20%)}.format-radio-card input:checked+.format-radio-card__body{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, var(--surface)), color-mix(in srgb, var(--primary-strong) 10%, var(--surface)));box-shadow:var(--shadow-sm);border-color:#0000}.preset-size-grid,.filter-preset-list{flex-wrap:wrap;gap:16px;width:100%;margin-bottom:14px;display:flex}.preset-size-card,.filter-chip,.status-pill,.mini-badge{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);height:38px;color:var(--text-muted);border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex}.preset-size-card.active,.filter-chip:hover,.status-pill.active{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000}.size-grid,.transform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-bottom:14px;display:grid}.field-control{flex-direction:column;gap:8px;display:flex}.field-control span{color:var(--text-muted);font-size:.9rem;font-weight:600}.field-control input,.field-control select{border:1px solid var(--border);background:var(--surface);height:46px;color:var(--text);border-radius:14px;outline:none;padding:0 14px}.check-control{color:var(--text);cursor:pointer;align-items:center;gap:10px;margin-top:10px;font-weight:500;display:flex}.check-control input{width:18px;height:18px}.settings-actions{flex-direction:column;gap:12px;margin-top:18px;display:flex}.workspace-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.workspace-toolbar h2{margin-bottom:6px;font-size:1.2rem}.workspace-toolbar p{color:var(--text-muted)}.workspace-toolbar__actions{flex-wrap:wrap;gap:10px;display:flex}.list-filter-bar{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.search-control{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:10px;min-width:280px;height:46px;padding:0 14px;display:flex}.search-control i{color:var(--text-soft)}.search-control input{color:var(--text);background:0 0;border:0;outline:none;width:100%}.status-pill-list{flex-wrap:wrap;gap:10px;display:flex}.upload-dropzone{text-align:center;border:1.5px dashed var(--border-strong);background:color-mix(in srgb, var(--surface-soft) 86%, transparent);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;margin-bottom:22px;padding:28px;transition:all .25s;display:flex}.upload-dropzone.is-dragover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface));transform:translateY(-2px)}.upload-dropzone__icon{background:var(--primary-soft);width:68px;height:68px;color:var(--primary);border-radius:22px;place-items:center;font-size:1.4rem;display:grid}.upload-dropzone h3{font-size:1.2rem}.upload-dropzone p{color:var(--text-muted)}.file-list{flex-direction:column;gap:16px;display:flex}.empty-state{text-align:center;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);opacity:.5;border-radius:24px;padding:120px}.empty-state__icon{background:var(--primary-soft);width:62px;height:62px;color:var(--primary);border-radius:20px;place-items:center;margin:0 auto 14px;font-size:1.3rem;display:grid}.empty-state h3{margin-bottom:8px}.file-row{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:22px;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:16px;transition:all .25s;display:grid}.file-row.is-success{border-color:color-mix(in srgb, #10b981 30%, var(--border))}.file-row.is-error{border-color:color-mix(in srgb, #ef4444 35%, var(--border))}.file-row__preview{background:var(--surface-soft);border-radius:18px;width:110px;height:110px;overflow:hidden}.file-row__preview img{object-fit:cover;width:100%;height:100%;display:block}.file-row__main{min-width:0}.file-row__head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.file-row__meta{min-width:0}.file-row__meta h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:1rem;overflow:hidden}.file-row__meta p{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;display:flex}.file-row__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.file-row__progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.file-row__badges{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.file-row__foot{color:var(--text-muted);font-size:.92rem}.progress-track{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.progress-bar{background:linear-gradient(135deg, var(--primary), var(--primary-strong));border-radius:999px;height:100%;transition:width .25s}.result-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-meta .is-good{color:#10b981;font-weight:700}.result-meta .is-bad{color:#ef4444;font-weight:700}.dot{background:var(--text-soft);border-radius:50%;width:4px;height:4px}.btn-sm{border-radius:12px;min-height:36px;padding:0 12px;font-size:.88rem}@media (width<=1100px){.image-converter-layout{grid-template-columns:1fr}.image-settings-card{position:static}}@media (width<=768px){.batch-summary,.format-radio-list,.size-grid,.transform-grid,.file-row{grid-template-columns:1fr}.workspace-toolbar,.file-row__head,.list-filter-bar{flex-direction:column}.file-row__preview{width:100%;height:200px}.file-row__actions,.workspace-toolbar__actions,.status-pill-list,.file-row__actions .btn,.workspace-toolbar__actions .btn,.settings-actions .btn,.status-pill,.search-control{width:100%}}.file-row__accordion{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.file-row__accordion-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);width:100%;min-height:44px;color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;padding:0 14px;font-weight:600;transition:all .25s;display:flex}.file-row__accordion-toggle i{transition:all .25s}.file-row__accordion-toggle.is-open i{transform:rotate(180deg)}.file-row__accordion-body{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 90%, transparent);border-radius:18px;margin-top:12px;padding:16px}.override-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.override-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.image-preview-modal{z-index:300;position:fixed;inset:0}.image-preview-modal[hidden]{display:none}.image-preview-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02061799;position:absolute;inset:0}.image-preview-modal__dialog{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(1200px,100% - 24px);box-shadow:var(--shadow-lg);border-radius:28px;margin:40px auto;position:relative;overflow:hidden}.image-preview-modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.image-preview-modal__head h3{margin-bottom:6px;font-size:1.2rem}.image-preview-modal__head p{color:var(--text-muted)}.image-preview-modal__close{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.image-preview-modal__body{padding:24px}.preview-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.preview-pane__label{background:var(--primary-soft);color:var(--primary);border-radius:999px;margin-bottom:10px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.preview-pane__image{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 90%, transparent);border-radius:22px;place-items:center;min-height:380px;display:grid;overflow:hidden}.preview-pane__image img{max-width:100%;max-height:520px;display:block}.preview-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.preview-meta__item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:18px;padding:16px}.preview-meta__item strong{margin-bottom:6px;font-size:.9rem;display:block}.preview-meta__item span{color:var(--text-muted)}body.modal-open{overflow:hidden}@media (width<=992px){.override-grid,.preview-compare,.preview-meta{grid-template-columns:1fr}}.queue-toolbar{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.queue-toolbar__group{flex-wrap:wrap;gap:10px;display:flex}.selected-preview-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:24px;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-bottom:18px;padding:16px;display:grid}.selected-preview-panel__media{background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:20px;place-items:center;min-height:220px;display:grid;overflow:hidden}.selected-preview-panel__media img{max-width:100%;max-height:260px;display:block}.selected-preview-panel__head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.selected-preview-panel__head h3{margin-bottom:6px;font-size:1.05rem}.selected-preview-panel__head p{color:var(--text-muted)}.selected-preview-panel__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.file-row.is-selected{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:var(--shadow-sm)}@media (width<=992px){.queue-toolbar,.selected-preview-panel,.selected-preview-panel__meta{grid-template-columns:1fr}.selected-preview-panel{flex-direction:column;display:flex}}@media (width<=768px){.queue-toolbar{flex-direction:column;align-items:stretch}.queue-toolbar__group,.queue-toolbar .btn{width:100%}}.format-radio-card[data-tooltip]{position:relative}.format-radio-card[data-tooltip]:after{content:attr(data-tooltip);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 98%, transparent);min-width:220px;max-width:280px;color:var(--text);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;z-index:20;border-radius:12px;padding:10px 12px;font-size:.82rem;line-height:1.5;transition:all .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px)}.format-radio-card[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.format-radio-card.is-disabled{opacity:.48;cursor:not-allowed}.format-radio-card.is-disabled input,.format-radio-card.is-disabled .format-radio-card__body{pointer-events:none}.sql-entity-page{padding:28px 0 56px}.sql-entity-page__hero{margin-bottom:26px}.sql-entity-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.sql-entity-settings-card{padding:24px;position:sticky;top:110px}.sql-entity-workspace-card{padding:24px}.sql-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;padding-bottom:18px;padding-right:18px;display:grid}.sql-entity-grid .editor-panel{height:100%}.sql-entity-grid .editor-panel .code-output--shiki{border:none;height:100%}.sql-entity-grid .editor-panel .code-output--shiki .shiki code{padding:0}.editor-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:24px;overflow:hidden}.editor-panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.editor-panel__head h3{margin:0;font-size:1rem}.sql-entity-helper{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.field-control code{background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border:1px solid var(--border);border-radius:8px;padding:2px 6px;font-size:.84rem}@media (width<=1100px){.sql-entity-layout{grid-template-columns:1fr}.sql-entity-settings-card{position:static}}@media (width<=992px){.sql-entity-grid,.sql-entity-helper{grid-template-columns:1fr}}.code-output{background:0 0;min-height:520px;padding:0;overflow:auto}.code-output--shiki .shiki{white-space:pre;border:0;min-height:520px;margin:0;padding:18px;font-size:.95rem;line-height:1.7;background:0 0!important}.sql-mode-tabs{grid-template-columns:repeat(1,1fr);gap:10px;display:grid}.sql-mode-tab{border:1px solid var(--border);background:var(--surface);min-height:72px;color:var(--text);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:14px;font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.sql-mode-tab i{background:color-mix(in srgb, var(--primary) 10%, transparent);width:38px;height:38px;color:var(--primary);border-radius:13px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.sql-mode-tab:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));box-shadow:var(--shadow-xs);transform:translateY(-1px)}.sql-mode-tab.active{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 16%, transparent)}.field-hint{color:var(--text-soft);margin:10px 0 0;font-size:.88rem;line-height:1.55}.html-editor-page{padding:28px 0 56px}.html-editor-page__hero{margin-bottom:26px}.html-editor-workspace-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:28px;padding:24px}.html-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.editor-panel,.preview-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:24px;overflow:hidden}.editor-panel__head,.preview-panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.editor-panel__head h3,.preview-panel__head h3{margin:0;font-size:1rem}.editor-panel.sticky,.preview-panel.sticky{position:sticky;top:105px}.preview-frame-wrap{background:color-mix(in srgb, var(--surface-soft) 90%, transparent);padding:0}.preview-frame{background:#fff;border:0;width:100%;min-height:640px;display:block}.html-editor-helper{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.check-control--inline{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:12px;min-height:42px;margin-top:0;padding:0 12px}@media (width<=1100px){.html-editor-grid,.html-editor-helper{grid-template-columns:1fr}}.html-results-panel{background:color-mix(in srgb, var(--surface-soft) 90%, transparent);min-height:640px;padding:18px}.html-results-panel__summary{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--text-muted);border-radius:16px;margin-bottom:14px;padding:14px 16px;line-height:1.6}.html-results-list{flex-direction:column;gap:12px;display:flex}.html-result-empty{min-height:420px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.html-result-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:18px;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:16px;display:grid}.html-result-card__icon{background:color-mix(in srgb, var(--surface-soft) 92%, transparent);width:42px;height:42px;color:var(--text-soft);border-radius:14px;place-items:center;display:grid}.html-result-card__content h4{margin:0 0 6px;font-size:.98rem}.html-result-card__content p{color:var(--text-muted);margin:0;line-height:1.65}.html-result-card.is-success .html-result-card__icon{color:#10b981;background:#10b98124}.html-result-card.is-warning .html-result-card__icon{color:#f59e0b;background:#f59e0b24}.html-result-card.is-error .html-result-card__icon{color:#ef4444;background:#ef444424}.json-viewer-page{padding:28px 0 56px}.json-viewer-page__hero{margin-bottom:26px}.json-viewer-page [hidden]{display:none!important}.json-viewer-workspace-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:28px;padding:24px}.json-viewer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.editor-panel,.tree-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:24px;overflow:hidden}.editor-panel__head,.tree-panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.editor-panel__head h3,.tree-panel__head h3{margin:0;font-size:1rem}.tree-panel__body{background:color-mix(in srgb, var(--surface-soft) 88%, transparent);min-height:520px;padding:16px}.code-editor{position:relative;overflow:visible}.code-editor__highlight,.code-editor__textarea{letter-spacing:0;tab-size:4;font-variant-ligatures:none;white-space:pre;background:0 0;font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:400;line-height:1.6}.code-editor__highlight{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.code-editor__highlight .shiki{margin:0;padding:18px;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;tab-size:inherit!important;font-variant-ligatures:inherit!important;white-space:inherit!important;background:0 0!important}.code-editor__textarea{z-index:2;resize:none;color:#0000;width:100%;min-height:520px;caret-color:var(--text);border:0;outline:none;padding:18px;position:relative;overflow:hidden}.code-editor__textarea::selection{background:color-mix(in srgb, var(--primary) 28%, transparent)}.code-editor__textarea::placeholder{color:var(--text-soft)}.tree-empty-state,.tree-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:488px;padding:28px;display:flex}.tree-empty-state__icon,.tree-error-state__icon{background:var(--primary-soft);width:62px;height:62px;color:var(--primary);border-radius:20px;place-items:center;margin-bottom:14px;font-size:1.3rem;display:grid}.tree-empty-state h3,.tree-error-state h3{margin-bottom:8px;font-size:1.1rem}.tree-empty-state p,.tree-error-state p{color:var(--text-muted);max-width:420px;line-height:1.65}.tree-error-state__icon{color:#ef4444;background:#ef444424}.json-tree{flex-direction:column;gap:6px;display:flex}.json-node__head{border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:40px;padding:8px 10px;transition:all .2s;display:flex}.json-node__head:hover{background:color-mix(in srgb, var(--surface) 92%, transparent)}.json-node__left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.json-node__toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);width:24px;height:24px;color:var(--text-soft);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.json-node__toggle.is-empty{opacity:.5}.json-node__key{color:var(--text);word-break:break-word;font-weight:700}.json-node__colon{color:var(--text-soft)}.json-node__value{text-align:right;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.json-node__children{border-left:1px dashed color-mix(in srgb, var(--border) 80%, transparent);flex-direction:column;gap:6px;margin-left:22px;padding-left:14px;display:flex}.json-type-badge{border:1px solid var(--border);border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.json-type-badge.is-object{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary)}.json-type-badge.is-array{color:#06b6d4;background:#06b6d424}.json-value{word-break:break-word;font-size:.92rem}.json-value--string{color:#22c55e}.json-value--number{color:#f59e0b}.json-value--boolean{color:#8b5cf6;font-weight:700}.json-value--null{color:#ef4444;font-style:italic}.json-viewer-helper{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.helper-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:18px;padding:18px}.helper-card strong{margin-bottom:8px;font-size:.95rem;display:block}.helper-card span{color:var(--text-muted);font-size:.9rem;line-height:1.65}.mini-badge.is-valid{color:#10b981;background:#10b98124;border-color:#10b9814d}.mini-badge.is-error{color:#ef4444;background:#ef444424;border-color:#ef44444d}@media (width<=1100px){.json-viewer-grid,.json-viewer-helper{grid-template-columns:1fr}}.editor-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-tab{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);height:34px;color:var(--text-soft);border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.editor-tab.active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 10%, transparent)}.editor-view.active,.viewer-view.active{display:block}.fold-code-view{background:0 0;min-height:520px;padding:18px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.65;overflow:auto}.fold-code-empty{min-height:484px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.fold-code-empty.is-error{color:#ef4444}.fold-node{flex-direction:column;display:flex}.fold-line,.fold-closing{flex-wrap:wrap;align-items:center;min-height:30px;display:flex}.fold-indent{flex:none;display:inline-block}.fold-toggle{width:22px;height:22px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.fold-toggle:hover{border-color:var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent)}.fold-children{flex-direction:column;display:flex}.fold-key{color:#60a5fa}.fold-token{color:var(--text)}.fold-meta{color:var(--text-soft)}.fold-value.is-string{color:#22c55e}.fold-value.is-number{color:#f59e0b}.fold-value.is-boolean{color:#8b5cf6}.fold-value.is-null{color:#ef4444;font-style:italic}.tree-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tree-toolbar__actions{flex-wrap:wrap;gap:8px;display:flex}.search-control--compact{min-width:280px}.tree-stats{color:var(--text-soft);white-space:nowrap;font-size:.82rem}.json-node.is-search-hit>.json-node__head{background:color-mix(in srgb, var(--primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}.json-node__actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.json-node__copy{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);width:28px;height:28px;color:var(--text-soft);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.json-node__copy:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.json-node__copy.is-copied{color:#10b981;border-color:#10b98166}@media (width<=1100px){.tree-toolbar{flex-direction:column;align-items:stretch}.search-control--compact{width:100%;min-width:0}}.json-node.is-search-hidden{display:none}.search-control--clearable{position:relative}.search-control--clearable input{padding-right:42px}.search-control__clear{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);width:28px;height:28px;color:var(--text-soft);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-control__clear:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.color-tools-page{padding:28px 0 56px}.color-tools-page__hero{margin-bottom:26px}.color-tools-workspace-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-xs);border-radius:28px;padding:24px}.color-tools-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.color-tools-settings-card,.color-tools-preview-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-xs);border-radius:28px}.color-tools-settings-card{padding:24px;position:sticky;top:110px}.color-tools-preview-card{padding:24px}.color-input-row{grid-template-columns:64px minmax(0,1fr);gap:12px;display:grid}.color-input-row input[type=color]{border:1px solid var(--border);background:0 0;border-radius:14px;width:64px;height:52px;padding:4px}.color-conversion-grid,.gradient-stops,.contrast-inputs{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.shadow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.preview-tab{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 92%, transparent);height:38px;color:var(--text-soft);border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.preview-tab.active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 10%, transparent)}.color-preview-grid{grid-template-columns:1fr;gap:18px;display:grid}.preview-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 90%, transparent);border-radius:22px;padding:18px}.preview-block__head{margin-bottom:14px}.preview-block__head h3{margin:0;font-size:1rem}.shade-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.shade-card,.palette-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:18px;overflow:hidden}.shade-card__swatch,.palette-card__swatch{height:78px}.shade-card__meta,.palette-card span{color:var(--text-muted);padding:12px;font-size:.86rem;display:block}.shade-card__meta strong{color:var(--text);margin-bottom:4px;display:block}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.gradient-preview{border:1px solid var(--border);border-radius:22px;min-height:140px}.snippet-box,.export-code{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);white-space:pre-wrap;border-radius:18px;margin:14px 0 0;padding:16px;font-family:Consolas,Courier New,monospace;font-size:.9rem;line-height:1.7;overflow:auto}.contrast-preview{border:1px solid var(--border);border-radius:22px;padding:22px;transition:background-color .2s,color .2s}.contrast-preview h4,.contrast-preview p{color:inherit}.contrast-preview h4{margin-bottom:8px;font-size:1rem}.contrast-preview p{opacity:1;line-height:1.7}.contrast-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.contrast-stat{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:16px;padding:14px}.contrast-stat strong{margin-bottom:6px;font-size:.86rem;display:block}.contrast-stat span{font-weight:700}.shadow-preview-wrap{background:linear-gradient(#f8fafc,#eef2ff);border-radius:22px;place-items:center;padding:24px;display:grid}.shadow-preview-box{color:#111827;background:#fff;border-radius:24px;place-items:center;width:min(100%,320px);min-height:120px;font-weight:700;display:grid}@media (width<=1200px){.color-tools-layout{grid-template-columns:1fr}.color-tools-settings-card{position:static}}@media (width<=992px){.shade-grid,.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.inline-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.shade-card__swatch,.palette-card__swatch{position:relative}.shade-card__copy{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a38;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;position:absolute;top:10px;right:10px}.shade-card__copy:hover{background:#0f172a57;transform:translateY(-1px)}.shade-card__copy.is-copied{background:#10b981d9;border-color:#ffffff3d}.opacity-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.opacity-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:18px;overflow:hidden}.opacity-card__swatch{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;height:72px}.opacity-card strong,.opacity-card span{padding-inline:12px;display:block}.opacity-card strong{color:var(--text);padding-top:12px;font-size:.86rem}.opacity-card span{color:var(--text-muted);word-break:break-word;padding-top:4px;padding-bottom:12px;font-size:.78rem}@media (width<=992px){.opacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.shade-card__overlay-label{opacity:.92;font-size:.8rem;font-weight:700;position:absolute;bottom:12px;left:12px}.color-view.active{display:block}.qr-generator-page{padding:56px 0 0}.qr-generator-page__hero{margin-bottom:34px}.qr-generator-workspace-card{border:1px solid var(--border);background:radial-gradient(720px 240px at 20% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 62%), var(--surface);box-shadow:var(--shadow-sm);border-radius:28px;padding:24px;overflow:hidden}.qr-generator-layout{border-top:1px solid var(--border);grid-template-columns:minmax(320px,720px) minmax(0,1fr);gap:0;display:grid}@media (width<=1100px){.qr-generator-layout{grid-template-columns:1fr}}.qr-settings-card{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 54%, transparent);padding:26px}@media (width<=1100px){.qr-settings-card{border-inline-end:0;border-bottom:1px solid var(--border)}}.qr-preview-card{min-height:720px;padding:26px}.qr-preview-card__head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.qr-preview-card__head h2{color:var(--text-strong);margin:0 0 6px;font-size:1.35rem}.qr-preview-card__head p{color:var(--text-soft);margin:0;line-height:1.6}.qr-mode-tabs{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:repeat(2,1fr);padding:5px;display:grid}.qr-mode-tab{min-height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;font-weight:800;transition:all .2s}.qr-mode-tab.active{color:var(--text);background:color-mix(in srgb, var(--primary) 12%, var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent)}.qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=520px){.qr-type-grid{grid-template-columns:1fr}}.qr-type-card{border:1px solid var(--border);background:var(--surface);min-height:74px;color:var(--text);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:12px;padding:14px;font-weight:800;transition:all .22s;display:flex}.qr-type-card i{background:color-mix(in srgb, var(--primary) 10%, transparent);width:36px;height:36px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.qr-type-card:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));box-shadow:var(--shadow-xs);transform:translateY(-1px)}.qr-type-card.active{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.qr-content-panel{animation:.24s both qrPanelIn}.qr-form-grid,.qr-color-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=520px){.qr-form-grid,.qr-color-grid{grid-template-columns:1fr}}.qr-preview-stage{grid-template-columns:repeat(2,1fr);justify-content:flex-start;align-items:flex-start;gap:16px;min-height:400px;margin-bottom:24px;display:grid}.qr-device-frame{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:0 28px 80px color-mix(in srgb, var(--text) 10%, transparent), inset 0 1px 0 #ffffff14;border-radius:28px;padding:22px}.qr-preview-box{border-radius:16px;justify-content:center;align-items:center;width:min(360px,68vw);height:min(360px,68vw);display:flex;overflow:hidden}.qr-preview-box svg,.qr-preview-box canvas{display:block;width:100%!important;height:100%!important}.qr-preview-meta{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;display:grid}.qr-meta-item{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:radial-gradient(240px 110px at 0% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));min-height:112px;box-shadow:inset 0 1px 0 #ffffff0d, 0 12px 28px color-mix(in srgb, var(--text) 4%, transparent);border-radius:24px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.qr-meta-item:after{content:"";background:color-mix(in srgb, var(--primary) 8%, transparent);filter:blur(2px);pointer-events:none;border-radius:999px;width:92px;height:92px;position:absolute;inset-block-start:-36px;inset-inline-end:-36px}.qr-meta-item__icon{width:46px;height:46px;color:var(--primary);background:radial-gradient(42px 32px at 35% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 72%), color-mix(in srgb, var(--primary) 10%, var(--surface));box-shadow:inset 0 1px 0 #ffffff12, 0 8px 18px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:17px;justify-content:center;align-items:center;display:inline-flex}.qr-meta-item__icon i,.qr-meta-item__icon svg{font-size:1.12rem}.qr-meta-item__content{flex-direction:column;gap:5px;min-width:0;display:flex}.qr-meta-item__content strong{color:var(--text-soft);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:950;line-height:1}.qr-meta-item__content>span{color:var(--text-strong);letter-spacing:-.025em;text-transform:uppercase;font-size:1.28rem;font-weight:950;line-height:1.05}.qr-meta-item__content small{color:var(--text-soft);font-size:.76rem;font-weight:650;line-height:1.25}.qr-quality-panel{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:radial-gradient(360px 160px at 0% 0%, #22c55e1a, transparent 70%), radial-gradient(320px 150px at 100% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 74%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface-soft) 44%, transparent));min-height:132px;box-shadow:inset 0 1px 0 #ffffff0d, 0 14px 32px color-mix(in srgb, var(--text) 4%, transparent);border-radius:26px;grid-column:1/-1;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;padding:18px;display:grid;position:relative;overflow:hidden}.qr-quality-panel:before{background:linear-gradient(180deg, #22c55e, color-mix(in srgb, var(--primary) 80%, #22c55e));opacity:.85;border-radius:999px;width:3px;position:absolute;inset-block:18px;inset-inline-start:18px}.qr-quality-panel__visual{padding-inline-start:8px}.qr-quality-panel__ring{color:#22c55e;background:radial-gradient(46px 34px at 35% 0%, #22c55e3d, transparent 72%), color-mix(in srgb, #22c55e 12%, var(--surface));border-radius:22px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 12px 26px #22c55e1f}.qr-quality-panel__ring i,.qr-quality-panel__ring svg{font-size:1.35rem}.qr-quality-panel__content{min-width:0}.qr-quality-panel__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.qr-quality-panel__head strong{color:var(--text-strong);letter-spacing:-.02em;font-size:1.05rem;font-weight:950;line-height:1.15;display:block}.qr-quality-panel__head small{color:var(--text-soft);margin-top:4px;font-size:.78rem;font-weight:650;display:block}.qr-quality-panel__head>span{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex}.qr-quality-panel__head>span.is-good{color:#22c55e;background:#22c55e1a}.qr-quality-panel__head>span.is-medium{color:#f59e0b;background:#f59e0b1a}.qr-quality-panel__head>span.is-warning{color:#ef4444;background:#ef44441a}.qr-quality-panel ul{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.qr-quality-panel ul li{color:var(--text-soft);padding-inline-start:18px;font-size:.86rem;font-weight:650;line-height:1.45;position:relative}.qr-quality-panel ul li:before{content:"";inset-inline-start:0;opacity:.55;background:currentColor;border-radius:999px;width:6px;height:6px;position:absolute;top:.58em}:root[data-theme=dark] .qr-meta-item{background:radial-gradient(240px 110px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%), linear-gradient(180deg, #1e293b57, #0f172a3d);border-color:#94a3b81a;box-shadow:inset 0 1px #ffffff08,0 12px 28px #0000001a}:root[data-theme=dark] .qr-meta-item:after{background:color-mix(in srgb, var(--primary) 11%, transparent)}:root[data-theme=dark] .qr-meta-item__icon{background:radial-gradient(42px 32px at 35% 0%, color-mix(in srgb, var(--primary) 24%, transparent), transparent 72%), #6366f11f;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #6366f114}:root[data-theme=dark] .qr-quality-panel{background:radial-gradient(360px 160px at 0% 0%, #22c55e1a, transparent 70%), radial-gradient(320px 150px at 100% 0%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 74%), linear-gradient(180deg, #1e293b57, #0f172a3d);border-color:#94a3b81a;box-shadow:inset 0 1px #ffffff08,0 14px 32px #0000001a}:root[data-theme=dark] .qr-quality-panel__ring{background:radial-gradient(46px 34px at 35% 0,#22c55e3d,#0000 72%),#22c55e1a;box-shadow:inset 0 1px #ffffff0a,0 12px 26px #22c55e1a}@media (width<=980px){.qr-preview-meta{grid-template-columns:1fr}.qr-quality-panel{grid-column:auto}}@media (width<=560px){.qr-meta-item{border-radius:20px;grid-template-columns:42px minmax(0,1fr);min-height:96px;padding:14px}.qr-meta-item__icon{border-radius:15px;width:42px;height:42px}.qr-meta-item__content>span{font-size:1.12rem}.qr-quality-panel{border-radius:22px;grid-template-columns:1fr;gap:12px;padding:16px}.qr-quality-panel:before{width:48px;height:3px;inset-block:16px auto;inset-inline-start:16px}.qr-quality-panel__visual{padding-inline-start:0}.qr-quality-panel__head{flex-direction:column;align-items:flex-start}}.qr-quality-panel__ring.is-good{color:#22c55e}.qr-quality-panel__ring.is-medium{color:#f59e0b;background:radial-gradient(46px 34px at 35% 0%, #f59e0b3d, transparent 72%), color-mix(in srgb, #f59e0b 12%, var(--surface));box-shadow:inset 0 1px #ffffff14,0 12px 26px #f59e0b1f}.qr-quality-panel__ring.is-warning{color:#ef4444;background:radial-gradient(46px 34px at 35% 0%, #ef44443d, transparent 72%), color-mix(in srgb, #ef4444 12%, var(--surface));box-shadow:inset 0 1px #ffffff14,0 12px 26px #ef44441f}.qr-bulk-results{margin-top:24px}.qr-bulk-results__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.qr-bulk-results__head h3{color:var(--text-strong);margin:0}.qr-bulk-results__head span{color:var(--text-soft);font-weight:700}.qr-bulk-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.qr-bulk-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:14px}.qr-bulk-card__preview{aspect-ratio:1;background:#fff;border-radius:16px;width:100%;margin-bottom:12px;padding:12px}.qr-bulk-card__preview svg,.qr-bulk-card__preview canvas{width:100%!important;height:100%!important}.qr-bulk-card__content{flex-direction:column;gap:4px;display:flex}.qr-bulk-card__content strong{color:var(--text-strong)}.qr-bulk-card__content span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}@keyframes qrPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.related-tools-section{padding:54px 0 0}.related-tools-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.related-tools-grid{grid-template-columns:1fr}}.related-tool-card{border:1px solid var(--border);background:radial-gradient(420px 160px at 20% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow-xs);border-radius:22px;padding:22px;text-decoration:none;transition:all .22s}.related-tool-card i{background:color-mix(in srgb, var(--primary) 10%, transparent);width:42px;height:42px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.related-tool-card strong{color:var(--text-strong);margin-bottom:6px;font-size:1rem;display:block}.related-tool-card span{color:var(--text-soft);line-height:1.55;display:block}.related-tool-card:hover{border-color:color-mix(in srgb, var(--primary) 26%, var(--border));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.qr-preset-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.qr-preset-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:18px;padding:14px;transition:all .22s}.qr-preset-card strong{color:var(--text-strong);margin-top:10px;font-size:.92rem;display:block}.qr-preset-card small{color:var(--text-soft);margin-top:3px;line-height:1.4;display:block}.qr-preset-card:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));transform:translateY(-1px)}.qr-preset-card.active{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-color:color-mix(in srgb, var(--primary) 36%, var(--border))}.qr-preset-card__preview{grid-template-columns:repeat(4,1fr);gap:4px;width:48px;height:48px;display:grid}.qr-preset-card__preview:before,.qr-preset-card__preview:after{content:""}.qr-preset-card__preview{background:linear-gradient(var(--text), var(--text)) 0 0/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 18px 0/10px 10px no-repeat, linear-gradient(var(--primary), var(--primary)) 36px 0/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 0 18px/10px 10px no-repeat, linear-gradient(var(--primary), var(--primary)) 18px 18px/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 36px 18px/10px 10px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 36px/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 18px 36px/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 36px 36px/10px 10px no-repeat}.qr-preset-card__preview.is-rounded{filter:drop-shadow(0 4px 12px color-mix(in srgb, var(--primary) 16%, transparent));border-radius:12px}.qr-preset-card__preview.is-dots{border-radius:999px}.qr-gradient-settings{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 58%, transparent);border-radius:18px;gap:16px;margin-top:12px;padding:40px 24px 24px}.qr-gradient-settings:not([hidden]){display:grid}.qr-preview-artboard{text-align:center;background:#fff;border-radius:18px;flex-flow:column;justify-content:center;align-items:center;padding:22px;display:flex;box-shadow:0 18px 50px #0f172a1f}.qr-preview-artboard.is-frameless{box-shadow:none;background:0 0;padding:0}.qr-preview-label{color:#111827;margin-top:16px;font-weight:800}.qr-preview-label.is-pill{color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 18px;display:inline-flex}.qr-preview-label.is-badge{color:#4338ca;background:#eef2ff;border-radius:12px;padding:8px 14px;display:inline-flex}.qr-preview-label.is-plain{background:0 0}.qr-quality-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 58%, transparent);border-radius:20px;padding:18px}.qr-quality-panel__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qr-quality-panel__head strong{color:var(--text-strong)}.qr-quality-panel__head span{font-weight:900}.qr-quality-panel__head span.is-good{color:#22c55e}.qr-quality-panel__head span.is-medium{color:#f59e0b}.qr-quality-panel__head span.is-warning{color:#ef4444}.qr-settings-accordion{margin-top:18px}.qr-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=520px){.qr-design-grid{grid-template-columns:1fr}}.qr-design-card{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));min-height:94px;color:var(--text);cursor:pointer;text-align:left;border-radius:18px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:12px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;box-shadow:inset 0 1px #ffffff0a}.qr-design-card:hover{border-color:color-mix(in srgb, var(--primary) 18%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 86%, transparent), color-mix(in srgb, var(--surface-soft) 52%, transparent));box-shadow:inset 0 1px 0 #ffffff0d, 0 10px 22px color-mix(in srgb, var(--text) 4%, transparent);transform:translateY(-1px)}.qr-design-card.active{border-color:color-mix(in srgb, var(--primary) 36%, var(--border));background:radial-gradient(160px 70px at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, transparent), color-mix(in srgb, var(--surface-soft) 56%, transparent));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 8%, transparent), inset 0 1px 0 #ffffff0f}.qr-design-card__content{flex-direction:column;gap:3px;min-width:0;display:flex}.qr-design-card__content strong{color:var(--text-strong);font-size:.92rem;font-weight:850;line-height:1.2}.qr-design-card__content small{color:var(--text-soft);font-size:.76rem;line-height:1.35}.qr-design-card__preview{background-color:color-mix(in srgb, var(--text) 88%, transparent);width:46px;height:46px;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 45%, transparent), inset 0 0 0 10px var(--surface);opacity:.94;border-radius:14px;transition:transform .22s,opacity .22s,border-radius .22s,filter .22s;display:block}.qr-design-card:hover .qr-design-card__preview{opacity:1;transform:scale(1.04)}.qr-design-card.active .qr-design-card__preview{filter:drop-shadow(0 8px 16px color-mix(in srgb, var(--primary) 16%, transparent))}.qr-design-card__preview.is-square{background:linear-gradient(var(--text), var(--text)) 0 0/13px 13px no-repeat, linear-gradient(var(--text), var(--text)) 17px 0/13px 13px no-repeat, linear-gradient(var(--text), var(--text)) 34px 0/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 0 17px/13px 13px no-repeat, linear-gradient(var(--primary), var(--primary)) 17px 17px/13px 13px no-repeat, linear-gradient(var(--text), var(--text)) 34px 17px/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 0 34px/10px 10px no-repeat, linear-gradient(var(--text), var(--text)) 17px 34px/13px 10px no-repeat, linear-gradient(var(--text), var(--text)) 34px 34px/10px 10px no-repeat;border-radius:6px}.qr-design-card__preview.is-rounded{background:radial-gradient(circle, var(--text) 64%, transparent 66%) 0 0/15px 15px, radial-gradient(circle, var(--primary) 64%, transparent 66%) 16px 16px/15px 15px;border-radius:12px}.qr-design-card__preview.is-dots{background:radial-gradient(circle, var(--text) 44%, transparent 46%) 0 0/12px 12px, radial-gradient(circle, var(--primary) 44%, transparent 46%) 6px 6px/12px 12px;border-radius:999px}.qr-design-card__preview.is-extra-rounded{background:linear-gradient(135deg, var(--text), var(--primary));border-radius:16px;-webkit-mask-image:radial-gradient(circle at 8px 8px,#000 6px,#0000 6.5px),linear-gradient(#000 0 0);mask-image:radial-gradient(circle at 8px 8px,#000 6px,#0000 6.5px),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:16px 16px,auto;mask-size:16px 16px,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.qr-design-card__preview.is-classy{background:conic-gradient(from 90deg, var(--text), var(--primary), var(--text));clip-path:polygon(0 0,70% 0,70% 28%,100% 28%,100% 100%,28% 100%,28% 70%,0 70%);border-radius:10px}.qr-design-card__preview.is-classy-rounded{background:radial-gradient(circle at 30% 30%, var(--primary), transparent 32%), linear-gradient(135deg, var(--text), var(--primary));border-radius:18px 8px}.qr-design-card__preview.is-brand{background:radial-gradient(circle at 50% 50%, var(--surface) 0 22%, transparent 23%), linear-gradient(135deg, var(--primary), #22c55e);border-radius:15px}.qr-design-card__preview.is-bold{background:linear-gradient(var(--text), var(--text)) 0 0/18px 18px no-repeat, linear-gradient(var(--text), var(--text)) 24px 0/18px 18px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 24px/18px 18px no-repeat, linear-gradient(var(--text), var(--text)) 24px 24px/18px 18px no-repeat;border-radius:8px}.qr-design-advanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}@media (width<=520px){.qr-design-advanced{grid-template-columns:1fr}}.qr-design-note{border:1px solid color-mix(in srgb, var(--border) 48%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 68%, transparent), color-mix(in srgb, var(--surface-soft) 34%, transparent));color:var(--text-soft);border-radius:16px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 13px;font-size:.82rem;line-height:1.45;display:flex}.qr-design-note i{color:var(--primary);margin-top:2px}:root[data-theme=dark] .qr-design-card{background:linear-gradient(#1e293b4d,#0f172a33);border-color:#94a3b81a;box-shadow:inset 0 1px #ffffff06}:root[data-theme=dark] .qr-design-card:hover{border-color:color-mix(in srgb, var(--primary) 16%, #94a3b82e);background:linear-gradient(#1e293b61,#0f172a42);box-shadow:inset 0 1px #ffffff09,0 8px 18px #0000001a}:root[data-theme=dark] .qr-design-card.active{border-color:color-mix(in srgb, var(--primary) 30%, #94a3b838);background:radial-gradient(180px 72px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 72%), linear-gradient(180deg, #1e293b6b, #0f172a4d);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent), inset 0 1px 0 #ffffff09}:root[data-theme=dark] .qr-design-card__preview{box-shadow:0 0 0 1px #94a3b81f,inset 0 0 0 10px #111827}:root[data-theme=dark] .qr-design-note{background:linear-gradient(#1e293b42,#0f172a2e);border-color:#94a3b81a}.qr-eye-style-section{border-top:1px solid color-mix(in srgb, var(--border) 52%, transparent);margin-top:18px;padding-top:16px}.qr-mini-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.qr-mini-section-head strong{color:var(--text-strong);letter-spacing:-.01em;font-size:.88rem;font-weight:900}.qr-mini-section-head span{border:1px solid color-mix(in srgb, var(--border) 58%, transparent);background:color-mix(in srgb, var(--surface-soft) 54%, transparent);min-height:24px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 9px;font-size:.72rem;font-weight:800;display:inline-flex}.qr-eye-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=680px){.qr-eye-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.qr-eye-grid{grid-template-columns:1fr}}.qr-eye-grid--outer,.qr-eye-grid--inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (width<=560px){.qr-eye-grid--outer,.qr-eye-grid--inner{grid-template-columns:1fr}}.qr-eye-card{border:1px solid color-mix(in srgb, var(--border) 52%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, transparent), color-mix(in srgb, var(--surface-soft) 38%, transparent));min-height:86px;color:var(--text);cursor:pointer;text-align:left;border-radius:18px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:16px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:flex}.qr-eye-card strong{color:var(--text-strong);font-size:.84rem;font-weight:850;line-height:1.2;display:block}.qr-eye-card small{color:var(--text-soft);margin-top:2px;font-size:.72rem;line-height:1.3;display:block}.qr-eye-card:hover{border-color:color-mix(in srgb, var(--primary) 18%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 82%, transparent), color-mix(in srgb, var(--surface-soft) 48%, transparent));box-shadow:0 8px 18px color-mix(in srgb, var(--text) 4%, transparent);transform:translateY(-1px)}.qr-eye-card.active{border-color:color-mix(in srgb, var(--primary) 34%, var(--border));background:radial-gradient(140px 64px at 0% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 84%, transparent), color-mix(in srgb, var(--surface-soft) 50%, transparent));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 8%, transparent)}.qr-eye-card .qr-dot-preview,.qr-eye-preview--outer{width:46px;height:46px}.qr-eye-preview--outer:before{content:"";border:8px solid var(--text-strong);width:34px;height:34px;transition:border-radius .22s,clip-path .22s,transform .22s,border-color .22s,box-shadow .22s;display:block}.qr-eye-preview--outer.is-square:before{border-radius:2px}.qr-eye-preview--outer.is-dot:before{border-radius:999px}.qr-eye-preview--outer.is-rounded:before{border-radius:9px}.qr-eye-preview--outer.is-extra-rounded:before{border-radius:13px}.qr-eye-preview--outer.is-dots:before{background:radial-gradient(circle, var(--text-strong) 52%, transparent 54%) 0 0/10px 10px, radial-gradient(circle, var(--text-strong) 52%, transparent 54%) 5px 5px/10px 10px;border:0;border-radius:0;width:38px;height:38px}.qr-eye-preview--outer.is-classy:before{clip-path:polygon(0 0,100% 0,100% 28%,72% 28%,72% 72%,100% 72%,100% 100%,0 100%,0 72%,28% 72%,28% 28%,0 28%);border-radius:2px}.qr-eye-preview--outer.is-classy-rounded:before{clip-path:polygon(0 0,100% 0,100% 30%,74% 30%,74% 74%,100% 74%,100% 100%,0 100%,0 74%,30% 74%,30% 30%,0 30%);border-radius:13px 5px}.qr-eye-preview--inner:before{content:"";background:var(--text-strong);border-radius:5px;width:27px;height:27px;transition:border-radius .22s,clip-path .22s,transform .22s,background .22s,box-shadow .22s;display:block}.qr-eye-preview--inner.is-square:before{background:var(--text-strong);border-radius:5px}.qr-eye-preview--inner.is-dot:before{background:var(--text-strong);border-radius:999px}.qr-eye-preview--inner.is-rounded:before{background:var(--text-strong);border-radius:10px}.qr-eye-preview--inner.is-extra-rounded:before{background:var(--text-strong);border-radius:13px}.qr-eye-preview--inner.is-dots:before{background:radial-gradient(circle, var(--text-strong) 48%, transparent 51%) 0 0/10px 10px, radial-gradient(circle, var(--text-strong) 48%, transparent 51%) 5px 5px/10px 10px;background-repeat:repeat;border-radius:0;width:31px;height:31px}.qr-eye-preview--inner.is-classy:before{background:var(--text-strong);clip-path:polygon(0 0,76% 0,76% 28%,100% 28%,100% 100%,28% 100%,28% 76%,0 76%);border-radius:4px}.qr-eye-preview--inner.is-classy-rounded:before{background:var(--text-strong);clip-path:polygon(0 0,78% 0,78% 28%,100% 28%,100% 100%,28% 100%,28% 78%,0 78%);border-radius:14px 5px}.qr-eye-card.active .qr-eye-preview--outer.is-dots:before{background:radial-gradient(circle, var(--primary) 52%, transparent 54%) 0 0/10px 10px, radial-gradient(circle, var(--primary) 52%, transparent 54%) 5px 5px/10px 10px}.qr-eye-card.active .qr-eye-preview--inner.is-dots:before{background:radial-gradient(circle, var(--primary) 48%, transparent 50%) 0 0/10px 10px, radial-gradient(circle, var(--primary) 48%, transparent 50%) 5px 5px/10px 10px}.qr-eye-card.active .qr-eye-preview{filter:drop-shadow(0 7px 14px color-mix(in srgb, var(--primary) 14%, transparent))}.qr-eye-card.active .qr-eye-preview--outer:before{border-color:var(--primary)}.qr-eye-card.active .qr-eye-preview--inner:before{background:var(--primary)}:root[data-theme=dark] .qr-eye-style-section{border-top-color:#94a3b81a}:root[data-theme=dark] .qr-mini-section-head span{background:#1e293b42;border-color:#94a3b81f}:root[data-theme=dark] .qr-eye-card{background:linear-gradient(#1e293b42,#0f172a2e);border-color:#94a3b81a}:root[data-theme=dark] .qr-eye-card:hover{border-color:color-mix(in srgb, var(--primary) 16%, #94a3b82e);background:linear-gradient(#1e293b57,#0f172a3d);box-shadow:0 8px 18px #0000001a}:root[data-theme=dark] .qr-eye-card.active{border-color:color-mix(in srgb, var(--primary) 30%, #94a3b838);background:radial-gradient(140px 64px at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 72%), linear-gradient(180deg, #1e293b61, #0f172a47)}.qr-eye-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}@media (width<=720px){.qr-eye-advanced-grid{grid-template-columns:1fr}}.qr-eye-advanced-card{border:1px solid color-mix(in srgb, var(--border) 48%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 68%, transparent), color-mix(in srgb, var(--surface-soft) 34%, transparent));border-radius:18px;gap:16px;margin-top:24px;padding:14px;display:grid}.qr-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=520px){.qr-size-grid{grid-template-columns:1fr}}:root[data-theme=dark] .qr-eye-advanced-card{background:linear-gradient(#1e293b3d,#0f172a29);border-color:#94a3b81a}.qr-dot-style-section{margin-top:18px}.qr-eye-grid--dots{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (width<=560px){.qr-eye-grid--dots{grid-template-columns:1fr}}.qr-dot-preview{border-radius:14px;flex:none;width:46px;height:46px;transition:transform .22s,filter .22s,opacity .22s;display:block;position:relative}.qr-dot-preview.is-square{background:linear-gradient(var(--text-strong), var(--text-strong)) 0 0/12px 12px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 17px 0/12px 12px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 34px 0/10px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 0 17px/12px 12px no-repeat, linear-gradient(var(--primary), var(--primary)) 17px 17px/12px 12px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 34px 17px/10px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 0 34px/10px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 17px 34px/12px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 34px 34px/10px 10px no-repeat;border-radius:7px}.qr-dot-preview.is-rounded{background:radial-gradient(circle, var(--text-strong) 63%, transparent 65%) 0 0/15px 15px, radial-gradient(circle, var(--primary) 63%, transparent 65%) 16px 16px/15px 15px}.qr-dot-preview.is-dots{background:radial-gradient(circle, var(--text-strong) 42%, transparent 44%) 0 0/12px 12px, radial-gradient(circle, var(--primary) 42%, transparent 44%) 6px 6px/12px 12px;border-radius:999px}.qr-dot-preview.is-extra-rounded{background:linear-gradient(var(--text-strong), var(--text-strong)) 0 0/13px 13px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 17px 0/13px 13px no-repeat, linear-gradient(var(--primary), var(--primary)) 34px 0/10px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 0 17px/13px 13px no-repeat, linear-gradient(var(--primary), var(--primary)) 17px 17px/13px 13px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 34px 17px/10px 10px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 34px/10px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 17px 34px/13px 10px no-repeat, linear-gradient(var(--text-strong), var(--text-strong)) 34px 34px/10px 10px no-repeat;background-repeat:no-repeat}.qr-dot-preview.is-extra-rounded:before{content:"";border-radius:16px;position:absolute;inset:0}.qr-dot-preview.is-classy{background:conic-gradient(from 90deg, var(--text-strong), var(--primary), var(--text-strong));clip-path:polygon(0 0,72% 0,72% 28%,100% 28%,100% 100%,28% 100%,28% 72%,0 72%);border-radius:10px}.qr-dot-preview.is-classy-rounded{background:radial-gradient(circle at 30% 30%, var(--primary), transparent 32%), linear-gradient(135deg, var(--text-strong), var(--primary));clip-path:polygon(0 0,78% 0,78% 28%,100% 28%,100% 100%,28% 100%,28% 78%,0 78%);border-radius:18px 7px}.qr-eye-card.active .qr-dot-preview{filter:drop-shadow(0 7px 14px color-mix(in srgb, var(--primary) 14%, transparent))}.qr-eye-card:hover .qr-dot-preview{transform:scale(1.045)}.qr-design-tabs .viwo-tabs__nav{border-radius:18px;margin-bottom:14px;padding:5px}.qr-design-tabs .viwo-tabs__button{border-radius:13px;min-height:48px;padding:0 16px;font-size:.84rem}.qr-design-tabs .viwo-tabs__button i{font-size:.86rem}.qr-design-tabs .viwo-tabs__body{margin-top:0}.qr-design-tab-panel{padding:0}.qr-design-tabs .qr-mini-section-head{margin-bottom:12px}.qr-type-select-control{margin-top:8px}.qr-type-select-option,.qr-type-select-selection{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 0;display:grid}.qr-type-select-selection{grid-template-columns:34px minmax(0,1fr)}.qr-type-select-option__icon,.qr-type-select-selection__icon{width:34px;height:34px;color:var(--primary);background:radial-gradient(34px 24px at 30% 0%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 72%), color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:12px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.qr-type-select-option__content,.qr-type-select-selection__content{flex-direction:column;gap:2px;min-width:0;display:flex}.qr-type-select-option__content strong,.qr-type-select-selection__content strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:850;line-height:1.15;overflow:hidden}.qr-type-select-option__content small,.qr-type-select-selection__content small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:650;line-height:1.25;overflow:hidden}.qr-type-select-option__group{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);background:color-mix(in srgb, var(--surface-soft) 46%, transparent);color:var(--text-soft);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:850}.select2-results__option--highlighted .qr-type-select-option__icon{background:radial-gradient(34px 24px at 30% 0%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 72%), color-mix(in srgb, var(--primary) 16%, var(--surface))}:root[data-theme=dark] .qr-type-select-option__icon,:root[data-theme=dark] .qr-type-select-selection__icon{background:radial-gradient(34px 24px at 30% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 72%), #6366f11f;box-shadow:inset 0 1px #ffffff09}:root[data-theme=dark] .qr-type-select-option__group{background:#1e293b47;border-color:#94a3b81a}.qr-content-panels{margin-top:18px}.qr-content-panel{flex-flow:column;gap:24px;margin-top:48px;animation:.22s cubic-bezier(.16,1,.3,1) both qrContentPanelIn;display:flex}.qr-content-panel[hidden]{display:none!important}.qr-content-panel>.field-control,.qr-content-panel>.viwo-file-drop,.qr-content-panel>.field-hint,.qr-content-panel>.field-control:first-child,.qr-content-panel>.viwo-file-drop:first-child,.qr-content-panel>.field-hint:first-child{margin-top:0}.qr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.qr-form-grid+.field-control,.qr-form-grid+.viwo-file-drop,.qr-form-grid+.field-hint{margin-top:18px}.field-hint{border:1px solid color-mix(in srgb, var(--border) 44%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 62%, transparent), color-mix(in srgb, var(--surface-soft) 32%, transparent));color:var(--text-soft);border-radius:16px;margin:12px 0 0;padding:12px 14px;font-size:.82rem;font-weight:650;line-height:1.45}@keyframes qrContentPanelIn{0%{opacity:0;filter:blur(2px);transform:translateY(6px)scale(.996)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=760px){.qr-form-grid{grid-template-columns:1fr;gap:14px}}:root[data-theme=dark] .field-hint{background:linear-gradient(#1e293b3d,#0f172a29);border-color:#94a3b81a}.qr-design-tabs .viwo-tabs__body{padding-top:16px}.qr-design-tabs .viwo-tabs__body .settings-group{grid-template-columns:1fr;gap:24px;display:grid}.qr-gradient-settings{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:radial-gradient(260px 110px at 0% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, transparent), color-mix(in srgb, var(--surface-soft) 38%, transparent));border-radius:22px;margin-top:14px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.qr-gradient-settings[hidden]{display:none!important}.qr-gradient-settings .range-control{--range-height:62px;--range-radius:18px;min-height:var(--range-height);border:1px solid color-mix(in srgb, var(--border) 64%, transparent);border-radius:var(--range-radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 76%, transparent), color-mix(in srgb, var(--surface-soft) 42%, transparent));flex-direction:column;justify-content:center;gap:10px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.qr-gradient-settings .range-control__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-gradient-settings .range-control__head>span{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:950}.qr-gradient-settings .range-control__head strong{background:color-mix(in srgb, var(--primary) 10%, transparent);min-height:26px;color:var(--primary);border-radius:999px;align-items:center;padding:0 9px;font-size:.78rem;font-weight:950;display:inline-flex}.qr-gradient-settings .range-control input[type=range]{appearance:none;background:linear-gradient(90deg, var(--primary), color-mix(in srgb, #22c55e 55%, var(--primary)));cursor:pointer;border-radius:999px;outline:0;width:100%;height:6px}.qr-gradient-settings .range-control input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--primary);width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 40%, transparent), 0 8px 18px color-mix(in srgb, var(--primary) 24%, transparent);border-radius:999px;transition:transform .18s,box-shadow .18s}.qr-gradient-settings .range-control input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 14%, transparent), 0 10px 20px color-mix(in srgb, var(--primary) 28%, transparent);transform:scale(1.08)}.qr-gradient-settings .range-control input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--primary);width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 40%, transparent), 0 8px 18px color-mix(in srgb, var(--primary) 24%, transparent);border-radius:999px}.qr-gradient-settings .range-control__ticks{color:var(--text-soft);justify-content:space-between;font-size:.68rem;font-weight:750;display:flex}.qr-gradient-settings__head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.qr-gradient-settings__head strong{color:var(--text-strong);letter-spacing:-.015em;font-size:.96rem;font-weight:950;line-height:1.15;display:block}.qr-gradient-settings__head small{color:var(--text-soft);margin-top:4px;font-size:.78rem;font-weight:650;line-height:1.4;display:block}.qr-gradient-settings__badge{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 9%, transparent);min-height:28px;color:var(--primary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.72rem;font-weight:900;display:inline-flex}.qr-gradient-settings__grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:end;gap:14px;margin-top:14px;display:grid}.qr-color-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.json-csharp-page{padding:56px 0 0}.json-csharp-page__hero{margin-bottom:34px}.json-csharp-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;display:grid}@media (width<=1100px){.json-csharp-layout{grid-template-columns:1fr}}.json-csharp-settings-card,.json-csharp-workspace-card{border:1px solid var(--border);background:radial-gradient(680px 220px at 20% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 62%), var(--surface);box-shadow:var(--shadow-sm);border-radius:28px}.json-csharp-settings-card{align-self:start;padding:26px;position:sticky;top:96px}@media (width<=1100px){.json-csharp-settings-card{position:static}}.json-csharp-workspace-card{overflow:hidden}.json-csharp-workspace-card .workspace-toolbar{border-bottom:1px solid var(--border);padding:24px}.json-csharp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;display:grid}@media (width<=980px){.json-csharp-grid{grid-template-columns:1fr}}.json-csharp-grid .editor-panel{min-width:0;padding:24px}.json-csharp-grid .editor-panel:first-child{border-inline-end:1px solid var(--border)}@media (width<=980px){.json-csharp-grid .editor-panel:first-child{border-inline-end:0;border-bottom:1px solid var(--border)}}.json-csharp-helper{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 24px 24px;display:grid}@media (width<=900px){.json-csharp-helper{grid-template-columns:1fr}}.code-output--shiki{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 68%, transparent);min-height:560px;max-height:none;overflow:auto}.code-output--shiki .shiki{min-height:560px;margin:0;padding:18px;font-size:13.5px;line-height:1.7;background:0 0!important}.base64-image-page{padding:56px 0 0}.base64-image-page__hero{margin-bottom:34px}.base64-workspace-card{border:1px solid var(--border);background:radial-gradient(720px 240px at 20% 0%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 62%), var(--surface);box-shadow:var(--shadow-sm);border-radius:28px;padding:28px;overflow:hidden}.base64-layout{border-top:1px solid var(--border);grid-template-columns:minmax(320px,430px) minmax(0,1fr);display:grid}@media (width<=1100px){.base64-layout{grid-template-columns:1fr}}.base64-settings-card{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 54%, transparent);padding:26px}@media (width<=1100px){.base64-settings-card{border-inline-end:0;border-bottom:1px solid var(--border)}}.base64-preview-card{min-height:720px;padding:26px}.base64-preview-card__head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.base64-preview-card__head h2{color:var(--text-strong);margin:0 0 6px;font-size:1.35rem}.base64-preview-card__head p{color:var(--text-soft);margin:0;line-height:1.6}.base64-mode-tabs{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:repeat(2,1fr);padding:5px;display:grid}.base64-mode-tab{min-height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 12px;font-weight:800;transition:all .2s}.base64-mode-tab.active{color:var(--text);background:color-mix(in srgb, var(--primary) 12%, var(--surface-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent)}.base64-dropzone{border:1px dashed color-mix(in srgb, var(--primary) 38%, var(--border));background:radial-gradient(420px 160px at 50% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 62%), var(--surface);text-align:center;cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:190px;padding:26px;transition:all .22s;display:flex}.base64-dropzone:hover,.base64-dropzone.is-dragover{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));box-shadow:var(--shadow-xs);transform:translateY(-1px)}.base64-dropzone__icon{background:color-mix(in srgb, var(--primary) 12%, transparent);width:54px;height:54px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.base64-dropzone strong{color:var(--text-strong);font-size:1rem}.base64-dropzone small{color:var(--text-soft);line-height:1.5}.base64-file-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.base64-file-row{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:54px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:10px;display:grid}.base64-file-row__preview{background:color-mix(in srgb, var(--surface-soft) 70%, transparent);border-radius:14px;width:54px;height:54px;overflow:hidden}.base64-file-row__preview img{object-fit:contain;width:100%;height:100%}.base64-file-row__content{min-width:0}.base64-file-row__content strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.base64-file-row__content span{color:var(--text-soft);font-size:.84rem}.base64-file-row__remove{border:1px solid var(--border);background:var(--surface-soft);width:36px;height:36px;color:var(--text-soft);cursor:pointer;border-radius:12px;transition:all .2s}.base64-file-row__remove:hover{color:var(--text);border-color:color-mix(in srgb, #ef4444 30%, var(--border));background:color-mix(in srgb, #ef4444 8%, var(--surface-soft))}.base64-option-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.base64-preview-stage{border:1px solid var(--border);background:radial-gradient(500px 220px at 50% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 64%), linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 74%, transparent), var(--surface));border-radius:28px;justify-content:center;align-items:center;min-height:420px;padding:26px;display:flex}.base64-preview-box{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);width:min(520px,100%);min-height:320px;box-shadow:0 28px 80px color-mix(in srgb, var(--text) 10%, transparent), inset 0 1px 0 #ffffff14;border-radius:28px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.base64-preview-box img{object-fit:contain;border-radius:14px;max-width:100%;max-height:420px;display:block}.base64-preview-box img[hidden],.base64-preview-box .base64-preview-empty[hidden]{display:none!important}.base64-preview-empty{color:var(--text-soft);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.base64-preview-empty i{background:color-mix(in srgb, var(--primary) 10%, transparent);width:58px;height:58px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.base64-preview-empty strong{color:var(--text-strong)}.base64-preview-empty span{max-width:320px;line-height:1.6}.base64-meta-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}@media (width<=720px){.base64-meta-grid{grid-template-columns:1fr}}.base64-meta-item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 58%, transparent);border-radius:18px;padding:16px}.base64-meta-item strong{color:var(--text-soft);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:.78rem;display:block}.base64-meta-item span{color:var(--text-strong);font-weight:800}.base64-output-tabs{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:22px;padding:5px;display:inline-flex}.base64-output-tab{min-height:40px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 16px;font-weight:800}.base64-output-tab.active{color:var(--text);background:color-mix(in srgb, var(--primary) 12%, var(--surface-soft))}.base64-output-view{margin-top:14px}.base64-output-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.base64-output-toolbar span{color:var(--text-soft);font-weight:700}.base64-output-textarea{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 58%, transparent);width:100%;min-height:260px;color:var(--text);resize:vertical;border-radius:22px;outline:0;padding:18px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.7}.base64-output-textarea:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.base64-bulk-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.base64-result-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:14px}.base64-result-card__preview{aspect-ratio:1.4;background:color-mix(in srgb, var(--surface-soft) 72%, transparent);border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:12px;display:flex}.base64-result-card__preview img{object-fit:contain;max-width:100%;max-height:100%}.base64-result-card__content{margin-bottom:12px}.base64-result-card__content strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.base64-result-card__content span{color:var(--text-soft);font-size:.85rem}.base64-result-card__actions{flex-wrap:wrap;gap:8px;display:flex}
/*$vite$:1*/