@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.table{display:table}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--font-plus-jakarta-sans:"Plus Jakarta Sans";--font-sora:"Sora";--font-body:var(--font-plus-jakarta-sans),sans-serif;--font-display:var(--font-sora),sans-serif;--bg:#f3f7fb;--bg-elevated:#fff;--bg-soft:#f7fbff;--text-main:#101521;--text:var(--text-main);--text-muted:#4e596a;--border:#dbe3ee;--accent:#1a8fff;--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft:color-mix(in srgb,var(--accent)16%,transparent)}}:root{--accent-strong:#0667c8;--ring:#1a8fff42;--shadow:0 20px 45px #1015211f}:root[data-theme=dark]{--bg:#0f131c;--bg-elevated:#181f2d;--bg-soft:#1d2636;--text-main:#f2f6ff;--text-muted:#a8b4c8;--border:#2b3750;--shadow:0 24px 50px #00000073}:root[data-scheme=sky]{--accent:#0ea5e9;--accent-strong:#0284c7;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=sky]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=blue]{--accent:#2563eb;--accent-strong:#1d4ed8;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=blue]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=indigo]{--accent:#4f46e5;--accent-strong:#4338ca;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=indigo]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=violet]{--accent:#7c3aed;--accent-strong:#6d28d9;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=violet]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=purple]{--accent:#9333ea;--accent-strong:#7e22ce;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=purple]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=fuchsia]{--accent:#d946ef;--accent-strong:#c026d3;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=fuchsia]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=pink]{--accent:#ec4899;--accent-strong:#db2777;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=pink]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=cyan]{--accent:#06b6d4;--accent-strong:#0891b2;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=cyan]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=teal]{--accent:#14b8a6;--accent-strong:#0f766e;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=teal]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=emerald]{--accent:#10b981;--accent-strong:#059669;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=emerald]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=lime]{--accent:#84cc16;--accent-strong:#65a30d;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=lime]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=yellow]{--accent:#eab308;--accent-strong:#ca8a04;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=yellow]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=amber]{--accent:#f59e0b;--accent-strong:#d97706;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=amber]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=rose]{--accent:#f43f5e;--accent-strong:#e11d48;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=rose]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=orange]{--accent:#f97316;--accent-strong:#ea580c;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=orange]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=slate]{--accent:#64748b;--accent-strong:#475569;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=slate]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=gray]{--accent:#6b7280;--accent-strong:#4b5563;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=gray]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}:root[data-scheme=stone]{--accent:#78716c;--accent-strong:#57534e;--ring:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-scheme=stone]{--ring:color-mix(in srgb,var(--accent)28%,transparent)}}body{min-height:100vh;color:var(--text-main);font-family:var(--font-body),sans-serif;background:radial-gradient(1100px 560px at 6% -10%,var(--accent),transparent 65%),radial-gradient(1200px 560px at 105% 0%,var(--accent-strong),transparent 70%),linear-gradient(165deg,var(--bg),var(--bg));margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(1100px 560px at 6% -10%,color-mix(in srgb,var(--accent)24%,transparent),transparent 65%),radial-gradient(1200px 560px at 105% 0%,color-mix(in srgb,var(--accent-strong)14%,transparent),transparent 70%),linear-gradient(165deg,var(--bg),color-mix(in srgb,var(--bg)84%,#fff 16%))}}body{overflow-x:hidden}body.sidebar-opened{overflow:hidden}.studio-shell{grid-template-columns:290px 1fr;gap:24px;min-width:0;min-height:100vh;padding:20px;display:grid}.sidebar-overlay{display:none}.sidebar-panel,.content-panel,.tool-group,.tool-card,.controls-shell,.controls-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.sidebar-panel,.content-panel,.tool-group,.tool-card,.controls-shell,.controls-panel{background:color-mix(in srgb,var(--bg-elevated)92%,transparent)}}.sidebar-panel,.content-panel,.tool-group,.tool-card,.controls-shell,.controls-panel{border:1px solid var(--border);border-radius:20px}.sidebar-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-elevated);flex-direction:column;align-self:start;height:calc(100dvh - 40px);min-height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);padding:18px;display:flex;position:sticky;top:20px;overflow:hidden}.sidebar-scroll{flex:1;min-height:0;overflow:auto}.sidebar-bottom{flex-direction:column;gap:10px;margin-top:12px;display:flex}.sidebar-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:0;padding-top:10px;display:grid;position:relative;overflow:visible}.brand-block{padding:14px 14px 18px}.brand-name{font-family:var(--font-display),sans-serif;letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:700}.brand-name-link{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand-logo-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.brand-logo{object-fit:contain;width:24px;height:24px}.brand-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-close-btn{border:1px solid var(--accent);width:34px;height:34px;display:none}@supports (color:color-mix(in lab, red, red)){.sidebar-close-btn{border:1px solid color-mix(in srgb,var(--accent)36%,var(--border))}}.sidebar-close-btn{background:var(--bg-soft);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.sidebar-close-btn{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.sidebar-close-btn{color:var(--text-main);cursor:pointer;justify-content:center;align-items:center}.sidebar-close-btn svg{fill:currentColor;width:16px;height:16px}.brand-name-link:hover .brand-name{color:var(--accent-strong)}.brand-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.88rem;line-height:1.4}.brand-divider{background:var(--border);width:100%;height:1px;margin-top:12px}@supports (color:color-mix(in lab, red, red)){.brand-divider{background:color-mix(in srgb,var(--border)80%,transparent)}}.section-nav{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.section-nav-item{width:100%;color:var(--text-main);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:2px 10px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.section-nav-item:hover{border-color:var(--border);background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.section-nav-item:hover{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.section-nav-item.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-nav-item.active{border-color:color-mix(in srgb,var(--accent)50%,var(--border))}}.section-nav-item.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-nav-item.active{background:color-mix(in srgb,var(--accent)11%,var(--bg-elevated))}}.section-count{text-align:center;min-width:28px;color:var(--accent-strong);background:var(--accent);border-radius:999px;padding:2px 3px;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.section-count{background:color-mix(in srgb,var(--accent)18%,transparent)}}.content-panel{box-shadow:var(--shadow);min-width:0;padding:20px}.hero-block{border:1px solid var(--accent);border-radius:18px;padding:24px}@supports (color:color-mix(in lab, red, red)){.hero-block{border:1px solid color-mix(in srgb,var(--accent)32%,var(--border))}}.hero-block{background:linear-gradient(130deg,var(--accent),var(--accent-strong))}@supports (color:color-mix(in lab, red, red)){.hero-block{background:linear-gradient(130deg,color-mix(in srgb,var(--accent)23%,var(--bg-elevated)),color-mix(in srgb,var(--accent-strong)10%,var(--bg-elevated)))}}.hero-label{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-strong);margin:0;font-size:.73rem;font-weight:700}.hero-block h1{font-family:var(--font-display),sans-serif;margin:8px 0 0;font-size:clamp(1.45rem,2.8vw,2.2rem);line-height:1.15}.sidebar-search{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:0;padding:0}.sidebar-search label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.sidebar-search input{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;width:100%;height:40px}@supports (color:color-mix(in lab, red, red)){.sidebar-search input{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.sidebar-search input{color:var(--text-main);box-shadow:none;appearance:none;padding:0 12px;font-size:.9rem}.sidebar-search input:focus{outline:2px solid var(--ring);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.sidebar-search input:focus{border-color:color-mix(in srgb,var(--accent)50%,var(--border))}}.search-results{flex-direction:column;gap:8px;max-height:220px;margin-top:10px;display:flex;overflow:auto}.search-result-item{border:1px solid var(--border);color:var(--text-main);background:var(--bg-soft);border-radius:10px;padding:8px 10px;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.search-result-item{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.search-result-item p{margin:0;font-size:.88rem;font-weight:700}.search-result-item span{color:var(--text-muted);margin-top:3px;font-size:.75rem;display:block}.search-empty{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.controls-panel{grid-template-columns:1fr;gap:12px;padding:14px;display:grid}.controls-shell{position:static}.controls-icon-btn,.about-icon-btn{border:1px solid var(--accent);width:100%;height:40px}@supports (color:color-mix(in lab, red, red)){.controls-icon-btn,.about-icon-btn{border:1px solid color-mix(in srgb,var(--accent)25%,var(--border))}}.controls-icon-btn,.about-icon-btn{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.controls-icon-btn,.about-icon-btn{background:color-mix(in srgb,var(--bg-soft)95%,transparent)}}.controls-icon-btn,.about-icon-btn{color:var(--text-main);border-radius:12px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.controls-icon-btn svg,.about-icon-btn svg{fill:currentColor;width:18px;height:18px}.controls-icon-btn:hover,.about-icon-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.controls-icon-btn:hover,.about-icon-btn:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--border))}}.controls-icon-btn:hover,.about-icon-btn:hover{color:var(--accent-strong)}.controls-popover{border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;width:100%;padding:10px;position:absolute;bottom:calc(100% + 8px);left:0;right:0}@supports (color:color-mix(in lab, red, red)){.controls-popover{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.controls-popover{box-shadow:var(--shadow);z-index:30}.controls-popover-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:.74rem;font-weight:700}.control{flex-direction:column;gap:6px;display:flex}.control label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.control-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.scheme-swatch{border:1px solid #0000001f;border-radius:999px;flex-shrink:0;width:12px;height:12px}.scheme-picker{position:relative}.scheme-picker-btn{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;width:100%;height:42px}@supports (color:color-mix(in lab, red, red)){.scheme-picker-btn{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.scheme-picker-btn{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;padding:0 12px;font-size:.92rem;display:flex}.scheme-picker-btn:focus-visible{outline:2px solid var(--ring);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scheme-picker-btn:focus-visible{border-color:color-mix(in srgb,var(--accent)50%,var(--border))}}.scheme-picker-value{align-items:center;gap:8px;display:inline-flex}.scheme-dot{font-size:1rem;line-height:1}.scheme-picker-caret{color:var(--text-muted)}.scheme-picker-menu{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}@supports (color:color-mix(in lab, red, red)){.scheme-picker-menu{background:color-mix(in srgb,var(--bg-elevated)98%,transparent)}}.scheme-picker-menu{box-shadow:0 14px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.scheme-picker-menu{box-shadow:0 14px 26px color-mix(in srgb,var(--accent)18%,transparent)}}.scheme-picker-menu{z-index:40;max-height:220px;padding:6px;overflow:auto}.scheme-picker-item{width:100%;min-height:34px;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:inline-flex}.scheme-picker-item:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scheme-picker-item:hover{border-color:color-mix(in srgb,var(--accent)36%,var(--border))}}.scheme-picker-item:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scheme-picker-item:hover{background:color-mix(in srgb,var(--accent)10%,var(--bg-soft))}}.scheme-picker-item.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scheme-picker-item.active{border-color:color-mix(in srgb,var(--accent)46%,var(--border))}}.scheme-picker-item.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scheme-picker-item.active{background:color-mix(in srgb,var(--accent)14%,var(--bg-soft))}}.control select,.control input{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;height:42px}@supports (color:color-mix(in lab, red, red)){.control select,.control input{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.control select,.control input{color:var(--text-main);padding:0 12px;font-size:.92rem}.control select:focus,.control input:focus{outline:2px solid var(--ring);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.control select:focus,.control input:focus{border-color:color-mix(in srgb,var(--accent)50%,var(--border))}}.cookie-manage-btn{border:1px solid var(--accent);border-radius:10px;grid-column:1/-1;min-height:38px}@supports (color:color-mix(in lab, red, red)){.cookie-manage-btn{border:1px solid color-mix(in srgb,var(--accent)35%,var(--border))}}.cookie-manage-btn{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.cookie-manage-btn{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.cookie-manage-btn{color:var(--text-main);cursor:pointer;font-weight:700}.groups-wrapper{flex-direction:column;gap:14px;margin-top:16px;display:flex}.main-tool-tabs-row{padding:8px 4px 2px 0}.tool-group{padding:16px}.tool-group h2{letter-spacing:.01em;margin:0 0 14px;font-size:1rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.tool-card{background:color-mix(in srgb,var(--bg-elevated)94%,transparent)}}.tool-card{flex-direction:column;justify-content:space-between;min-height:170px;padding:14px;display:flex}.tool-link-card{color:var(--text-main);text-decoration:none;transition:transform .17s,border-color .17s,box-shadow .17s}.tool-link-card:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.tool-link-card:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--border))}}.tool-link-card:hover{box-shadow:0 12px 22px var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-link-card:hover{box-shadow:0 12px 22px color-mix(in srgb,var(--accent)16%,transparent)}}.tool-open-link{border:1px solid var(--border);min-height:34px;color:var(--text-main);background:var(--bg-soft);border-radius:9px;justify-content:center;align-items:center;margin-top:12px;padding:0 10px;font-size:.83rem;font-weight:700;text-decoration:none;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tool-open-link{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.generator-tabs-row{align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.generator-back-link{flex-shrink:0;margin-top:0;display:none}.generator-tabs{scrollbar-width:thin;flex:1;align-items:center;gap:8px;min-width:0;margin:0;padding:2px 2px 6px;display:flex;overflow-x:auto}.generator-tab{border:1px solid var(--border);min-height:36px;color:var(--text-main);white-space:nowrap;background:var(--bg-soft);border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.generator-tab{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.generator-tab{flex:none;transition:transform .15s,border-color .15s,background .15s}.generator-tab:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.generator-tab:hover{border-color:color-mix(in srgb,var(--accent)58%,var(--border))}}.generator-tab.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.generator-tab.active{border-color:color-mix(in srgb,var(--accent)64%,var(--border))}}.generator-tab.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.generator-tab.active{background:color-mix(in srgb,var(--accent)14%,var(--bg-soft))}}.generator-tab.active{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.generator-tab.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent)24%,transparent)}}.generator-tool-card{min-height:auto}.generator-tool-card-database{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.active-tool-card{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.active-tool-card{border-color:color-mix(in srgb,var(--accent)58%,var(--border))}}.active-tool-card{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.active-tool-card{background:color-mix(in srgb,var(--accent)12%,var(--bg-elevated))}}.active-tool-card{box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.active-tool-card{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent)20%,transparent)}}.tool-card-head h3{margin:8px 0 4px;font-size:1.02rem}.tool-card-head p{color:var(--text-muted);margin:0;font-size:.89rem}.tool-card-status{text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--accent-strong)!important;font-size:.68rem!important}.tool-preview-btn{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;height:38px;margin-top:16px;font-weight:700}.tool-card-content{flex-direction:column;gap:12px;min-width:0;margin-top:12px;display:flex}.tool-controls-row{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.tool-card-content label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.tool-card-content input,.tool-card-content textarea,.tool-card-content select{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;width:100%}@supports (color:color-mix(in lab, red, red)){.tool-card-content input,.tool-card-content textarea,.tool-card-content select{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.tool-card-content input,.tool-card-content textarea,.tool-card-content select{color:var(--text-main);padding:10px 12px;font-size:.9rem}.tool-card-content textarea{resize:vertical;min-height:56px}.tool-field-row{align-items:center;gap:10px;width:max-content;display:inline-flex}.tool-field-row label{white-space:nowrap;margin:0}.tool-field-row input{width:120px;min-width:120px;height:40px;padding:0 12px}.tool-check-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.tool-check-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.tool-check{width:max-content;color:var(--text-main);cursor:pointer;flex:none;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.tool-check input{cursor:pointer;width:15px;height:15px;margin:0}.tool-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-actions-spread{justify-content:space-between;gap:12px}.tool-actions button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:40px;margin-top:0;padding:0 16px;font-weight:700;transition:transform .16s,filter .16s;display:inline-flex}.tool-actions button.ghost{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.tool-actions button.ghost{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.tool-actions button.ghost{color:var(--text-main);border:1px solid var(--border)}.tool-actions button:hover{filter:saturate(1.05);transform:translateY(-1px)}.tool-actions button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.tool-error{color:#b42318;margin:0;font-size:.84rem;font-weight:700}.tool-form-block{flex-direction:column;gap:6px;display:flex}.tool-grid-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-grid-full{grid-column:1/-1}.tool-grid-columns label{flex-direction:column;gap:6px;display:flex}.tool-check-inline{flex-direction:row!important;align-items:center!important;gap:8px!important}.tool-fieldset{border:1px solid var(--accent);margin:0}@supports (color:color-mix(in lab, red, red)){.tool-fieldset{border:1px solid color-mix(in srgb,var(--accent)26%,var(--border))}}.tool-fieldset{border-radius:14px;flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.tool-fieldset legend{color:var(--accent-strong);letter-spacing:.03em;padding:0 6px;font-size:.78rem;font-weight:700}.tool-radio-row{flex-wrap:wrap;gap:8px 14px;display:flex}.tool-color-row{justify-content:space-between;align-items:center!important;gap:10px!important;display:flex!important}.tool-color-row input[type=color]{border-radius:8px;width:68px;min-width:68px;height:34px;padding:0}.tool-range-block{flex-direction:column;gap:6px;display:flex}.tool-range-block input[type=range]{width:100%;padding:0}.tool-range-block small,.tool-qr-logo-area small{color:var(--text-muted);font-size:.74rem}.tool-qr-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:14px;display:grid}.tool-qr-sections{flex-direction:column;gap:10px;display:flex}.tool-qr-preview{border:1px dashed var(--border);background:var(--bg-soft);border-radius:12px;justify-content:center;margin-top:4px;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.tool-qr-preview{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.tool-qr-preview img{max-width:100%;height:auto}.tool-qr-canvas-wrap{justify-content:center;align-items:center;min-height:160px;display:flex}.tool-qr-preview-stack{flex-direction:column;gap:10px;display:flex}.tool-qr-export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tool-qr-export-grid button{border:1px solid var(--accent);border-radius:10px;min-height:42px}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid button{border:1px solid color-mix(in srgb,var(--accent)42%,var(--border))}}.tool-qr-export-grid button{background:linear-gradient(140deg,var(--accent),transparent 78%),var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid button{background:linear-gradient(140deg,color-mix(in srgb,var(--accent)16%,transparent),transparent 78%),color-mix(in srgb,var(--bg-soft)94%,transparent)}}.tool-qr-export-grid button{color:var(--accent-strong);letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 20px var(--accent);font-size:.9rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid button{box-shadow:0 10px 20px color-mix(in srgb,var(--accent)16%,transparent)}}.tool-qr-export-grid button{transition:transform .16s,filter .16s,box-shadow .16s,border-color .16s}.tool-qr-export-grid button:hover{filter:saturate(1.05);border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid button:hover{border-color:color-mix(in srgb,var(--accent)56%,var(--border))}}.tool-qr-export-grid button:hover{box-shadow:0 14px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid button:hover{box-shadow:0 14px 26px color-mix(in srgb,var(--accent)22%,transparent)}}.tool-qr-export-grid button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tool-qr-export-grid .tool-grid-full{color:#fff;background:linear-gradient(125deg,var(--accent),var(--accent-strong));box-shadow:0 14px 28px var(--accent);border:0;grid-column:1/-1}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid .tool-grid-full{box-shadow:0 14px 28px color-mix(in srgb,var(--accent)36%,transparent)}}.tool-qr-export-grid .tool-grid-full:hover{filter:saturate(1.1);box-shadow:0 18px 32px var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-qr-export-grid .tool-grid-full:hover{box-shadow:0 18px 32px color-mix(in srgb,var(--accent)42%,transparent)}}.tool-qr-logo-area{flex-direction:column;gap:8px;display:flex}.tool-qr-logo-preview{align-items:center;gap:8px;display:flex}.tool-qr-logo-preview img{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:10px;width:48px;height:48px}.tool-small-danger{border:1px solid #ef4444;border-radius:8px;width:max-content;min-height:32px;margin-top:4px}@supports (color:color-mix(in lab, red, red)){.tool-small-danger{border:1px solid color-mix(in srgb,#ef4444 58%,var(--border))}}.tool-small-danger{color:#b42318;cursor:pointer;background:#ef44441f;padding:0 10px;font-weight:700}.tool-small-danger:hover{background:#ef44442e}.validator-description{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.validator-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.validator-examples-grid button{border:1px solid var(--accent);border-radius:10px;min-height:40px}@supports (color:color-mix(in lab, red, red)){.validator-examples-grid button{border:1px solid color-mix(in srgb,var(--accent)36%,var(--border))}}.validator-examples-grid button{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.validator-examples-grid button{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.validator-examples-grid button{color:var(--accent-strong);cursor:pointer;font-size:.84rem;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s}.validator-examples-grid button:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.validator-examples-grid button:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--border))}}.validator-examples-grid button:hover{box-shadow:0 10px 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.validator-examples-grid button:hover{box-shadow:0 10px 18px color-mix(in srgb,var(--accent)18%,transparent)}}.validator-example-valid{border-color:#f59e0b!important}@supports (color:color-mix(in lab, red, red)){.validator-example-valid{border-color:color-mix(in srgb,#f59e0b 50%,var(--border))!important}}.validator-example-valid{color:#b45309!important}.validator-example-invalid{border-color:#ef4444!important}@supports (color:color-mix(in lab, red, red)){.validator-example-invalid{border-color:color-mix(in srgb,#ef4444 55%,var(--border))!important}}.validator-example-invalid{color:#b42318!important}.validator-status-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.validator-status-card{border:1px solid color-mix(in srgb,var(--accent)35%,var(--border))}}.validator-status-card{background:var(--bg-soft);border-radius:12px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.validator-status-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.validator-status-text{margin:0;font-size:.9rem;font-weight:700}.validator-status-text.is-valid{color:#12783a}.validator-status-text.is-invalid{color:#b42318}.validator-version-detail{flex-direction:column;gap:4px;margin-top:8px;display:flex}.validator-version-detail p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.validator-block{flex-direction:column;gap:6px;display:flex}.validator-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.76rem;font-weight:700}.validator-code-block{border:1px solid var(--accent);border-radius:12px;margin:0;padding:12px}@supports (color:color-mix(in lab, red, red)){.validator-code-block{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.validator-code-block{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.validator-code-block{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.validator-code-block{white-space:pre-wrap;word-break:break-word;font-size:.78rem;line-height:1.45;overflow:auto}.validator-row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.validator-copy-mini{border:1px solid var(--accent);border-radius:8px;min-height:30px}@supports (color:color-mix(in lab, red, red)){.validator-copy-mini{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.validator-copy-mini{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.validator-copy-mini{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.validator-copy-mini{color:var(--accent-strong);cursor:pointer;padding:0 10px;font-size:.77rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.validator-copy-mini:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.validator-copy-mini:hover{border-color:color-mix(in srgb,var(--accent)58%,var(--border))}}.validator-copy-mini:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.validator-copy-mini:hover{background:color-mix(in srgb,var(--accent)14%,var(--bg-soft))}}.copy-icon-row{gap:8px}.copy-icon-row-body{align-items:flex-start;gap:8px;display:flex}.copy-icon-row-body .validator-code-block{flex:1}.copy-icon-row-body .copy-row-btn{margin-top:2px}.validator-note{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.45}.json-cleaner-grid,.json-dual-grid,.json-compare-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.json-direction-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.json-direction-row label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:700}.json-direction-row select{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;width:max-content;min-width:180px;height:40px}@supports (color:color-mix(in lab, red, red)){.json-direction-row select{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.json-direction-row select{color:var(--text-main);padding:0 12px;font-size:.86rem}.json-count-chip{border:1px solid var(--accent);border-radius:999px;min-height:24px;padding:0 8px}@supports (color:color-mix(in lab, red, red)){.json-count-chip{border:1px solid color-mix(in srgb,var(--accent)32%,var(--border))}}.json-count-chip{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.json-count-chip{background:color-mix(in srgb,var(--accent)11%,var(--bg-soft))}}.json-count-chip{color:var(--accent-strong);align-items:center;font-size:.73rem;font-weight:700;display:inline-flex}.json-stat-line{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.77rem;display:flex}.json-stat-line span{color:var(--text-main);font-weight:700}.json-stat-line em{color:#12783a;font-style:normal;font-weight:700}.json-compare-col{flex-direction:column;gap:8px;display:flex}.json-compare-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.json-compare-actions button{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;min-height:32px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.json-compare-actions button{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.json-compare-actions button{color:var(--text-main);cursor:pointer;font-size:.77rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.json-compare-actions button:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.json-compare-actions button:hover{border-color:color-mix(in srgb,var(--accent)56%,var(--border))}}.json-compare-actions button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.json-compare-actions button:hover{background:color-mix(in srgb,var(--accent)12%,var(--bg-soft))}}.json-diff-table-wrap{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.json-diff-table-wrap{border:1px solid color-mix(in srgb,var(--accent)42%,var(--border))}}.json-diff-table-wrap{background:var(--bg-soft);border-radius:12px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.json-diff-table-wrap{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.json-diff-table{border-collapse:separate;border-spacing:0;width:100%;min-width:680px;font-size:.81rem}.json-diff-table th{text-align:left;border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.json-diff-table th{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.json-diff-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.69rem}.json-diff-table td{border-top:1px solid var(--border);padding:7px 10px}@supports (color:color-mix(in lab, red, red)){.json-diff-table td{border-top:1px solid color-mix(in srgb,var(--border)70%,transparent)}}.json-diff-table td{vertical-align:top;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.45}.json-diff-table tbody tr:first-child td{border-top:0}.json-diff-table td:first-child,.json-diff-table td:nth-child(3){text-align:right;-webkit-user-select:none;user-select:none;width:48px;color:var(--text-muted);font-family:var(--font-body),sans-serif}.json-diff-table th:nth-child(2),.json-diff-table td:nth-child(2),.json-diff-table th:nth-child(3),.json-diff-table td:nth-child(3){border-right:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.json-diff-table th:nth-child(2),.json-diff-table td:nth-child(2),.json-diff-table th:nth-child(3),.json-diff-table td:nth-child(3){border-right:1px solid color-mix(in srgb,var(--border)68%,transparent)}}.json-diff-table tr.type-added{background:#22c55e1c}.json-diff-table tr.type-removed{background:#ef44441c}.json-diff-table tr.type-modified{background:#f59e0b1f}.json-char-added{color:#14532d;background:#22c55e52;border-radius:4px}.json-char-removed{color:#7f1d1d;background:#ef444457;border-radius:4px}.time-format-list{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-format-list{border:1px solid color-mix(in srgb,var(--accent)32%,var(--border))}}.time-format-list{background:var(--bg-soft);border-radius:12px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.time-format-list{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.time-format-item{border-top:1px solid var(--border);padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.time-format-item{border-top:1px solid color-mix(in srgb,var(--border)70%,transparent)}}.time-format-item{flex-direction:column;gap:6px;display:flex}.time-format-item:first-child{border-top:0}.time-format-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.time-format-value{border:1px solid var(--accent);border-radius:10px;margin:0;padding:8px 10px;display:block}@supports (color:color-mix(in lab, red, red)){.time-format-value{border:1px solid color-mix(in srgb,var(--accent)26%,var(--border))}}.time-format-value{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.time-format-value{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.time-format-value{white-space:pre-wrap;word-break:break-word;font-size:.79rem;line-height:1.45}.time-locale-table-wrap{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-locale-table-wrap{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.time-locale-table-wrap{background:var(--bg-soft);border-radius:12px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.time-locale-table-wrap{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.time-locale-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.time-locale-table th{text-align:left;border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.time-locale-table th{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.time-locale-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.69rem}.time-locale-table td{border-top:1px solid var(--border);padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.time-locale-table td{border-top:1px solid color-mix(in srgb,var(--border)70%,transparent)}}.time-locale-table td{vertical-align:top}.time-locale-table tbody tr:first-child td{border-top:0}.time-copy-cell{text-align:left;width:100%;color:var(--text-main);cursor:pointer;white-space:pre-wrap;word-break:break-word;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 8px;font-size:.8rem;line-height:1.4}.time-copy-cell:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-copy-cell:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border))}}.time-copy-cell:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-copy-cell:hover{background:color-mix(in srgb,var(--accent)10%,var(--bg-soft))}}.time-compare-list{flex-direction:column;gap:8px;display:flex}.time-compare-row{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-compare-row{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.time-compare-row{background:var(--bg-soft);border-radius:12px;padding:10px}@supports (color:color-mix(in lab, red, red)){.time-compare-row{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.time-compare-grid{grid-template-columns:88px minmax(190px,1.2fr) minmax(200px,1fr) minmax(190px,1fr) auto;align-items:start;gap:10px;display:grid}.time-compare-index-col{flex-direction:column;gap:8px;display:flex}.time-compare-index{border:1px solid var(--accent);border-radius:9px;justify-content:center;align-items:center;min-height:40px;margin:0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.time-compare-index{border:1px solid color-mix(in srgb,var(--accent)36%,var(--border))}}.time-compare-index{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-compare-index{background:color-mix(in srgb,var(--accent)10%,var(--bg-soft))}}.time-compare-index{color:var(--accent-strong);font-size:.84rem;font-weight:700}.time-row-paste-btn{border:1px solid var(--accent);border-radius:8px;min-height:32px}@supports (color:color-mix(in lab, red, red)){.time-row-paste-btn{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.time-row-paste-btn{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.time-row-paste-btn{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.time-row-paste-btn{color:var(--accent-strong);cursor:pointer;font-size:.77rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.time-row-paste-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.time-row-paste-btn:hover{border-color:color-mix(in srgb,var(--accent)58%,var(--border))}}.time-row-paste-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.time-row-paste-btn:hover{background:color-mix(in srgb,var(--accent)14%,var(--bg-soft))}}.time-compare-date{border:1px solid var(--accent);border-radius:10px;align-items:center;min-height:40px;margin:0;display:flex}@supports (color:color-mix(in lab, red, red)){.time-compare-date{border:1px solid color-mix(in srgb,var(--accent)25%,var(--border))}}.time-compare-date{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.time-compare-date{background:color-mix(in srgb,var(--bg-elevated)94%,transparent)}}.time-compare-date{color:var(--text-main);padding:0 10px;font-size:.82rem;line-height:1.4}.time-compare-actions{justify-content:center;align-items:center;min-height:40px;display:flex}.time-compare-remove{border:1px solid #ef4444;border-radius:8px;min-height:34px}@supports (color:color-mix(in lab, red, red)){.time-compare-remove{border:1px solid color-mix(in srgb,#ef4444 50%,var(--border))}}.time-compare-remove{color:#b42318;cursor:pointer;background:#ef44441f;padding:0 10px;font-size:.77rem;font-weight:700}.time-compare-remove:hover{background:#ef44442e}.time-compare-diff{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.35}.time-compare-diff span{color:var(--text-muted);margin-left:4px}.time-compare-diff.is-positive{color:#12783a;font-weight:700}.time-compare-diff.is-negative{color:#b42318;font-weight:700}.clipboard-section-description{margin:0}.clipboard-table-wrap{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.clipboard-table-wrap{border:1px solid color-mix(in srgb,var(--accent)36%,var(--border))}}.clipboard-table-wrap{background:var(--bg-soft);border-radius:12px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.clipboard-table-wrap{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.clipboard-table{border-collapse:separate;border-spacing:0;width:100%;min-width:680px}.clipboard-table thead th{text-align:left;border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.clipboard-table thead th{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.clipboard-table thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.69rem}.clipboard-table td{border-top:1px solid var(--border);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.clipboard-table td{border-top:1px solid color-mix(in srgb,var(--border)72%,transparent)}}.clipboard-table td{vertical-align:top;font-size:.82rem;line-height:1.45}.clipboard-table tbody tr:first-child td{border-top:0}.clipboard-col-actions{text-align:center;width:86px}.clipboard-col-content{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.clipboard-col-title{min-width:150px}.clipboard-col-title input{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;width:100%;height:34px}@supports (color:color-mix(in lab, red, red)){.clipboard-col-title input{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.clipboard-col-title input{color:var(--text-main);padding:0 8px;font-size:.8rem}.clipboard-title-btn{text-align:left;width:100%;min-height:34px;color:var(--text-main);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px;font-size:.8rem}.clipboard-title-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.clipboard-title-btn:hover{border-color:color-mix(in srgb,var(--accent)34%,var(--border))}}.clipboard-title-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.clipboard-title-btn:hover{background:color-mix(in srgb,var(--accent)9%,var(--bg-soft))}}.clipboard-mini-btn{border:1px solid var(--accent);border-radius:8px;min-height:32px}@supports (color:color-mix(in lab, red, red)){.clipboard-mini-btn{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.clipboard-mini-btn{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.clipboard-mini-btn{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.clipboard-mini-btn{color:var(--accent-strong);cursor:pointer;padding:0 8px;font-size:.76rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.clipboard-mini-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.clipboard-mini-btn:hover{border-color:color-mix(in srgb,var(--accent)60%,var(--border))}}.clipboard-mini-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.clipboard-mini-btn:hover{background:color-mix(in srgb,var(--accent)14%,var(--bg-soft))}}.clipboard-mini-btn-danger{border-color:#ef4444}@supports (color:color-mix(in lab, red, red)){.clipboard-mini-btn-danger{border-color:color-mix(in srgb,#ef4444 50%,var(--border))}}.clipboard-mini-btn-danger{color:#b42318;background:#ef44441c}.clipboard-mini-btn-danger:hover{border-color:#ef4444}@supports (color:color-mix(in lab, red, red)){.clipboard-mini-btn-danger:hover{border-color:color-mix(in srgb,#ef4444 68%,var(--border))}}.clipboard-mini-btn-danger:hover{background:#ef44442e}.clipboard-danger-btn{border-color:#ef4444!important}@supports (color:color-mix(in lab, red, red)){.clipboard-danger-btn{border-color:color-mix(in srgb,#ef4444 50%,var(--border))!important}}.clipboard-danger-btn{color:#b42318!important}.clipboard-empty-row{text-align:center;color:var(--text-muted);font-size:.84rem;padding:14px!important}.clipboard-col-index{width:44px;color:var(--text-muted)}.clipboard-col-page,.clipboard-col-date{min-width:150px;color:var(--text-muted)}.clipboard-link-btn{text-align:left;max-width:240px;min-height:30px;color:var(--accent-strong);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px;overflow:hidden}.clipboard-link-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.clipboard-link-btn:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border))}}.clipboard-link-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.clipboard-link-btn:hover{background:color-mix(in srgb,var(--accent)10%,var(--bg-soft))}}.clipboard-action-stack{justify-content:center;align-items:center;gap:6px;display:flex}.text-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-stat-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.text-stat-card{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.text-stat-card{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.text-stat-card{background:color-mix(in srgb,var(--accent)9%,var(--bg-soft))}}.text-stat-card{padding:10px 12px}.text-stat-card p{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.text-stat-card strong{color:var(--text-main);font-size:1.05rem;font-family:var(--font-display),sans-serif;margin-top:6px;display:block}.text-transform-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-transform-item .validator-code-block{min-height:52px}.text-pair-list{flex-direction:column;gap:8px;display:flex}.text-pair-row{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;display:grid}.text-pair-check{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-height:40px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.text-pair-check{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.text-pair-check{font-size:.8rem}.text-pair-check span{white-space:nowrap}.text-pair-remove{border:1px solid #ef4444;border-radius:10px;min-height:40px}@supports (color:color-mix(in lab, red, red)){.text-pair-remove{border:1px solid color-mix(in srgb,#ef4444 50%,var(--border))}}.text-pair-remove{color:#b42318;cursor:pointer;background:#ef44441c;padding:0 10px;font-weight:700}.text-pair-remove:hover{background:#ef44442e}.text-add-pair-btn{width:max-content}.text-replace-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.text-lorem-list{flex-direction:column;gap:10px;display:flex}.text-lorem-item{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.text-lorem-item{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.text-lorem-item{background:var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.text-lorem-item{background:color-mix(in srgb,var(--accent)9%,var(--bg-soft))}}.text-lorem-item{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.text-lorem-item p{margin:0;font-size:.9rem;line-height:1.58}.icons-title{color:var(--accent-strong);margin:0;font-size:1.05rem;font-weight:800}.icons-search{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;width:100%;height:44px}@supports (color:color-mix(in lab, red, red)){.icons-search{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.icons-search{color:var(--text-main);padding:0 12px;font-size:.92rem}.icons-grid{gap:8px;display:grid}.icons-grid-emoji,.icons-grid-unicode,.icons-grid-letters{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.icons-glyph-btn{border:1px solid var(--accent);border-radius:12px;min-height:48px}@supports (color:color-mix(in lab, red, red)){.icons-glyph-btn{border:1px solid color-mix(in srgb,var(--accent)28%,var(--border))}}.icons-glyph-btn{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.icons-glyph-btn{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.icons-glyph-btn{cursor:pointer;font-size:1.3rem;transition:transform .15s,border-color .15s,background .15s}.icons-glyph-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.icons-glyph-btn:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--border))}}.icons-glyph-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.icons-glyph-btn:hover{background:color-mix(in srgb,var(--accent)12%,var(--bg-soft))}}.icons-react-stack{flex-direction:column;gap:12px;display:flex}.icons-react-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icons-react-controls label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:700}.icons-react-controls select{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-width:220px;height:40px}@supports (color:color-mix(in lab, red, red)){.icons-react-controls select{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.icons-react-controls select{color:var(--text-main);padding:0 12px;font-size:.86rem}.icons-react-loading{color:var(--text-muted);font-size:.8rem}.icons-react-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.icons-react-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.icons-react-card{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.icons-react-card{background:var(--bg-soft);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.icons-react-card{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.icons-react-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.icons-react-icon{color:var(--accent-strong);font-size:2rem}.icons-react-name{color:var(--text-main);word-break:break-word;margin:0;font-size:.82rem;font-weight:700}.icons-react-actions{flex-direction:column;gap:6px;width:100%;display:flex}.icons-react-actions button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:34px;padding:0 10px;font-size:.78rem;font-weight:700;transition:transform .15s,filter .15s}.icons-react-actions button.ghost{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.icons-react-actions button.ghost{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.icons-react-actions button.ghost{color:var(--text-main);border:1px solid var(--border)}.icons-react-actions button:hover{filter:saturate(1.05);transform:translateY(-1px)}.image-title{color:var(--accent-strong);margin:0;font-size:1.08rem;font-weight:800}.image-lead{color:var(--text-muted);margin:0;font-size:.88rem}.image-dropzone{border:2px dashed var(--accent)}@supports (color:color-mix(in lab, red, red)){.image-dropzone{border:2px dashed color-mix(in srgb,var(--accent)50%,var(--border))}}.image-dropzone{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.image-dropzone{background:color-mix(in srgb,var(--accent)9%,var(--bg-soft))}}.image-dropzone{padding:14px}.image-dropzone-content{justify-content:space-between;align-items:center;gap:10px;display:flex}.image-dropzone-title{color:var(--text-main);font-weight:700}.image-dropzone-subtitle{color:var(--text-muted);font-size:.85rem}.image-dropzone-btn{background:linear-gradient(120deg,var(--accent),var(--accent-strong));cursor:pointer;text-shadow:0 1px #0003;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex;color:#fff!important}.image-dropzone-btn *{color:#fff!important}.image-preview-stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.image-preview{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:12px;max-width:100%;max-height:360px}.image-preview-small{max-width:180px}.image-size-buttons{flex-wrap:wrap;gap:8px;display:flex}.image-size-buttons button{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-height:36px}@supports (color:color-mix(in lab, red, red)){.image-size-buttons button{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.image-size-buttons button{color:var(--text-main);cursor:pointer;padding:0 12px;font-weight:700}.image-size-buttons button.active{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;border-color:#0000}.image-custom-block{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.image-custom-block{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.image-custom-block{background:var(--bg-soft);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.image-custom-block{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.image-custom-block label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.image-custom-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-custom-row input[type=number]{width:110px}.image-size-hint{color:var(--text-muted);font-size:.78rem}.image-custom-block button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;width:max-content;min-height:36px;padding:0 14px;font-weight:700}.image-result{flex-direction:column;gap:8px;margin-top:14px;display:flex}.image-crop-stack{flex-direction:column;gap:12px;margin-top:12px;display:flex}.image-crop-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-crop-controls select{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-width:140px;height:36px}@supports (color:color-mix(in lab, red, red)){.image-crop-controls select{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.image-crop-controls select{padding:0 10px}.image-cropper-wrap{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;height:320px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.image-cropper-wrap{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.image-crop-manual{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.image-crop-manual label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;display:flex}.image-crop-actions{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.78rem;display:flex}.image-crop-actions button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:36px;font-weight:700}.image-crop-buttons{flex-wrap:wrap;gap:8px;display:flex}.image-crop-buttons button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:38px;padding:0 14px;font-weight:700}.image-crop-buttons button.ghost{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.image-crop-buttons button.ghost{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.image-crop-buttons button.ghost{color:var(--text-main);border:1px solid var(--border)}.app-icon-header{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;gap:16px;margin-top:12px;display:grid}.app-icon-header h3{color:var(--text-muted);margin:0 0 8px;font-size:.88rem}.app-icon-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.app-icon-actions button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;text-align:center;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:700;line-height:1.2;display:inline-flex}.app-icon-actions button.ghost{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.app-icon-actions button.ghost{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.app-icon-actions button.ghost{color:var(--text-main);border:1px solid var(--border)}.app-icon-actions button:disabled{opacity:.56;cursor:not-allowed;filter:saturate(.72);box-shadow:none}.app-icon-section{flex-direction:column;gap:10px;margin-top:16px;display:flex}.app-icon-section h3{color:var(--text-muted);margin:0;font-size:.9rem}.app-icon-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.app-icon-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-icon-card{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.app-icon-card{background:var(--bg-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.app-icon-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.app-icon-card{flex-direction:column;gap:8px;padding:12px;display:flex}.app-icon-meta{color:var(--text-muted);justify-content:space-between;gap:6px;font-size:.72rem;display:flex}.app-icon-preview{justify-content:center;display:flex}.app-icon-preview img{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:12px;width:64px;height:64px}.app-icon-card button{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:34px;font-weight:700}.app-icon-card button.ghost{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.app-icon-card button.ghost{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.app-icon-card button.ghost{color:var(--text-main);border:1px solid var(--border)}.network-primary-btn{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#fff;cursor:pointer;border:0;border-radius:10px;align-self:flex-start;min-height:40px;padding:0 16px;font-weight:700}.network-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.network-results-table{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.network-results-table{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.network-results-table{background:var(--bg-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.network-results-table{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.network-results-table{overflow:auto}.network-results-table table{border-collapse:collapse;width:100%;font-size:.8rem}.network-results-table tr+tr{border-top:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.network-results-table tr+tr{border-top:1px solid color-mix(in srgb,var(--accent)20%,var(--border))}}.network-results-table td{padding:8px}.network-copy-cell{width:64px}.network-label-cell{color:var(--text-muted);font-weight:700}.network-value-cell{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.network-json-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.network-json-card{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.network-json-card{background:var(--bg-soft);border-radius:12px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.network-json-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.network-json-card{flex-direction:column;gap:8px;display:flex}.network-json-card pre{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.78rem;line-height:1.4}.network-json-card textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.network-json-head{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.network-url-block{flex-direction:column;gap:12px;display:flex}.network-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.network-param-section{flex-direction:column;gap:10px;display:flex}.network-param-section h3{color:var(--text-muted);margin:0;font-size:.85rem}.network-param-list{flex-direction:column;gap:8px;display:flex}.network-param-row{border:1px solid var(--accent);border-radius:10px;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.network-param-row{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.network-param-row{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.network-param-row{background:color-mix(in srgb,var(--bg-soft)95%,transparent)}}.network-param-row{font-size:.78rem}.network-param-key,.network-param-value{word-break:break-word}.network-param-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.network-param-form{flex-direction:column;gap:8px;display:flex}.network-param-input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.network-param-input-row button{min-height:36px;padding:0}.network-add-btn{border:1px solid var(--accent);border-radius:10px;align-self:flex-start;min-height:36px}@supports (color:color-mix(in lab, red, red)){.network-add-btn{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.network-add-btn{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.network-add-btn{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.network-add-btn{color:var(--accent-strong);cursor:pointer;padding:0 12px;font-weight:700}.file-dropzone{border:2px dashed var(--accent)}@supports (color:color-mix(in lab, red, red)){.file-dropzone{border:2px dashed color-mix(in srgb,var(--accent)50%,var(--border))}}.file-dropzone{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.file-dropzone{background:color-mix(in srgb,var(--accent)9%,var(--bg-soft))}}.file-dropzone{padding:14px}.file-dropzone-content{justify-content:space-between;align-items:center;gap:10px;display:flex}.file-dropzone-title{color:var(--text-main);font-weight:700}.file-dropzone-subtitle{color:var(--text-muted);font-size:.85rem}.file-dropzone-btn{background:linear-gradient(120deg,var(--accent),var(--accent-strong));cursor:pointer;text-shadow:0 1px #0003;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-weight:700;display:inline-flex;color:#fff!important}.file-dropzone-btn *{color:#fff!important}.utils-mode-row{gap:8px;display:flex}.utils-mode-row button{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-height:36px}@supports (color:color-mix(in lab, red, red)){.utils-mode-row button{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.utils-mode-row button{color:var(--text-main);cursor:pointer;padding:0 14px;font-weight:700}.utils-mode-row button.active{color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-strong));border-color:#0000}.utils-dropzone-stack{flex-direction:column;gap:10px;display:flex}.utils-file-meta{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.utils-file-meta{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.utils-file-meta{background:var(--bg-soft);border-radius:10px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.utils-file-meta{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.utils-file-meta{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.utils-file-meta span{margin-right:10px;display:inline-flex}.utils-results{flex-direction:column;gap:10px;display:flex}.utils-results h3{color:var(--text-muted);margin:0;font-size:.85rem}.utils-results-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.utils-minify-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.utils-minify-type{align-items:center;gap:8px;display:inline-flex}.utils-minify-type label{margin:0}.utils-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.utils-card{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.utils-card{background:var(--bg-soft);border-radius:12px;padding:12px}@supports (color:color-mix(in lab, red, red)){.utils-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.utils-card{flex-direction:column;gap:8px;display:flex}.utils-card h3{color:var(--text-muted);margin:0;font-size:.85rem}.utils-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.utils-chip-grid button{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;min-height:32px}@supports (color:color-mix(in lab, red, red)){.utils-chip-grid button{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.utils-chip-grid button{color:var(--text-main);cursor:pointer;padding:0 12px;font-weight:700}.utils-chip-grid button.active{color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-strong));border-color:#0000}.utils-note{color:var(--text-muted);background:var(--bg-soft);font-size:.82rem}@supports (color:color-mix(in lab, red, red)){.utils-note{background:color-mix(in srgb,var(--bg-soft)96%,transparent)}}.utils-note{border-radius:10px;padding:8px 10px}.utils-list{color:var(--text-main);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:.82rem;display:flex}.utils-card-head{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;display:flex}.utils-field-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.utils-field-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.utils-field-card{border:1px solid color-mix(in srgb,var(--accent)18%,var(--border))}}.utils-field-card{background:var(--bg-soft);border-radius:10px;padding:10px}@supports (color:color-mix(in lab, red, red)){.utils-field-card{background:color-mix(in srgb,var(--bg-soft)96%,transparent)}}.utils-field-card{flex-direction:column;gap:4px;font-size:.78rem;display:flex}.utils-field-card strong{color:var(--accent-strong);font-size:.9rem}.utils-field-card small{color:var(--text-muted)}.utils-markdown-grid{flex-direction:column;gap:12px;display:flex}.utils-markdown-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.utils-markdown-card{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.utils-markdown-card{background:var(--bg-soft);border-radius:12px;padding:12px}@supports (color:color-mix(in lab, red, red)){.utils-markdown-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.utils-markdown-card{flex-direction:column;gap:10px;display:flex}.utils-markdown-card header{color:var(--text-muted);font-size:.85rem;font-weight:700}.utils-markdown-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.utils-markdown-preview{border:1px solid var(--accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.utils-markdown-preview{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.utils-markdown-preview{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.utils-markdown-preview{background:color-mix(in srgb,var(--bg-soft)96%,transparent)}}.utils-markdown-preview{color:var(--text);padding:12px;font-size:.88rem;line-height:1.5;overflow:auto}.utils-markdown-preview :where(h1,h2,h3,h4){color:var(--text);margin:0 0 8px}.utils-markdown-preview h1{font-size:1.4rem}.utils-markdown-preview h2{font-size:1.2rem}.utils-markdown-preview h3{font-size:1.05rem}.utils-markdown-preview h4{font-size:.95rem}.utils-markdown-preview :where(p,ul,ol,blockquote,table,pre){margin:0 0 10px}.utils-markdown-preview :where(ul,ol){padding-left:20px;list-style-position:outside}.utils-markdown-preview ul{list-style-type:disc}.utils-markdown-preview ol{list-style-type:decimal}.utils-markdown-preview blockquote{border-left:3px solid var(--accent);margin:0 0 10px;padding-left:10px}@supports (color:color-mix(in lab, red, red)){.utils-markdown-preview blockquote{border-left:3px solid color-mix(in srgb,var(--accent)40%,var(--border))}}.utils-markdown-preview blockquote{color:var(--text-muted)}.utils-markdown-preview code{background:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem}@supports (color:color-mix(in lab, red, red)){.utils-markdown-preview code{background:color-mix(in srgb,var(--accent)12%,transparent)}}.utils-markdown-preview code{border-radius:6px;padding:2px 6px}.utils-markdown-preview pre code{background:var(--bg);padding:10px;display:block}@supports (color:color-mix(in lab, red, red)){.utils-markdown-preview pre code{background:color-mix(in srgb,var(--bg)90%,var(--accent)10%)}}.utils-markdown-preview pre code{border-radius:10px}.utils-markdown-preview table{border-collapse:collapse;width:100%;font-size:.82rem}.utils-markdown-preview th,.utils-markdown-preview td{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.utils-markdown-preview th,.utils-markdown-preview td{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.utils-markdown-preview th,.utils-markdown-preview td{text-align:left;padding:6px 8px}.utils-markdown-preview img{border-radius:10px;max-width:100%}.utils-markdown-preview li{margin-bottom:4px}.utils-markdown-preview input[type=checkbox]{accent-color:var(--accent-strong);margin-right:8px;transform:translateY(1px)}.utils-markdown-task{align-items:center;gap:8px;display:inline-flex}.utils-markdown-task span{line-height:1.3}.utils-markdown-preview li{align-items:center;gap:8px;display:list-item}.utils-extractor-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.78rem;display:flex}.utils-ghost-btn{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;min-height:32px}@supports (color:color-mix(in lab, red, red)){.utils-ghost-btn{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.utils-ghost-btn{color:var(--text-main);cursor:pointer;padding:0 10px;font-weight:700}.utils-extractor-list{flex-direction:column;gap:12px;display:flex}.utils-extractor-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.utils-extractor-card{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.utils-extractor-card{background:var(--bg-soft);border-radius:12px;padding:12px}@supports (color:color-mix(in lab, red, red)){.utils-extractor-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.utils-extractor-card{flex-direction:column;gap:10px;display:flex}.utils-extractor-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.utils-extractor-head h4{margin:0;font-size:.9rem}.utils-extractor-head span{color:var(--text-muted);font-size:.76rem}.utils-extractor-actions{gap:8px;display:inline-flex}.utils-extractor-card pre{border:1px solid var(--accent);border-radius:10px;margin:0}@supports (color:color-mix(in lab, red, red)){.utils-extractor-card pre{border:1px solid color-mix(in srgb,var(--accent)20%,var(--border))}}.utils-extractor-card pre{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.utils-extractor-card pre{background:color-mix(in srgb,var(--bg-soft)96%,transparent)}}.utils-extractor-card pre{white-space:pre-wrap;word-break:break-word;max-height:260px;padding:10px;font-size:.78rem;line-height:1.4;overflow:auto}.colors-input-stack{flex-direction:column;gap:6px;display:flex}.colors-input-inline{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;display:grid}.colors-swatch-trigger{border:1px solid var(--accent);border-radius:10px;width:42px;height:40px}@supports (color:color-mix(in lab, red, red)){.colors-swatch-trigger{border:1px solid color-mix(in srgb,var(--accent)35%,var(--border))}}.colors-swatch-trigger{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.colors-swatch-trigger{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.colors-swatch-trigger{cursor:pointer}.colors-hidden-input{pointer-events:none;opacity:0;width:0;height:0;position:absolute}.colors-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.colors-format-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.colors-format-card{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.colors-format-card{background:var(--bg-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.colors-format-card{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.colors-format-card{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.colors-format-value{border:1px solid var(--accent);border-radius:10px;min-height:36px;margin:0}@supports (color:color-mix(in lab, red, red)){.colors-format-value{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.colors-format-value{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.colors-format-value{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.colors-format-value{word-break:break-word;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.81rem;line-height:1.4}.colors-shades-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.colors-shade-item{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.colors-shade-item{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.colors-shade-item{cursor:pointer;padding:0;transition:transform .15s,border-color .15s;overflow:hidden}.colors-shade-item:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.colors-shade-item:hover{border-color:color-mix(in srgb,var(--accent)55%,var(--border))}}.colors-shade-preview{color:#fff;justify-content:center;align-items:center;min-height:38px;font-size:.78rem;font-weight:700;display:flex}.colors-shade-value{border-top:1px solid var(--border);justify-content:center;align-items:center;min-height:32px;padding:0 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.colors-shade-value{border-top:1px solid color-mix(in srgb,var(--border)70%,transparent)}}.colors-shade-value{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.colors-shade-value{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.colors-shade-value{color:var(--text-main);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.73rem}.colors-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.colors-compare-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.colors-compare-card{border:1px solid color-mix(in srgb,var(--accent)32%,var(--border))}}.colors-compare-card{background:var(--bg-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.colors-compare-card{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.colors-compare-card{flex-direction:column;gap:8px;padding:10px;display:flex}.colors-inline-actions{gap:6px;width:100%}.colors-inline-actions button{flex:1 1 0;min-height:34px;padding:0 10px;font-size:.76rem}.colors-preview-strip{border:1px solid var(--accent);border-radius:12px;min-height:150px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.colors-preview-strip{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.colors-preview-strip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.colors-preview-segment{justify-content:center;align-items:flex-end;min-height:150px;padding:8px;display:flex}.colors-preview-segment span{color:#1f2937;background:#ffffffb3;border:1px solid #0000001f;border-radius:999px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:700}.copy-rows-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.copy-row-item{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.copy-row-item{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.copy-row-item-compact{border-color:var(--accent);min-height:44px;padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.copy-row-item-compact{border-color:color-mix(in srgb,var(--accent)28%,var(--border))}}.copy-row-btn{background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.copy-row-btn{background:color-mix(in srgb,var(--accent)16%,transparent)}}.copy-row-btn{color:var(--accent-strong);cursor:pointer;flex-shrink:0;margin:0;transition:transform .16s,background .16s}.copy-row-btn:hover{background:var(--accent);transform:scale(1.06)}@supports (color:color-mix(in lab, red, red)){.copy-row-btn:hover{background:color-mix(in srgb,var(--accent)24%,transparent)}}.copy-row-btn svg{fill:currentColor;width:16px;height:16px}.copy-row-value{font-family:var(--font-display),sans-serif;letter-spacing:.01em;-webkit-user-select:none;user-select:none;word-break:break-word;font-size:1rem;line-height:1.2}.copy-row-value-mono{-webkit-user-select:text;user-select:text;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88rem;line-height:1.45}.copy-row-value-preserve{white-space:pre-wrap}.toast-viewport{z-index:120;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:18px;right:18px}.toast-item{border:1px solid var(--accent);border-radius:12px;min-width:150px;min-height:46px;padding:10px 14px}@supports (color:color-mix(in lab, red, red)){.toast-item{border:1px solid color-mix(in srgb,var(--accent)45%,var(--border))}}.toast-item{background:linear-gradient(140deg,var(--accent),transparent 72%),var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.toast-item{background:linear-gradient(140deg,color-mix(in srgb,var(--accent)22%,transparent),transparent 72%),color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.toast-item{box-shadow:0 14px 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.toast-item{box-shadow:0 14px 28px color-mix(in srgb,var(--accent)24%,transparent)}}.toast-item{color:var(--text-main);letter-spacing:.01em;align-items:center;font-size:.88rem;font-weight:700;animation:.17s toast-pop-in;display:inline-flex}.toast-item-error{border-color:#ef4444}@supports (color:color-mix(in lab, red, red)){.toast-item-error{border-color:color-mix(in srgb,#ef4444 48%,var(--border))}}.toast-item-error{box-shadow:0 14px 28px #ef44443d}@keyframes toast-pop-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.home-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.home-card{border:1px solid var(--accent);width:min(1100px,100%)}@supports (color:color-mix(in lab, red, red)){.home-card{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.home-card{background:radial-gradient(600px 280px at 5% -15%,var(--accent),transparent 75%),var(--bg-elevated);border-radius:28px;padding:28px}@supports (color:color-mix(in lab, red, red)){.home-card{background:radial-gradient(600px 280px at 5% -15%,color-mix(in srgb,var(--accent)16%,transparent),transparent 75%),color-mix(in srgb,var(--bg-elevated)95%,transparent)}}.home-card{box-shadow:var(--shadow)}.home-top-row{align-items:center;gap:16px;width:100%;display:flex}.home-card h1{font-family:var(--font-display),sans-serif;margin:8px 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.home-lead{color:var(--text-muted);margin:12px 0 0;font-size:1rem;font-weight:400}.lang-pill-wrap{border:1px solid var(--border);background:0 0;border-radius:999px;gap:8px;margin-left:auto;padding:6px 8px;display:inline-flex}.lang-pill-btn{box-shadow:none;cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .17s,box-shadow .17s;display:inline-flex;position:relative}.lang-flag{width:28px;height:28px;box-shadow:none;border:0;border-radius:999px;display:block}.lang-pill-btn[data-active=false]:hover,.lang-pill-btn[data-active=true]:hover{z-index:10;transform:scale(1.5)}.lang-pill-btn[data-active=true]{z-index:2;box-shadow:0 0 5px 2px var(--accent)!important}.home-search-block{margin-top:20px}.home-search-block label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.home-search-block input{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;width:100%;height:46px}@supports (color:color-mix(in lab, red, red)){.home-search-block input{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.home-search-block input{color:var(--text-main);padding:0 12px;font-size:.95rem}.home-search-block input:focus{outline:2px solid var(--ring);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-search-block input:focus{border-color:color-mix(in srgb,var(--accent)50%,var(--border))}}.home-results{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px;display:grid}.home-result-btn{border:1px solid var(--border);color:var(--text-main);background:var(--bg-soft);border-radius:12px;padding:10px;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.home-result-btn{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.home-result-btn{transition:transform .18s,box-shadow .18s,border-color .18s}.home-result-btn:hover{border-color:var(--accent);transform:translateY(-2px)scale(1.01)}@supports (color:color-mix(in lab, red, red)){.home-result-btn:hover{border-color:color-mix(in srgb,var(--accent)60%,var(--border))}}.home-result-btn:hover{box-shadow:0 14px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-result-btn:hover{box-shadow:0 14px 26px color-mix(in srgb,var(--accent)16%,transparent)}}.home-result-btn p{margin:0;font-size:.9rem;font-weight:700}.home-result-btn span{color:var(--text-muted);margin-top:4px;font-size:.77rem;display:block}.home-results-empty{border:1px dashed var(--accent);border-radius:14px;width:100%;min-height:84px;margin:14px 0 0}@supports (color:color-mix(in lab, red, red)){.home-results-empty{border:1px dashed color-mix(in srgb,var(--accent)48%,var(--border))}}.home-results-empty{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-results-empty{background:color-mix(in srgb,var(--accent)8%,transparent)}}.home-results-empty{text-align:center;letter-spacing:.01em;color:var(--accent-strong);place-items:center;font-size:1.05rem;font-weight:700;display:grid}.home-sections{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:18px;display:grid}.home-section-btn{border:1px solid var(--border);color:var(--text-main);background:var(--bg-soft);border-radius:12px;padding:12px;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.home-section-btn{background:color-mix(in srgb,var(--bg-soft)93%,transparent)}}.home-section-btn{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.home-section-btn:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.home-section-btn:hover{border-color:color-mix(in srgb,var(--accent)62%,var(--border))}}.home-section-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-section-btn:hover{background:color-mix(in srgb,var(--accent)10%,var(--bg-soft))}}.home-section-btn:hover{box-shadow:0 14px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.home-section-btn:hover{box-shadow:0 14px 26px color-mix(in srgb,var(--accent)18%,transparent)}}.home-section-btn p{margin:0;font-weight:700}.home-section-btn span{color:var(--text-muted);margin-top:4px;font-size:.84rem;display:block}.home-hero-ad{margin-top:14px;margin-left:auto}.home-tools-ad-banner{margin-top:0}.home-ad-slot{width:100%;overflow:hidden}.home-ad-slot-loaded{border:1px dashed var(--accent);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.home-ad-slot-loaded{border:1px dashed color-mix(in srgb,var(--accent)35%,var(--border))}}.home-ad-slot-loaded{background:var(--bg-soft)}@supports (color:color-mix(in lab, red, red)){.home-ad-slot-loaded{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.home-ad-slot-loaded{justify-content:center;align-items:center;display:flex}.home-tools-ad-banner.home-ad-slot-loaded{margin-top:14px}.home-ad-slot-pending{opacity:0;pointer-events:none;background:0 0;border:0;min-height:0}.home-ad-slot-square{width:min(100%,320px)}.home-ad-slot-loaded.home-ad-slot-square{min-height:250px}.home-ad-slot-loaded.home-ad-slot-banner{min-height:120px}.home-ad-slot-loaded .home-ad-unit{width:100%}.home-ad-slot-pending .home-ad-unit{height:0;min-height:0!important}.home-ad-slot-loaded.home-ad-slot-square .home-ad-unit{min-height:250px}.home-ad-slot-loaded.home-ad-slot-banner .home-ad-unit{min-height:120px}.about-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.about-card{border:1px solid var(--accent);width:min(760px,100%)}@supports (color:color-mix(in lab, red, red)){.about-card{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.about-card{background:radial-gradient(560px 280px at 5% -15%,var(--accent),transparent 75%),var(--bg-elevated);border-radius:28px;padding:28px}@supports (color:color-mix(in lab, red, red)){.about-card{background:radial-gradient(560px 280px at 5% -15%,color-mix(in srgb,var(--accent)16%,transparent),transparent 75%),color-mix(in srgb,var(--bg-elevated)95%,transparent)}}.about-card{box-shadow:var(--shadow)}.about-card h1{font-family:var(--font-display),sans-serif;margin:8px 0 0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1}.about-lead{color:var(--text-muted);margin:12px 0 0;font-size:1rem;font-weight:400;line-height:1.5}.about-links{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin-top:22px;display:grid}.about-link-btn{border:1px solid var(--accent);border-radius:12px;min-height:54px}@supports (color:color-mix(in lab, red, red)){.about-link-btn{border:1px solid color-mix(in srgb,var(--accent)35%,var(--border))}}.about-link-btn{color:var(--text-main);background:var(--bg-soft);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.about-link-btn{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.about-link-btn{justify-content:center;align-items:center;font-size:.93rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.about-link-btn:hover{border-color:var(--accent);transform:translateY(-2px)scale(1.02)}@supports (color:color-mix(in lab, red, red)){.about-link-btn:hover{border-color:color-mix(in srgb,var(--accent)75%,var(--border))}}.about-link-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.about-link-btn:hover{background:color-mix(in srgb,var(--accent)15%,var(--bg-soft))}}.about-link-btn:hover{box-shadow:0 14px 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.about-link-btn:hover{box-shadow:0 14px 28px color-mix(in srgb,var(--accent)22%,transparent)}}.about-link-btn-disabled{opacity:.55;pointer-events:none;cursor:not-allowed;box-shadow:none;border-style:dashed}.about-web-row{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:.9rem;display:flex}.about-web-link{color:var(--accent-strong);border-bottom:1px solid #0000;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s}.about-web-link:hover{color:var(--accent);border-color:currentColor}.about-footer{justify-content:center;margin-top:20px;display:flex}.about-back-btn{color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-strong));border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex}.about-back-btn:hover{filter:saturate(1.08);box-shadow:0 12px 24px var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.about-back-btn:hover{box-shadow:0 12px 24px color-mix(in srgb,var(--accent)35%,transparent)}}.status-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.status-card{border:1px solid var(--accent);width:min(760px,100%)}@supports (color:color-mix(in lab, red, red)){.status-card{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.status-card{background:radial-gradient(560px 280px at 5% -15%,var(--accent),transparent 75%),var(--bg-elevated);border-radius:28px;padding:28px}@supports (color:color-mix(in lab, red, red)){.status-card{background:radial-gradient(560px 280px at 5% -15%,color-mix(in srgb,var(--accent)16%,transparent),transparent 75%),color-mix(in srgb,var(--bg-elevated)95%,transparent)}}.status-card{box-shadow:var(--shadow)}.status-card h1{font-family:var(--font-display),sans-serif;margin:8px 0 0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1}.status-lead{color:var(--text-muted);margin:12px 0 0;font-size:1rem;font-weight:400;line-height:1.5}.status-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.status-retry-btn,.status-home-btn{min-width:170px;margin-top:0}.cookie-bar{z-index:120;border:1px solid var(--accent);position:fixed;bottom:20px;left:20px;right:20px}@supports (color:color-mix(in lab, red, red)){.cookie-bar{border:1px solid color-mix(in srgb,var(--accent)45%,var(--border))}}.cookie-bar{background:var(--bg-elevated);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.cookie-bar{background:color-mix(in srgb,var(--bg-elevated)98%,transparent)}}.cookie-bar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:12px;padding:14px;display:grid}.cookie-bar-title{color:var(--text-main);margin:0;font-size:.92rem;font-weight:700}.cookie-bar-lead{color:var(--text-muted);margin:6px 0 0;font-size:.86rem;line-height:1.45}.cookie-bar-note{color:var(--text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.45}.cookie-bar-controls{gap:8px;display:grid}.cookie-check{color:var(--text-main);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.cookie-check input{width:16px;height:16px}.cookie-check-disabled{opacity:.72}.cookie-save-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--accent),var(--accent-strong));border:0;border-radius:10px;justify-self:end;min-height:38px;padding:0 14px;font-weight:700}.clipboard-capability-notice{border:1px solid var(--accent);min-height:44px}@supports (color:color-mix(in lab, red, red)){.clipboard-capability-notice{border:1px solid color-mix(in srgb,var(--accent)40%,var(--border))}}.clipboard-capability-notice{background:var(--bg-elevated);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.clipboard-capability-notice{background:color-mix(in srgb,var(--bg-elevated)97%,var(--accent-soft))}}.clipboard-capability-notice{box-shadow:0 8px 24px var(--text-main)}@supports (color:color-mix(in lab, red, red)){.clipboard-capability-notice{box-shadow:0 8px 24px color-mix(in srgb,var(--text-main)8%,transparent)}}.clipboard-capability-notice{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:8px 14px;display:flex}.clipboard-capability-notice p{color:var(--text-main);margin:0;font-size:.87rem;font-weight:600;line-height:1.35}.clipboard-capability-notice button{border:1px solid var(--accent);border-radius:8px;width:28px;height:28px}@supports (color:color-mix(in lab, red, red)){.clipboard-capability-notice button{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.clipboard-capability-notice button{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.clipboard-capability-notice button{background:color-mix(in srgb,var(--bg-elevated)92%,transparent)}}.clipboard-capability-notice button{color:var(--text-main);cursor:pointer;flex-shrink:0;font-size:.95rem}@media (max-width:1140px){.studio-shell{grid-template-columns:1fr;min-height:auto}.sidebar-panel{max-height:100%;padding:12px;position:static}.brand-block{padding:8px 8px 12px}.brand-name{font-size:1.05rem}.section-nav{scrollbar-width:thin;scroll-snap-type:x proximity;flex-direction:row;margin-bottom:8px;padding-bottom:2px;overflow:auto}.section-nav-item{white-space:nowrap;scroll-snap-align:start;min-width:fit-content}.controls-panel{grid-template-columns:repeat(3,minmax(120px,1fr));padding:12px}.controls-popover{width:300px;left:auto}.tool-qr-layout{grid-template-columns:1fr}.time-compare-grid{grid-template-columns:88px minmax(0,1fr) minmax(0,1fr)}.time-compare-grid .tool-form-block:nth-child(4),.time-compare-actions{grid-column:span 3}.colors-compare-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.studio-shell{gap:14px;padding:12px}.sidebar-panel{border-radius:16px}.sidebar-scroll{overflow:visible}.section-nav{margin-bottom:6px}.section-nav-item{padding:2px 8px;font-size:.95rem}.section-count{min-width:24px;font-size:.7rem}.content-panel{padding:14px}.mobile-toolbar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mobile-menu-btn{border:1px solid var(--accent);width:38px;height:38px}@supports (color:color-mix(in lab, red, red)){.mobile-menu-btn{border:1px solid color-mix(in srgb,var(--accent)35%,var(--border))}}.mobile-menu-btn{background:var(--bg-soft);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.mobile-menu-btn{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.mobile-menu-btn{color:var(--text-main);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-btn svg{fill:currentColor;width:18px;height:18px}.mobile-toolbar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.96rem;font-weight:700;overflow:hidden}.sidebar-overlay{opacity:0;pointer-events:none;z-index:40;background:#050a1273;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-overlay.is-open{opacity:1;pointer-events:auto}.sidebar-panel{z-index:50;width:min(75vw,360px);height:100dvh;max-height:none;box-shadow:var(--shadow);background:var(--bg-elevated);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(calc(-100% - 16px))}.sidebar-panel.is-open{transform:translate(0)}.brand-row .sidebar-close-btn{display:inline-flex}.sidebar-scroll{flex:auto;overflow:auto}.section-nav{scroll-snap-type:none;flex-direction:column;gap:6px;overflow:visible}.section-nav-item{white-space:normal;width:100%;min-width:0}.sidebar-actions{background:var(--bg-elevated);position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.sidebar-actions{background:color-mix(in srgb,var(--bg-elevated)94%,transparent)}}.sidebar-actions{border-top:1px solid var(--border);z-index:3;padding-top:10px}.sidebar-bottom{background:var(--bg-elevated);margin-top:auto;padding-top:6px}@supports (color:color-mix(in lab, red, red)){.sidebar-bottom{background:color-mix(in srgb,var(--bg-elevated)94%,transparent)}}.controls-popover{z-index:70;border-radius:14px;width:100%;max-height:min(60dvh,420px);position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:auto}.controls-panel{grid-template-columns:1fr}.sidebar-actions{grid-template-columns:1fr 1fr}.generator-back-link{align-self:flex-start;display:inline-flex}.generator-tabs-row{flex-direction:column;align-items:stretch;gap:8px;overflow:hidden}.generator-tabs{width:100%;padding-bottom:2px;overflow-x:auto}.tool-actions-spread{flex-direction:column;align-items:stretch}.tool-actions button{width:100%}.json-cleaner-grid,.json-dual-grid,.json-compare-inputs{grid-template-columns:1fr}.json-compare-actions{justify-content:flex-start}.time-compare-grid{grid-template-columns:1fr}.time-compare-grid .tool-form-block:nth-child(4),.time-compare-actions{grid-column:auto}.time-compare-index{width:max-content;padding:0 10px}.text-transform-grid,.text-replace-grid,.text-pair-row{grid-template-columns:1fr}.text-pair-check{width:max-content}.colors-format-grid,.colors-compare-grid,.colors-preview-strip{grid-template-columns:1fr}.icons-react-controls,.image-dropzone-content,.file-dropzone-content{flex-direction:column;align-items:flex-start}.image-crop-manual,.app-icon-header{grid-template-columns:1fr}.app-icon-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.network-results-grid,.network-grid,.network-param-grid,.utils-markdown-grid,.utils-markdown-row{grid-template-columns:1fr}.copy-row-item{grid-template-columns:34px 1fr;gap:8px;padding:8px 10px}.copy-row-value{font-size:.92rem}.utils-minify-header{flex-direction:column;align-items:flex-start}}@media (max-width:580px){.studio-shell{gap:10px;padding:8px}.sidebar-panel{border-radius:14px;padding:10px}.brand-block{padding:6px 6px 10px}.brand-name{font-size:1rem}.section-nav{gap:4px}.section-nav-item{border-radius:12px;padding:2px 7px;font-size:.9rem}.sidebar-panel{width:78vw;height:100dvh}.mobile-toolbar{margin-bottom:8px}.hero-block{border-radius:14px;padding:16px}.hero-label{font-size:.68rem}.hero-block h1{font-size:clamp(1.3rem,6vw,1.65rem)}.controls-panel{grid-template-columns:1fr}.controls-popover{width:100%;max-height:min(64dvh,460px);bottom:calc(100% + 8px);left:0;right:0}.tool-grid{grid-template-columns:1fr}.tool-group{padding:12px}.tool-group h2{margin-bottom:10px}.tool-grid-columns{grid-template-columns:1fr}.tool-qr-export-grid,.validator-examples-grid{grid-template-columns:1fr 1fr}.json-direction-row select{width:100%;min-width:0}.json-diff-table{min-width:560px}.text-stats-grid{grid-template-columns:1fr}.colors-shades-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icons-react-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.app-icon-actions,.network-param-row,.network-param-input-row{grid-template-columns:1fr}.network-param-input-row button{width:100%}.time-locale-table{min-width:620px}.clipboard-table{min-width:560px}.toast-viewport{align-items:stretch;top:10px;left:10px;right:10px}.toast-item{justify-content:center;width:100%}.home-shell{padding:12px}.home-card{border-radius:22px;padding:20px}.home-top-row{flex-direction:column;align-items:flex-start}.lang-pill-wrap{align-self:flex-end}.home-results,.home-sections{grid-template-columns:1fr}.home-hero-ad{margin-left:0}.about-shell{padding:12px}.about-card{border-radius:22px;padding:20px}.about-links{grid-template-columns:1fr}.status-shell{padding:12px}.status-card{border-radius:22px;padding:20px}.status-actions{flex-direction:column}.status-retry-btn,.status-home-btn{width:100%}.cookie-bar{padding:12px;bottom:12px;left:12px;right:12px}.cookie-save-btn{justify-self:stretch}.clipboard-capability-notice{margin-bottom:10px;padding:8px 10px}.clipboard-capability-notice p{font-size:.8rem;line-height:1.3}}@media (min-width:861px){.mobile-toolbar{display:none}}.lang-pill-text{border:1px solid var(--accent);border-radius:999px;width:28px;height:28px}@supports (color:color-mix(in lab, red, red)){.lang-pill-text{border:1px solid color-mix(in srgb,var(--accent)26%,var(--border))}}.lang-pill-text{background:var(--bg-soft);justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lang-pill-text{background:color-mix(in srgb,var(--bg-soft)92%,transparent)}}.tool-tabs-header p{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.cheatsheet-tab-content{gap:16px;margin-top:14px;display:grid}.cheatsheet-group{border:1px solid var(--border);background:var(--bg-soft);border-radius:14px;padding:12px}@supports (color:color-mix(in lab, red, red)){.cheatsheet-group{background:color-mix(in srgb,var(--bg-soft)94%,transparent)}}.cheatsheet-group h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.9rem}.cheatsheet-command-list{gap:10px;margin-top:10px;display:grid}.cheatsheet-command-item{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:12px}@supports (color:color-mix(in lab, red, red)){.cheatsheet-command-item{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.cheatsheet-command-title{margin:0;font-size:.92rem;font-weight:700}.cheatsheet-command-description{color:var(--text-muted);margin:4px 0 0;font-size:.82rem;line-height:1.45}.empty-tool-hint{color:var(--text-muted);margin:0;font-size:.92rem}.database-tab-shell{gap:10px;display:grid}.database-config-card,.database-toolbar,.database-form-card,.database-group,.database-info-card,.database-folder-card,.database-join-card{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.database-config-card,.database-toolbar,.database-form-card,.database-group,.database-info-card,.database-folder-card,.database-join-card{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.database-config-card,.database-toolbar,.database-form-card,.database-group,.database-info-card,.database-folder-card,.database-join-card{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.database-config-card,.database-toolbar,.database-form-card,.database-group,.database-info-card,.database-folder-card,.database-join-card{background:color-mix(in srgb,var(--accent)8%,var(--bg-elevated))}}.database-config-card,.database-toolbar,.database-form-card,.database-group,.database-info-card,.database-folder-card,.database-join-card{padding:9px}.database-config-card header,.database-toolbar,.database-form-card>.database-toolbar-actions,.database-folder-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.database-config-card h4,.database-form-card h4,.database-group h4,.database-info-card h3,.database-join-card h4{margin:0;font-size:.9rem}.database-config-card header button,.database-toolbar button,.database-folder-actions button,.database-context-menu-panel button,.database-form-card button,.database-link-item,.database-inline-form button{border:1px solid var(--accent);border-radius:8px;min-height:30px;padding:0 8px}@supports (color:color-mix(in lab, red, red)){.database-config-card header button,.database-toolbar button,.database-folder-actions button,.database-context-menu-panel button,.database-form-card button,.database-link-item,.database-inline-form button{border:1px solid color-mix(in srgb,var(--accent)28%,var(--border))}}.database-config-card header button,.database-toolbar button,.database-folder-actions button,.database-context-menu-panel button,.database-form-card button,.database-link-item,.database-inline-form button{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.database-config-card header button,.database-toolbar button,.database-folder-actions button,.database-context-menu-panel button,.database-form-card button,.database-link-item,.database-inline-form button{background:color-mix(in srgb,var(--bg-elevated)94%,transparent)}}.database-config-card header button,.database-toolbar button,.database-folder-actions button,.database-context-menu-panel button,.database-form-card button,.database-link-item,.database-inline-form button{color:var(--text-main);cursor:pointer;font-size:.76rem;font-weight:700;text-decoration:none}.database-config-card header button:hover,.database-toolbar button:hover,.database-folder-actions button:hover,.database-context-menu-panel button:hover,.database-form-card button:hover,.database-link-item:hover,.database-inline-form button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.database-config-card header button:hover,.database-toolbar button:hover,.database-folder-actions button:hover,.database-context-menu-panel button:hover,.database-form-card button:hover,.database-link-item:hover,.database-inline-form button:hover{border-color:color-mix(in srgb,var(--accent)56%,var(--border))}}.database-config-card header button:hover,.database-toolbar button:hover,.database-folder-actions button:hover,.database-context-menu-panel button:hover,.database-form-card button:hover,.database-link-item:hover,.database-inline-form button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.database-config-card header button:hover,.database-toolbar button:hover,.database-folder-actions button:hover,.database-context-menu-panel button:hover,.database-form-card button:hover,.database-link-item:hover,.database-inline-form button:hover{background:color-mix(in srgb,var(--accent)12%,var(--bg-soft))}}.database-config-card header button.database-danger-button,.database-toolbar button.database-danger-button,.database-folder-actions button.database-danger-button,.database-context-menu-panel button.database-danger-button,.database-form-card button.database-danger-button,.database-inline-form button.database-danger-button,.database-confirm-actions button.database-danger-button{border-color:#ef4444}@supports (color:color-mix(in lab, red, red)){.database-config-card header button.database-danger-button,.database-toolbar button.database-danger-button,.database-folder-actions button.database-danger-button,.database-context-menu-panel button.database-danger-button,.database-form-card button.database-danger-button,.database-inline-form button.database-danger-button,.database-confirm-actions button.database-danger-button{border-color:color-mix(in srgb,#ef4444 66%,var(--border))}}.database-config-card header button.database-danger-button,.database-toolbar button.database-danger-button,.database-folder-actions button.database-danger-button,.database-context-menu-panel button.database-danger-button,.database-form-card button.database-danger-button,.database-inline-form button.database-danger-button,.database-confirm-actions button.database-danger-button{background:#ef4444}@supports (color:color-mix(in lab, red, red)){.database-config-card header button.database-danger-button,.database-toolbar button.database-danger-button,.database-folder-actions button.database-danger-button,.database-context-menu-panel button.database-danger-button,.database-form-card button.database-danger-button,.database-inline-form button.database-danger-button,.database-confirm-actions button.database-danger-button{background:color-mix(in srgb,#ef4444 12%,var(--bg-elevated))}}.database-config-card header button.database-danger-button,.database-toolbar button.database-danger-button,.database-folder-actions button.database-danger-button,.database-context-menu-panel button.database-danger-button,.database-form-card button.database-danger-button,.database-inline-form button.database-danger-button,.database-confirm-actions button.database-danger-button{color:#b91c1c}.database-config-card header button.database-danger-button:hover,.database-toolbar button.database-danger-button:hover,.database-folder-actions button.database-danger-button:hover,.database-context-menu-panel button.database-danger-button:hover,.database-form-card button.database-danger-button:hover,.database-inline-form button.database-danger-button:hover,.database-confirm-actions button.database-danger-button:hover{border-color:#dc2626}@supports (color:color-mix(in lab, red, red)){.database-config-card header button.database-danger-button:hover,.database-toolbar button.database-danger-button:hover,.database-folder-actions button.database-danger-button:hover,.database-context-menu-panel button.database-danger-button:hover,.database-form-card button.database-danger-button:hover,.database-inline-form button.database-danger-button:hover,.database-confirm-actions button.database-danger-button:hover{border-color:color-mix(in srgb,#dc2626 72%,var(--border))}}.database-config-card header button.database-danger-button:hover,.database-toolbar button.database-danger-button:hover,.database-folder-actions button.database-danger-button:hover,.database-context-menu-panel button.database-danger-button:hover,.database-form-card button.database-danger-button:hover,.database-inline-form button.database-danger-button:hover,.database-confirm-actions button.database-danger-button:hover{background:#ef4444}@supports (color:color-mix(in lab, red, red)){.database-config-card header button.database-danger-button:hover,.database-toolbar button.database-danger-button:hover,.database-folder-actions button.database-danger-button:hover,.database-context-menu-panel button.database-danger-button:hover,.database-form-card button.database-danger-button:hover,.database-inline-form button.database-danger-button:hover,.database-confirm-actions button.database-danger-button:hover{background:color-mix(in srgb,#ef4444 18%,var(--bg-soft))}}.database-config-card header button:disabled,.database-toolbar button:disabled,.database-folder-actions button:disabled,.database-context-menu-panel button:disabled,.database-form-card button:disabled,.database-inline-form button:disabled,.database-confirm-actions button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.database-form-card button.database-primary-button{border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-primary-button{border-color:color-mix(in srgb,var(--accent)88%,var(--border))!important}}.database-form-card button.database-primary-button{background:linear-gradient(120deg,var(--accent),var(--accent-strong))!important}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-primary-button{background:linear-gradient(120deg,color-mix(in srgb,var(--accent)92%,#fff 8%),var(--accent-strong))!important}}.database-form-card button.database-primary-button{box-shadow:0 10px 20px var(--accent);color:#fff!important}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-primary-button{box-shadow:0 10px 20px color-mix(in srgb,var(--accent)44%,transparent)}}.database-form-card button.database-primary-button:hover{border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-primary-button:hover{border-color:color-mix(in srgb,var(--accent)96%,var(--border))!important}}.database-form-card button.database-primary-button:hover{background:linear-gradient(120deg,var(--accent),var(--accent-strong))!important}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-primary-button:hover{background:linear-gradient(120deg,color-mix(in srgb,var(--accent)82%,#fff 18%),var(--accent-strong))!important}}.database-form-card button.database-primary-button:hover{box-shadow:0 14px 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-primary-button:hover{box-shadow:0 14px 24px color-mix(in srgb,var(--accent)50%,transparent)}}.database-form-card button.database-secondary-button{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.database-form-card button.database-secondary-button{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.database-form-card button.database-secondary-button{color:var(--text-main)}.database-form-card>.database-toolbar-actions{border-top:1px solid var(--accent);margin-top:10px;padding-top:8px}@supports (color:color-mix(in lab, red, red)){.database-form-card>.database-toolbar-actions{border-top:1px solid color-mix(in srgb,var(--accent)24%,var(--border))}}.database-fields-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-top:8px;display:grid}.database-fields-grid label{color:var(--text-muted);gap:4px;font-size:.72rem;display:grid}.database-fields-grid label span{letter-spacing:.03em;font-weight:600}.database-fields-grid input[type=text],.database-fields-grid input:not([type]),.database-fields-grid select,.database-fields-grid textarea,.database-inline-form input,.database-inline-form select{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;min-height:30px}@supports (color:color-mix(in lab, red, red)){.database-fields-grid input[type=text],.database-fields-grid input:not([type]),.database-fields-grid select,.database-fields-grid textarea,.database-inline-form input,.database-inline-form select{background:color-mix(in srgb,var(--bg-elevated)96%,transparent)}}.database-fields-grid input[type=text],.database-fields-grid input:not([type]),.database-fields-grid select,.database-fields-grid textarea,.database-inline-form input,.database-inline-form select{color:var(--text-main);padding:4px 8px;font-size:.8rem}.database-fields-grid textarea{resize:vertical;min-height:72px}.database-fields-grid input[type=checkbox]{width:16px;height:16px;margin:2px 0 0}.database-wide-field{grid-column:1/-1}.database-group-list{background:0 0;gap:8px;display:grid}.database-command-compact-list{gap:3px;margin-top:6px;display:grid}.database-command-compact-item{background:0 0;border:0;border-radius:0;padding:0}.database-command-title{background:0 0;border-radius:0;margin:0;padding:0 0 2px;font-size:.8rem;font-weight:600}.database-inline-description,.database-info-card p{color:var(--text-muted);margin:3px 0 0;font-size:.77rem;line-height:1.35}.database-tab-shell>.database-join-grid{align-items:start;gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.join-type-icon{width:56px;height:28px;margin:6px 0 8px;display:block}.database-link-list{gap:6px;margin-top:6px;display:grid}.database-link-item{align-items:center;display:inline-flex}.database-toolbar{gap:8px}.database-inline-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.database-inline-form span{color:var(--text-muted);font-size:.75rem;font-weight:700}.database-toolbar-actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.database-file-input{display:none}.database-confirm-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.database-confirm-dialog{border:1px solid var(--accent);width:min(460px,100vw - 32px)}@supports (color:color-mix(in lab, red, red)){.database-confirm-dialog{border:1px solid color-mix(in srgb,var(--accent)30%,var(--border))}}.database-confirm-dialog{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.database-confirm-dialog{background:color-mix(in srgb,var(--accent)8%,var(--bg-elevated))}}.database-confirm-dialog{gap:10px;padding:14px;display:grid;box-shadow:0 22px 48px #0f172a52}.database-confirm-dialog h4{margin:0;font-size:.96rem}.database-confirm-dialog p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.database-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.database-confirm-actions button{border:1px solid var(--accent);border-radius:8px;min-height:30px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.database-confirm-actions button{border:1px solid color-mix(in srgb,var(--accent)28%,var(--border))}}.database-confirm-actions button{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.database-confirm-actions button{background:color-mix(in srgb,var(--bg-elevated)94%,transparent)}}.database-confirm-actions button{color:var(--text-main);cursor:pointer;font-size:.76rem;font-weight:700}.database-folder-list{gap:8px;display:grid}.database-folder-name{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:.86rem;font-weight:700}.database-folder-name.active{color:var(--accent-strong)}.database-folder-actions{align-items:center;gap:6px;display:inline-flex}.database-command-actions{justify-content:flex-end;margin-top:6px;display:flex}.database-context-menu{display:inline-flex;position:relative}.database-context-trigger{min-width:30px;line-height:1;padding:0 9px!important;font-size:1rem!important}.database-context-menu-panel{border:1px solid var(--accent);border-radius:10px;min-width:132px;padding:6px;position:absolute;top:calc(100% + 4px);right:0}@supports (color:color-mix(in lab, red, red)){.database-context-menu-panel{border:1px solid color-mix(in srgb,var(--accent)34%,var(--border))}}.database-context-menu-panel{background:var(--bg-elevated)}@supports (color:color-mix(in lab, red, red)){.database-context-menu-panel{background:color-mix(in srgb,var(--bg-elevated)97%,transparent)}}.database-context-menu-panel{z-index:40;gap:4px;display:grid;box-shadow:0 10px 18px #02061757}.database-context-menu-panel button{text-align:left;justify-content:flex-start;align-items:center;width:100%;display:inline-flex}.database-connection-list{gap:6px;margin-top:6px;display:grid}.database-connection-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:9px;padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.database-connection-card{background:color-mix(in srgb,var(--bg-elevated)97%,transparent)}}.database-connection-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.database-connection-main p{margin:0;font-size:.8rem;font-weight:600}.database-connection-main span{color:var(--text-muted);margin-top:2px;font-size:.74rem;display:inline-block}.database-empty-state{color:var(--text-muted);margin:0;font-size:.78rem}.database-command-compact-item .validator-block{gap:2px}.database-command-compact-item .copy-row-item{border-radius:8px;grid-template-columns:30px 1fr;min-height:32px;padding:3px 7px}.database-command-compact-item .copy-row-btn{width:24px;height:24px}.database-command-compact-item .copy-row-btn svg{width:13px;height:13px}.database-command-compact-item .copy-row-value,.database-command-compact-item .copy-row-value-mono{font-size:.78rem;line-height:1.2}.os-identity-grid{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.os-identity-grid h5{margin:0 0 6px;font-size:.78rem;font-weight:700}.os-info-table-wrap{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;margin-top:6px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.os-info-table-wrap{background:color-mix(in srgb,var(--bg-elevated)95%,transparent)}}.os-info-table{border-collapse:collapse;width:100%;min-width:560px}.os-info-table th,.os-info-table td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px;font-size:.78rem}.os-info-table th{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.os-info-table th{background:color-mix(in srgb,var(--accent)8%,var(--bg-soft))}}.os-info-table th{font-weight:700}.os-info-table tr:last-child td{border-bottom:0}@media (max-width:980px){.database-tab-shell>.database-join-grid{grid-template-columns:1fr!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}