@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.visible{visibility:visible}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-all{-webkit-user-select:all;user-select:all}}:root{--ink:#17212e;--muted:#667085;--line:#e5e9ef;--surface:#fff;--canvas:#f8fafc;--navy:#213554;--blue:#3772f2;--blue-soft:#edf3ff;--danger:#e5484d}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid #e8edf3;flex-direction:column;flex:0 0 256px;width:256px;height:100vh;padding:28px 16px 20px;display:flex;position:sticky;top:0}.brand,.mobile-brand{color:#1c2b43;letter-spacing:-.5px;align-items:center;gap:10px;font-size:19px;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--navy);color:#fff;letter-spacing:-1.5px;border-radius:9px;place-items:center;width:31px;height:31px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;display:grid}.nav-group{margin-top:42px}.nav-label{color:#9aa5b5;letter-spacing:.1em;text-transform:uppercase;margin:0 10px 9px;font-size:10px;font-weight:750;display:block}.nav-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.nav-item{color:#64748b;border-radius:9px;align-items:center;gap:11px;min-height:42px;padding:0 11px;font-size:14px;text-decoration:none;display:flex}.nav-item svg{stroke-width:1.7px;width:18px;height:18px}.nav-item.active{background:var(--blue-soft);color:#2f66d7;font-weight:650}.nav-item.active svg{stroke-width:2px}.nav-item:hover:not(.active){color:#344256;background:#f6f8fb}.sidebar-foot{color:#98a2b3;border-top:1px solid #eff2f5;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;padding:14px 10px 0;font-size:12px;display:flex}.sidebar-foot svg{width:15px;height:15px}.sidebar-foot a,.mobile-github-link{color:#657791;place-items:center;text-decoration:none;display:grid}.sidebar-foot a svg,.mobile-github-link svg{width:18px;height:18px}.sidebar-foot a:hover,.mobile-github-link:hover{color:#315eaf}.mobile-navigation{display:none}.workspace{flex:1;min-width:0;padding:60px clamp(28px,6vw,112px)}.mobile-brand{display:none}.tool-header{justify-content:space-between;align-items:flex-start;gap:28px;max-width:1280px;margin:0 auto 36px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 11px;font-size:11px;font-weight:800}h1{color:#182433;letter-spacing:-1.5px;margin:0;font-size:clamp(30px,3vw,38px);font-weight:730;line-height:1.1}.tool-description{color:#667085;max-width:520px;margin:12px 0 0;font-size:15px;line-height:1.6}.privacy-note{color:#34835d;white-space:nowrap;background:#f4fdf8;border:1px solid #dbf2e5;border-radius:999px;flex:none;align-items:center;gap:7px;margin-top:6px;padding:8px 11px;font-size:12px;display:flex}.privacy-note svg{width:14px;height:14px}.formatter-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:1280px;margin:0 auto;overflow:hidden;box-shadow:0 8px 25px #263a5b0a}.options-bar{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:75px;padding:14px 24px;display:flex}.option{align-items:center;gap:12px;display:flex}.option-label{color:#667085;white-space:nowrap;font-size:13px;font-weight:600}.segmented-control{background:#fafbfd;border:1px solid #dce3eb;border-radius:8px;padding:3px;display:flex}.segment{color:#7b8797;background:0 0;border:0;border-radius:5px;min-height:28px;padding:0 11px;font-size:12px}.segment.active{color:#315eaf;background:#fff;font-weight:700;box-shadow:0 1px 3px #2c3e5024}.switch{background:#cbd5e1;border:0;border-radius:999px;flex:none;align-items:center;width:38px;height:22px;padding:2px;transition:background .15s;display:inline-flex;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 2px #0f172a33}.switch.on{background:var(--blue)}.switch.on:after{transform:translate(16px)}.editor-grid{grid-template-columns:1fr 1fr;min-height:475px;display:grid}.editor-panel{flex-direction:column;min-width:0;display:flex}.editor-panel+.editor-panel{border-left:1px solid var(--line)}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 20px;display:flex}.panel-title{color:#344054;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.panel-title svg{color:#8a99ac}.editor-input,.result{color:#344054;tab-size:2;background:#fdfefe;border:0;border-top:1px solid #f0f2f5;border-radius:0;outline:none;flex:1;min-height:0;margin:0;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.7}.editor-input{resize:vertical}.editor-input::placeholder{color:#b1bac6}.editor-input:focus{box-shadow:inset 3px 0 #9cbcff}.result-wrap{flex:1;min-height:0;display:flex;position:relative}.result{white-space:pre;overflow:auto}.empty-result{color:#a3adba;text-align:center;justify-content:center;align-items:center;width:100%;min-height:250px;padding:28px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.6;display:flex}.copy-button,.clear-button{color:#667085;background:#fff;border:1px solid #dce3eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:31px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.copy-button:hover,.clear-button:hover{color:#344054;border-color:#c1ccda}.copy-button.success{color:#268656;background:#f5fdf8;border-color:#bfe9d3}.copy-button svg,.clear-button svg{width:14px;height:14px}.formatter-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:13px 20px 13px 24px;display:flex}.status-message{color:#7e8a9a;font-size:12px}.status-message.error{color:var(--danger)}.format-button{background:var(--blue);color:#fff;border:1px solid #2e65df;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 4px #3772f238}.format-button:hover{background:#2867e9}.format-button:active{transform:translateY(1px)}.format-button svg{width:16px;height:16px}.utility-layout{gap:20px;max-width:1280px;margin:0 auto;display:grid}.utility-layout.two-column-wide{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch}.utility-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #263a5b0a}.card-section{border-bottom:1px solid #edf0f4;padding:22px}.card-section:last-child{border-bottom:0}.compact-section{padding-block:17px}.fill-section{flex-direction:column;display:flex}.field-label{color:#556174;letter-spacing:.01em;margin-bottom:9px;font-size:12px;font-weight:750;display:block}.text-input,.select-input{color:#263445;background:#fff;border:1px solid #dce3eb;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.text-input:focus,.select-input:focus,.utility-textarea:focus{border-color:#86aaf8;box-shadow:0 0 0 3px #3772f21a}.text-input.invalid,.regex-input-wrap.invalid{border-color:#f0a4a7}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.large-input{min-height:50px;font-size:15px}.select-input{appearance:auto;min-width:130px}.utility-textarea{resize:vertical;color:#344054;background:#fcfdff;border:1px solid #dce3eb;border-radius:9px;outline:0;width:100%;min-height:180px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65;display:block}.utility-textarea::placeholder,.text-input::placeholder{color:#aab4c2}.utility-textarea.tall{min-height:270px}.field-error{color:var(--danger);margin:9px 0 0;font-size:12px;line-height:1.45}.card-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:13px 20px;display:flex}.card-heading>div{gap:3px;display:grid}.card-title{color:#344054;font-size:13px;font-weight:750}.card-subtitle{color:#98a2b3;font-size:11px}.result-card{flex-direction:column;min-height:0;display:flex}.scroll-area{min-height:150px;overflow:auto}.utility-empty{color:#9ba6b4;text-align:center;flex:1;place-items:center;min-height:160px;padding:28px;font-size:13px;line-height:1.55;display:grid}.utility-empty.error,.empty-result.error{color:var(--danger)}.count-badge{color:#7b8797;background:#f0f3f7;border-radius:99px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:750;display:grid}.count-badge.found{color:#277d54;background:#e8f8ef}.copy-button:disabled{cursor:default;opacity:.45}.copy-button.compact{min-height:30px}.regex-input-wrap{color:#8793a3;background:#fff;border:1px solid #dce3eb;border-radius:8px;align-items:center;gap:4px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;overflow:hidden}.regex-input-wrap:focus-within{border-color:#86aaf8;box-shadow:0 0 0 3px #3772f21a}.regex-input-wrap .text-input{box-shadow:none;border:0;flex:1;padding-inline:4px}.check-list{flex-wrap:wrap;gap:9px 17px;display:flex}.check-option{color:#667085;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.check-option input{accent-color:var(--blue)}.check-option code{color:#315eaf;font-weight:750}.stacked-results{grid-template-rows:1fr 1fr;gap:20px;min-height:0;display:grid}.match-list,.explanation-list{max-height:270px}.match-row,.explanation-row{border-bottom:1px solid #f0f2f5;align-items:start;gap:11px;padding:12px 17px;display:grid}.match-row{grid-template-columns:24px minmax(0,1fr)}.match-row:last-child,.explanation-row:last-child{border-bottom:0}.match-number{color:#4b70b9;background:#eef3ff;border-radius:6px;place-items:center;height:23px;font-size:10px;font-weight:750;display:grid}.match-row>div{gap:4px;min-width:0;display:grid}.match-row code,.explanation-row code{overflow-wrap:anywhere;color:#293b55;font-size:12px}.match-row div span,.explanation-row span{color:#8a96a5;font-size:11px;line-height:1.45}.explanation-row{grid-template-columns:minmax(60px,.32fr) minmax(0,1fr)}.explanation-row code{color:#315eaf;background:#f1f5fb;border-radius:5px;width:fit-content;padding:3px 6px;display:inline-block}.cron-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.input-with-action{align-items:center;gap:9px;display:flex}.cron-field-guide{background:#fbfcfe;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(5,1fr);padding:14px 20px;display:grid}.cron-field-guide div{text-align:center;border-right:1px solid #e8ecf1;gap:3px;display:grid}.cron-field-guide div:last-child{border-right:0}.cron-field-guide strong{color:#576477;font-size:11px}.cron-field-guide span{color:#98a2b3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.preset-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-list button{color:#526174;text-align:left;background:#fff;border:1px solid #e2e7ed;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:49px;padding:8px 10px;font-size:11px;display:flex}.preset-list button:hover{background:#f8faff;border-color:#a9c0f2}.preset-list code{color:#315eaf;flex:none;font-size:10px}.cron-result .utility-empty{min-height:340px}.cron-details{gap:25px;padding:22px;display:grid}.summary-callout{background:#f5f8ff;border:1px solid #dae5fb;border-radius:10px;gap:7px;padding:16px;display:grid}.summary-callout span{color:#8290a5;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.summary-callout strong{color:#294f99;font-size:15px;line-height:1.5}.run-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.run-list li{color:#69768a;border-bottom:1px solid #eef1f4;justify-content:space-between;align-items:center;min-height:47px;font-size:12px;display:flex}.run-list strong{color:#2f3f54;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.utility-editor-card{max-width:1280px}.wrap-options{flex-wrap:wrap}.encoding-hint{color:#8b97a7;margin-left:auto;font-size:11px}.converter-card{max-width:1000px;margin:0 auto;padding:24px}.converter-grid{grid-template-columns:minmax(240px,2fr) minmax(130px,.65fr) 30px minmax(130px,.65fr);align-items:end;gap:13px;display:grid}.converter-field{min-width:0}.converter-arrow{color:#94a0b0;place-items:center;height:44px;display:grid}.conversion-error{margin-bottom:0}.primary-result{background:#f5f8ff;border:1px solid #d8e4fb;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;min-height:108px;margin-top:24px;padding:18px 20px;display:flex}.primary-result>div{gap:8px;min-width:0;display:grid}.primary-result span{color:#718097;text-transform:uppercase;font-size:11px;font-weight:700}.primary-result code{overflow-wrap:anywhere;color:#244c98;font-size:clamp(18px,2.5vw,27px);font-weight:650}.common-results{border:1px solid #e5e9ef;border-radius:10px;margin-top:22px;display:grid}.two-column-results{grid-template-columns:1fr 1fr}.two-column-results .value-row:nth-child(odd){border-right:1px solid #edf0f4}.value-row{border-bottom:1px solid #edf0f4;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:15px;min-width:0;min-height:65px;padding:10px 13px;display:grid}.value-row:last-child,.two-column-results .value-row:nth-last-child(-n+2){border-bottom:0}.value-row>div{gap:3px;display:grid}.value-row strong{color:#526075;font-size:12px}.value-row span{color:#9aa5b3;font-size:10px}.value-row code{color:#2d415c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.case-layout{grid-template-columns:minmax(280px,.7fr) minmax(440px,1.3fr);align-items:start}.input-card{position:sticky;top:25px}.case-input{min-height:390px;box-shadow:none;resize:vertical;border:0;border-radius:0}.case-input:focus{box-shadow:inset 3px 0 #9cbcff}.case-results>div:last-child{display:grid}.case-row{border-bottom:1px solid #eef1f4;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;padding:10px 15px 10px 20px;display:grid}.case-row:last-child{border-bottom:0}.case-row>span{color:#6b778a;font-size:11px;font-weight:650}.case-row code{overflow-wrap:anywhere;color:#293e5a;min-width:0;font-size:12px}.diff-input-card,.diff-prepared-card,.diff-result-card{max-width:1280px;margin-inline:auto}.diff-editors{grid-template-columns:1fr 1fr;min-height:330px;display:grid}.diff-pane{flex-direction:column;min-width:0;display:flex}.diff-pane+.diff-pane{border-left:1px solid var(--line)}.diff-pane .editor-input{resize:vertical;min-height:275px}.diff-mode-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:12px 18px 12px 20px;display:flex}.diff-mode-control{align-items:center;gap:12px;display:flex}.diff-mode-hint{color:#8b97a7;font-size:11px}.diff-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.diff-dot.before{background:#ef777b}.diff-dot.after{background:#4dbb7d}.panel-meta{color:#9aa5b3;font-size:10px;font-weight:500}.diff-format-select{color:#526175;background:#fff;border:1px solid #dce3eb;border-radius:7px;outline:0;min-width:112px;min-height:34px;padding:0 8px;font-size:11px;font-weight:650}.diff-format-select:focus{border-color:#86aaf8;box-shadow:0 0 0 3px #3772f21a}.diff-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:13px 18px 13px 22px;display:flex}.diff-actions>div{gap:8px;display:flex}.secondary-button{color:#667085;background:#fff;border:1px solid #dce3eb;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.secondary-button:hover{color:#344054;border-color:#b9c6d5}.diff-prepared-card,.diff-result-card{margin-top:20px}.diff-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:65px;padding:13px 20px;display:flex}.diff-summary>div{align-items:center;gap:12px;display:flex}.comparison-mode{color:#7a8798;background:#f0f3f7;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700}.comparison-mode.json{color:#3765bb;background:#edf3ff}.prepared-grid{grid-template-columns:1fr 1fr;display:grid}.prepared-pane{min-width:0}.prepared-pane+.prepared-pane{border-left:1px solid var(--line)}.prepared-heading{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 16px 10px 20px;display:flex}.prepared-output{color:#3d4a5c;white-space:pre;background:#fcfdff;min-height:180px;max-height:360px;margin:0;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;overflow:auto}.prepared-empty{min-height:150px}.diff-stats span{color:#8792a1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.diff-stats .removed{color:#c85055}.diff-stats .added{color:#298555}.diff-empty{min-height:220px}.identical-result{color:#288055;place-items:center;min-height:180px;font-size:13px;font-weight:650;display:grid}.diff-viewer{background:#fcfdff;max-height:620px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;overflow:auto}.diff-line{grid-template-columns:48px 48px 30px minmax(500px,1fr);min-width:max-content;min-height:25px;line-height:25px;display:grid}.diff-line.added{background:#edfaf2}.diff-line.removed{background:#fff0f0}.line-number{color:#a1aab6;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #97a3b32e;padding-right:9px}.line-marker{color:#98a2b3;text-align:center;-webkit-user-select:none;user-select:none;font-weight:750}.diff-line.added .line-marker{color:#25804f}.diff-line.removed .line-marker{color:#c44f54}.diff-line code{color:#3d4a5c;white-space:pre;padding:0 12px 0 2px}.diff-line.added .character-change{color:#195f3b;background:#aee8c5;border-radius:2px;box-shadow:0 0 0 1px #aee8c5}.diff-line.removed .character-change{color:#873439;background:#f4b9bb;border-radius:2px;box-shadow:0 0 0 1px #f4b9bb}.shortcut-library{max-width:1280px;margin:0 auto}.shortcut-toolbar{gap:16px;margin-bottom:18px;display:grid}.shortcut-search{background:#fff;border:1px solid #dce3eb;border-radius:12px;align-items:center;gap:12px;min-height:54px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 5px 18px #263a5b0a}.shortcut-search:focus-within{border-color:#86aaf8;box-shadow:0 0 0 3px #3772f21a,0 5px 18px #263a5b0a}.shortcut-search>svg{color:#8491a3;stroke-width:1.8px;flex:none;width:19px;height:19px}.shortcut-search input{color:#263445;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.shortcut-search input::placeholder{color:#a3adba}.shortcut-search input::-webkit-search-cancel-button{display:none}.shortcut-search button{color:#6d7b8e;background:0 0;border:0;padding:7px;font-size:11px;font-weight:700}.shortcut-search button:hover{color:#315eaf}.shortcut-filter-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.shortcut-filters{flex-wrap:wrap;gap:7px;display:flex}.shortcut-filters button{color:#68768a;background:#fff;border:1px solid #dfe5ec;border-radius:9px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.shortcut-filters button:hover{color:#3f5f91;border-color:#b9c9e7}.shortcut-filters button.active{color:#315eaf;background:#edf3ff;border-color:#b6caf4}.shortcut-filters button span{color:#8793a3;background:#f0f3f7;border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.shortcut-filters button.active span{color:#416ab8;background:#fff}.shortcut-tag-filter{color:#718094;flex:none;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.shortcut-tag-filter select{color:#526175;min-height:36px;font:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:9px;outline:0;padding:0 30px 0 11px;font-size:11px}.shortcut-tag-filter select:focus{border-color:#86aaf8;box-shadow:0 0 0 3px #3772f21a}.shortcut-result-summary{color:#8a96a6;justify-content:space-between;align-items:flex-start;gap:16px;min-height:35px;font-size:11px;display:flex}.shortcut-result-summary strong{color:#536277}.shortcut-context-note{color:#62718a}.visual-preview-stage{background:#e9eef6;place-items:start center;min-height:340px;padding:24px;display:grid;position:relative;overflow:hidden}.visual-preview-stage.bash{background:radial-gradient(circle at 50% 5%,#33445e,#162236 68%)}.visual-preview-stage.chrome{background:linear-gradient(150deg,#dce8fb,#f1f5fb 70%)}.visual-preview-stage.macos{background:linear-gradient(145deg,#b4d4f5,#e9d7f6 52%,#f7d4c0)}.simulation-window{background:#fff;border:1px solid #ffffff59;border-radius:11px;width:min(100%,430px);overflow:hidden;box-shadow:0 18px 32px #14274333}.simulation-window-bar{background:#fffffff5;border-bottom:1px solid #8190a429;align-items:center;gap:5px;height:31px;padding:0 10px;display:flex}.simulation-window-bar i{background:#ff7474;border-radius:50%;width:7px;height:7px}.simulation-window-bar i:nth-child(2){background:#f2bd53}.simulation-window-bar i:nth-child(3){background:#54c46e}.simulation-window-bar span{color:#8e98a7;margin-left:auto;font-size:8px}.simulation-terminal{background:#101a29}.simulation-terminal-body{color:#d8e5f5;align-content:start;gap:9px;min-height:150px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;display:grid}.simulation-terminal-body b{color:#63d99b}.simulation-terminal-body .terminal-output{color:#8294ab}.simulation-browser{background:#fff}.browser-tabs{--browser-tab-width:min(150px, calc((100% - 64px) / 3));background:#dfe6ef;align-items:end;gap:4px;height:34px;padding:6px 9px 0;display:flex;overflow:hidden}.browser-tabs .browser-traffic-lights{align-self:center;gap:3px;width:auto;min-width:auto;height:auto;padding:0 3px 0 0;display:flex;overflow:visible}.browser-traffic-lights i{background:#ff7474;border-radius:50%;width:6px;height:6px}.browser-traffic-lights i:nth-child(2){background:#f2bd53}.browser-traffic-lights i:nth-child(3){background:#54c46e}.browser-tabs>.browser-tab{width:var(--browser-tab-width);min-width:var(--browser-tab-width);color:#7a8797;white-space:nowrap;border-radius:7px 7px 0 0;align-items:center;height:24px;padding:0 9px;font-size:7px;line-height:1;display:flex;overflow:hidden}.browser-tabs b{color:#7b8796;align-self:center;font-size:12px}.browser-address{color:#8793a3;border-bottom:1px solid #edf0f4;align-items:center;gap:8px;height:35px;padding:0 10px;font-size:11px;display:flex}.address-value{color:#657388;white-space:nowrap;background:#f0f3f7;border-radius:99px;flex:1;padding:6px 10px;font-size:7px;overflow:hidden}.browser-page{align-content:center;gap:8px;min-height:113px;padding:20px 28px;display:grid}.browser-page i{background:#dfe6ef;border-radius:4px;width:86%;height:7px;display:block}.browser-page i:nth-child(2){width:58%}.browser-page i:nth-child(3){background:#cadaf8;width:72%}.browser-page i:nth-child(4){width:46%}.simulation-mac{background:#ffffff29;border-radius:10px;width:min(100%,440px);min-height:200px;padding:0 20px 16px}.mac-menu-bar{color:#30425a;align-items:center;gap:10px;height:25px;font-size:7px;display:flex}.mac-menu-bar time{margin-left:auto}.mac-window{width:100%}.mac-window-body{grid-template-columns:62px 1fr;min-height:135px;display:grid}.mac-window-body>span{background:#f0f3f7}.mac-window-body>div{align-content:center;gap:9px;padding:20px;display:grid}.mac-window-body i{background:#e2e7ef;border-radius:4px;width:88%;height:8px}.mac-window-body i:nth-child(2){width:68%}.mac-window-body i:nth-child(3){background:#d9e5fa;width:78%}.visual-shortcut-preview{border:1px solid var(--line);background:#fff;border-radius:14px;margin:4px 0 24px;overflow:hidden;box-shadow:0 8px 25px #263a5b0a}.visual-preview-heading{justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:17px 20px;display:flex}.visual-preview-heading .eyebrow{margin-bottom:6px}.visual-preview-heading h2{color:#293a50;letter-spacing:-.3px;margin:0;font-size:18px}.visual-preview-heading>div:first-child>span{color:#8a96a6;margin-top:6px;font-size:10px;display:block}.visual-preview-actions{flex:none;align-items:center;gap:13px;display:flex}.visual-preview-actions .shortcut-key-group kbd{min-width:32px;height:32px}.visual-preview-actions .secondary-button{min-height:34px}.visual-preview-stage{place-items:center;min-height:300px}.visual-preview-stage>.simulation-window,.visual-preview-stage>.simulation-mac{animation:.45s ease-out both scene-arrive}.preview-state-change{border-top:1px solid #edf0f4;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;padding:13px 20px;display:grid}.preview-state-change>div{gap:4px;display:grid}.preview-state-change>div:last-child{text-align:right}.preview-state-change span{color:#929dab;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.preview-state-change strong{color:#4b5b70;font-size:11px;line-height:1.35}.preview-state-change>b{color:#7d9bd2;font-size:17px}.simulation-terminal{width:min(100%,760px)}.simulation-terminal-body{align-content:center;gap:20px;min-height:190px;padding:24px 28px;font-size:13px}.terminal-context{color:#64758d;font-size:9px}.terminal-demo-line{align-items:center;gap:10px;min-width:0;display:flex}.terminal-demo-line>b{flex:none}.terminal-command-with-caret{white-space:pre;position:relative}.moving-terminal-caret{bottom:-2px;left:var(--caret-from);background:#d8e5f5;width:7px;height:17px;animation:3.4s ease-in-out infinite terminal-caret-move;position:absolute}.terminal-command-transition{flex:1;min-width:0;height:18px;display:block;position:relative}.terminal-command-transition>span{white-space:pre;position:absolute;inset:0 auto auto 0}.terminal-before{animation:3.4s ease-in-out infinite terminal-before}.terminal-after{color:#d8e5f5;opacity:0;animation:3.4s ease-in-out infinite terminal-after}.terminal-effect-label{color:#63d99b;letter-spacing:.04em;text-transform:uppercase;opacity:0;background:#63d99b1f;border-radius:99px;width:fit-content;padding:6px 9px;font-size:8px;font-weight:750;animation:3.4s ease-in-out infinite effect-label}.bash-effect-clear .terminal-context{animation:3.4s ease-in-out infinite clear-terminal-output}.simulation-browser{width:min(100%,760px);min-height:220px;position:relative;overflow:visible}.browser-primary-window{border-radius:inherit;background:#fff;min-height:218px;position:relative;overflow:hidden}.browser-tab{transition:none;position:relative}.tab-one{color:#45546a;background:#fff}.browser-tabs>.tab-three{opacity:0;min-width:0;max-width:0;padding-inline:0}.browser-bookmarks{color:#7d8998;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;height:0;padding-inline:15px;font-size:7px;display:flex;overflow:hidden}.browser-address b{color:#8793a3;font-size:12px}.browser-effect-label,.mac-effect-label{z-index:4;color:#fff;letter-spacing:.04em;text-transform:uppercase;opacity:0;background:#315eaf;border-radius:99px;padding:6px 9px;font-size:7px;font-weight:800;animation:3.4s ease-in-out infinite effect-label;position:absolute;bottom:12px;right:13px}.chrome-effect-tab-add .tab-three{animation:3.4s ease-in-out infinite browser-tab-add}.chrome-effect-tab-add .tab-one,.chrome-effect-tab-switch .tab-one,.chrome-effect-tab-switch-reverse .tab-two{animation:3.4s ease-in-out infinite browser-tab-deactivate}.chrome-effect-tab-switch .tab-two,.chrome-effect-tab-switch-reverse .tab-one,.chrome-effect-tab-last .tab-three{animation:3.4s ease-in-out infinite browser-tab-activate}.chrome-effect-tab-last .tab-three{max-width:var(--browser-tab-width);min-width:var(--browser-tab-width);opacity:1;padding-inline:9px}.chrome-effect-tab-close .tab-one{animation:3.4s ease-in-out infinite browser-tab-close}.chrome-effect-address .address-value{animation:3.4s ease-in-out infinite address-focus}.chrome-effect-navigate-back .browser-back,.chrome-effect-navigate-forward .browser-forward{animation:3.4s ease-in-out infinite browser-control-press}.chrome-effect-reload .browser-page,.chrome-effect-hard-reload .browser-page{animation:3.4s ease-in-out infinite browser-reload}.chrome-effect-hard-reload .browser-page:after{color:#315eaf;content:"CACHE BYPASSED";opacity:0;background:#e7eefc;border-radius:99px;padding:6px 9px;font-size:7px;animation:3.4s ease-in-out infinite opacity-appear;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.chrome-effect-zoom-in .browser-page{animation:3.4s ease-in-out infinite browser-zoom-in}.chrome-effect-zoom-out .browser-page{animation:3.4s ease-in-out infinite browser-zoom-out}.chrome-effect-zoom-reset .browser-page{animation:3.4s ease-in-out infinite browser-zoom-reset;transform:scale(1.2)}.chrome-effect-bookmark .browser-address b{animation:3.4s ease-in-out infinite bookmark-star}.chrome-effect-bookmarks-bar .browser-bookmarks{animation:3.4s ease-in-out infinite bookmarks-show}.chrome-effect-window-close{animation:3.4s ease-in-out infinite window-close!important}.browser-find{z-index:3;color:#43546a;opacity:0;background:#fff;border:1px solid #dce3eb;border-radius:6px;justify-content:space-between;align-items:center;width:145px;height:31px;padding:0 9px;font-size:8px;animation:3.4s ease-in-out infinite overlay-appear;display:flex;position:absolute;top:72px;right:8px;box-shadow:0 5px 13px #22334e29}.browser-find span{color:#8d98a7}.browser-destination{z-index:2;color:#52637b;opacity:0;background:#fff;place-items:center;font-size:12px;font-weight:750;animation:3.4s ease-in-out infinite overlay-appear;display:grid;position:absolute;inset:70px 0 0}.browser-devtools{z-index:3;color:#5a687b;background:#f7f9fc;border-top:1px solid #aeb9c8;align-content:start;gap:9px;height:90px;padding:10px 13px;font-size:8px;animation:3.4s ease-in-out infinite devtools-open;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.browser-devtools code{color:#526e9f}.browser-modal,.mac-dialog{z-index:5;color:#45546a;opacity:0;background:#fff;border:1px solid #dce3eb;border-radius:9px;gap:10px;width:180px;padding:14px;font-size:8px;animation:3.4s ease-in-out infinite dialog-open;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-45%)scale(.92);box-shadow:0 15px 30px #1c2c4640}.browser-modal span,.mac-dialog>span{background:#edf0f4;border-radius:4px;height:8px;display:block}.simulation-button{color:#fff;border-radius:5px;justify-self:end;padding:5px 8px;font-size:7px;background:#3772f2!important}.chrome-effect-window-add,.chrome-effect-incognito{box-shadow:none;background:0 0;border:0}.chrome-effect-window-add .browser-primary-window,.chrome-effect-incognito .browser-primary-window{border:1px solid #cbd3dd;border-radius:10px;width:70%;min-height:185px;position:absolute;top:0;left:2%;box-shadow:0 12px 25px #1c2c462e}.browser-secondary-window{z-index:5;color:#48576c;opacity:0;transform-origin:50%;background:#fff;border:1px solid #aeb9c7;border-radius:10px;width:68%;min-height:185px;animation:3.4s ease-in-out infinite secondary-window-open;position:absolute;top:38px;left:30%;overflow:hidden;transform:translate(28px,18px)scale(.94);box-shadow:0 20px 40px #1c2c4657}.secondary-browser-tabs{background:#dfe6ef;align-items:flex-end;gap:8px;height:33px;padding:6px 9px 0;display:flex}.secondary-traffic-lights{align-self:center;gap:3px;padding-right:3px;display:flex}.secondary-traffic-lights i{background:#ff7474;border-radius:50%;width:6px;height:6px}.secondary-traffic-lights i:nth-child(2){background:#f2bd53}.secondary-traffic-lights i:nth-child(3){background:#54c46e}.secondary-browser-tabs>b{color:#4d5b6e;background:#fff;border-radius:7px 7px 0 0;width:min(55%,170px);height:25px;padding:8px 10px 0;font-size:7px;font-weight:600}.secondary-browser-tabs .secondary-new-tab{color:#748194;align-self:center;font-size:11px}.secondary-browser-toolbar{color:#7f8b9a;border-bottom:1px solid #edf0f4;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:10px;display:flex}.secondary-address-value{color:#738095;white-space:nowrap;background:#f0f3f7;border-radius:99px;flex:1;padding:6px 9px;font-size:7px;overflow:hidden}.secondary-browser-page{place-content:center;justify-items:center;gap:12px;min-height:117px;display:grid}.secondary-browser-page strong{color:#526176;font-size:12px}.secondary-browser-page span{background:#edf0f4;border-radius:99px;width:120px;height:20px}.chrome-effect-incognito .browser-secondary-window{color:#fff;background:#30313b;border-color:#4d4e59}.chrome-effect-incognito .secondary-browser-tabs{background:#202124}.chrome-effect-incognito .secondary-browser-tabs>b{color:#e8eaed;background:#303134}.chrome-effect-incognito .secondary-browser-toolbar{border-color:#474852}.chrome-effect-incognito .secondary-address-value{color:#c8cbd0;background:#45464f}.chrome-effect-incognito .secondary-browser-page strong{color:#f0f1f3}.chrome-effect-incognito .secondary-browser-page span{background:#484a54}.simulation-mac{background:#91b4da;border:1px solid #ffffff80;border-radius:13px;width:min(100%,760px);min-height:260px;position:relative;overflow:hidden;box-shadow:0 18px 32px #1427432e}.mac-wallpaper{background:radial-gradient(circle at 72% 28%,#ffdabeeb,#0000 31%),radial-gradient(circle at 18% 82%,#75a1d6cc,#0000 37%),linear-gradient(135deg,#b9d8f2,#d5c4ed 58%,#f2c5b8);position:absolute;inset:0}.mac-menu-bar{z-index:8;color:#26364b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafcc2;align-items:center;gap:11px;height:25px;padding:0 10px;font-size:7px;display:flex;position:absolute;top:0;left:0;right:0}.mac-menu-bar .mac-apple{font-size:8px}.mac-menu-app{position:relative}.mac-menu-bar time{margin-left:auto;font-weight:700}.mac-window{z-index:2;border-color:#ffffffb8;width:70%;min-height:178px;transition:none;position:absolute;top:39px;left:50%;transform:translate(-50%)}.mac-window .simulation-window-bar{background:#f9fafcf5;position:relative}.mac-window .simulation-window-bar>span{color:#69778a;margin:0;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.mac-document-body{background:#fff;min-height:147px}.mac-document-toolbar{background:#f7f8fa;border-bottom:1px solid #e7ebf0;align-items:center;gap:6px;height:26px;padding:0 11px;display:flex}.mac-document-toolbar span{color:#748195;background:#fff;border:1px solid #dfe4ea;border-radius:4px;padding:3px 7px;font-size:6px}.mac-document-lines{color:#6d798a;gap:11px;padding:18px 28px;font-size:8px;display:grid}.mac-document-lines b{color:#33445a;font-size:11px}.mac-document-lines span{display:block}.mac-editor-copy{min-height:121px;position:relative;overflow:hidden}.mac-edit-layer{color:#4d5c70;align-content:start;gap:9px;font-size:8px;line-height:1.45;display:grid;position:absolute;inset:15px 24px}.mac-edit-layer p{margin:0}.mac-edit-layer mark{color:#18365f;background:#8eb5ff;border-radius:2px}.mac-edit-layer ins{color:#216b48;background:#dff3e7;border-radius:2px;text-decoration:none}.mac-edit-before{animation:4s ease-in-out infinite mac-edit-before}.mac-edit-after{opacity:0;animation:4s ease-in-out infinite mac-edit-after}.mac-edit-after-select-all{color:#17375f;background:#8eb5ff;border-radius:3px;padding:4px 5px;inset:11px 19px}.mac-insertion-caret{vertical-align:-2px;background:#315eaf;width:1px;height:10px;animation:.7s step-end infinite mac-caret-blink;display:inline-block}.mac-clipboard-card{z-index:3;color:#6b788a;opacity:0;background:#fffffff5;border:1px solid #d9e0e9;border-radius:7px;gap:3px;min-width:112px;padding:8px 10px;font-size:6px;animation:4s ease-in-out infinite mac-clipboard-show;display:grid;position:absolute;bottom:12px;right:18px;transform:translateY(5px);box-shadow:0 8px 17px #2d3d5629}.mac-clipboard-card b{color:#315eaf;font-size:7px}.mac-save-indicator{color:#8a96a5;font-size:6px;font-style:normal;position:absolute;right:9px}.mac-save-indicator em{font-style:normal;animation:4s ease-in-out infinite mac-save-before}.mac-save-indicator strong{color:#28865b;opacity:0;width:max-content;animation:4s ease-in-out infinite mac-save-after;position:absolute;right:0}.mac-find-bar{z-index:5;color:#607087;opacity:0;background:#fff;border:1px solid #d9dfe7;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 7px;font-size:7px;animation:4s ease-in-out infinite mac-overlay-in;display:flex;position:absolute;top:35px;right:8px;transform:translateY(-5px);box-shadow:0 5px 13px #22334e26}.mac-find-bar>span{color:#34465e;background:#f1f3f6;border-radius:4px;width:92px;padding:5px 6px}.mac-find-bar small{color:#8a96a5;font-size:6px}.mac-find-bar b:last-child{color:#3565b7}.mac-find-match{z-index:4;color:#4b5360;opacity:0;background:#ffd86a;border-radius:2px;font-size:7px;animation:4s ease-in-out infinite mac-find-highlight;position:absolute;top:111px;left:35%}.mac-settings-view{color:#647286;background:#fff;grid-template-columns:118px 1fr;min-height:147px;font-size:7px;display:grid}.mac-settings-view aside{background:#f2f4f7;border-right:1px solid #e2e7ed;align-content:start;gap:4px;padding:13px 9px;display:grid}.mac-settings-view aside b{color:#33445a;margin-bottom:6px;font-size:9px}.mac-settings-view aside span{border-radius:4px;padding:5px 6px}.mac-settings-view aside .active{color:#fff;background:#3772f2}.mac-settings-view main{align-content:start;gap:14px;padding:17px;display:grid}.mac-settings-view main>b{color:#34455b;font-size:11px}.mac-settings-view label{justify-content:space-between;align-items:center;display:flex}.mac-settings-view label span{background:#fafbfc;border:1px solid #dde3ea;border-radius:5px;padding:5px 8px}.mac-settings-window{z-index:10;opacity:0;width:min(70%,520px);min-height:178px;animation:4s ease-in-out infinite mac-dialog-in;position:absolute;top:35px;left:50%;transform:translate(-50%,5px)scale(.96)}.mac-settings-window .simulation-window-bar>span{margin-left:auto;margin-right:auto}.mac-sheet{z-index:7;color:#526176;opacity:0;background:#f7f8fa;border:1px solid #d7dde5;border-radius:0 0 9px 9px;width:88%;animation:4s ease-in-out infinite mac-sheet-drop;position:absolute;top:31px;left:50%;transform:translate(-50%,-18px);box-shadow:0 13px 24px #23314638}.mac-print-sheet{grid-template-columns:1fr 86px;gap:12px;min-height:136px;padding:13px 14px 37px;font-size:7px;display:grid}.mac-print-sheet>div{align-content:start;gap:8px;display:grid}.mac-print-sheet>div>b{color:#33445a;margin-bottom:2px;font-size:10px}.mac-print-sheet label{justify-content:space-between;align-items:center;display:flex}.mac-print-sheet label span{background:#fff;border:1px solid #d9dfe6;border-radius:4px;width:92px;padding:4px 6px}.mac-print-page{background:repeating-linear-gradient(#fff 0 10px,#dfe4ea 11px 12px);border:1px solid #d6dde5;justify-self:center;width:62px;height:83px;box-shadow:0 3px 7px #303d4f1f}.mac-sheet footer{justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.mac-sheet footer b{margin-right:auto}.mac-sheet footer span,.mac-sheet footer strong{background:#fff;border:1px solid #d7dee7;border-radius:5px;padding:5px 9px}.mac-sheet footer strong{color:#fff;background:#3772f2;border-color:#2e65df}.mac-go-folder-sheet{align-content:start;gap:10px;min-height:100px;padding:14px;font-size:8px;display:grid}.mac-go-folder-sheet>span{color:#35475f;background:#fff;border:2px solid #79a4f6;border-radius:6px;padding:8px}.mac-finder-body{color:#6b7889;background:#fff;grid-template-columns:104px 1fr;min-height:147px;font-size:7px;display:grid}.mac-finder-body aside{background:#ebeff4f0;border-right:1px solid #e1e6ec;align-content:start;gap:7px;padding:12px;display:grid}.mac-finder-body aside b{color:#8994a3;text-transform:uppercase;font-size:6px}.mac-finder-files{grid-template-columns:repeat(5,minmax(42px,1fr));align-content:start;gap:15px 10px;padding:17px;display:grid;position:relative}.mac-finder-file{color:#526176;text-align:center;justify-items:center;gap:5px;display:grid}.mac-finder-file i{color:#5b6f8c;background:#edf1f6;border-radius:3px;place-items:center;width:31px;height:34px;font-size:7px;font-style:normal;font-weight:800;display:grid}.mac-finder-file span{white-space:nowrap;border-radius:3px;padding:2px 3px}.mac-readme-file span{color:#fff;background:#3772f2}.mac-folder-file i,.mac-new-folder-file i{color:#5a98e9;background:0 0;font-size:25px}.mac-new-folder-file{opacity:0;animation:4s ease-in-out infinite mac-folder-create;transform:scale(.6)}.mac-new-folder-file span{color:#34465e;background:#fff;border:1px solid #6d9ceb}.mac-spotlight{z-index:10;color:#44546a;opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7fae3;border:1px solid #ffffff9e;border-radius:13px;align-items:center;gap:12px;width:min(68%,390px);min-height:54px;padding:9px 14px;animation:4s ease-in-out infinite mac-dialog-in;display:flex;position:absolute;top:46px;left:50%;transform:translate(-50%,-10px)scale(.96);box-shadow:0 20px 35px #2d304847}.mac-spotlight>b{font-size:20px;font-weight:400}.mac-spotlight>div{gap:3px;display:grid}.mac-spotlight span{color:#44546a;font-size:10px}.mac-spotlight small{color:#8a96a6;font-size:6px}.mac-switcher{z-index:10;opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2b313dd6;border:1px solid #ffffff59;border-radius:14px;gap:8px;padding:11px;animation:4s ease-in-out infinite mac-dialog-in;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-44%)scale(.96)}.mac-switcher>div{color:#fff;justify-items:center;gap:5px;font-size:6px;display:grid}.mac-switcher b{color:#30435e;background:#fff;border-radius:10px;place-items:center;width:43px;height:43px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:grid}.mac-switcher>div:nth-child(2) b{animation:4s ease-in-out infinite mac-switcher-focus}.mac-effect-switch-app .mac-switcher{animation:4s ease-in-out infinite mac-switcher-cycle}.mac-terminal-window{z-index:5;color:#d9e6f4;opacity:0;background:#101a29;width:70%;min-height:178px;animation:4s ease-in-out infinite mac-terminal-activate;position:absolute;top:39px;left:50%;transform:translate(-50%)scale(.97)}.mac-terminal-window main{align-items:flex-start;gap:8px;min-height:147px;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.mac-terminal-window main b{color:#61d496}.mac-terminal-window main i{font-style:normal;animation:.7s step-end infinite mac-caret-blink}.mac-character-viewer{z-index:10;color:#536175;opacity:0;background:#fff;border:1px solid #d7dde5;border-radius:11px;width:210px;animation:4s ease-in-out infinite mac-overlay-in;position:absolute;top:38px;right:34px;overflow:hidden;transform:translateY(6px)scale(.96);box-shadow:0 16px 30px #2a344b40}.mac-character-viewer header{border-bottom:1px solid #e4e8ed;gap:7px;padding:10px;font-size:8px;display:grid}.mac-character-viewer header span{color:#929cab;background:#f0f2f5;border-radius:5px;padding:6px 8px;font-size:7px}.mac-character-viewer>div{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;font-size:19px;display:grid}.mac-capture-area{z-index:9;opacity:0;transform-origin:0 0;background:#3772f212;border:1px solid #fff;width:58%;height:132px;animation:4s ease-in-out infinite mac-selection-draw;position:absolute;top:51px;left:17%;transform:scale(.15);box-shadow:0 0 0 999px #0b172759}.mac-capture-area:before,.mac-capture-area:after{content:"";background:#315eaf;border:1px solid #fff;width:5px;height:5px;position:absolute}.mac-capture-area:before{top:-3px;left:-3px}.mac-capture-area:after{bottom:-3px;right:-3px}.mac-capture-area b{color:#fff;background:#141b26b8;border-radius:3px;padding:3px 5px;font-size:6px;position:absolute;bottom:4px;right:5px}.mac-crosshair{color:#fff;font-size:13px;font-style:normal;position:absolute;bottom:-16px;right:-16px}.mac-capture-overlay{z-index:9;opacity:0;background:#0d162342;animation:4s ease-in-out infinite mac-opacity-in;position:absolute;inset:25px 0 0}.mac-capture-tools{color:#fff;white-space:nowrap;background:#242932f0;border:1px solid #fff3;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.mac-capture-tools span{border-radius:4px;place-items:center;width:23px;height:19px;font-size:10px;display:grid}.mac-capture-tools span:nth-child(2){background:#3772f2}.mac-capture-tools b{margin-left:5px;font-size:6px}.mac-capture-tools strong{color:#343f50;background:#f4f5f7;border-radius:5px;padding:6px 9px;font-size:6px}.mac-screen-flash{z-index:12;border-radius:inherit;opacity:0;background:#fff;animation:4s ease-in-out infinite mac-screen-flash;position:absolute;inset:0}.mac-screenshot-thumbnail{z-index:13;color:#43536a;opacity:0;background:linear-gradient(145deg,#a8cced,#e4c4e8 62%,#f0c2b2);border:3px solid #fff;border-radius:7px;align-items:end;width:92px;height:58px;padding:4px;font-size:6px;animation:4s ease-in-out infinite mac-thumbnail-in;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)scale(.9);box-shadow:0 8px 17px #1b263940}.mac-quick-look{z-index:9;color:#4b5b70;opacity:0;background:#fff;border:1px solid #d6dde6;border-radius:10px;width:54%;animation:4s ease-in-out infinite mac-dialog-in;position:absolute;top:36px;left:50%;overflow:hidden;transform:translate(-46%,5px)scale(.95);box-shadow:0 17px 31px #2b354e40}.mac-quick-look header{background:#f8f9fb;border-bottom:1px solid #e5e9ee;justify-content:space-between;align-items:center;height:29px;padding:0 11px;font-size:7px;display:flex}.mac-quick-look header span{background:#fff;border:1px solid #dce2e9;border-radius:4px;padding:4px 6px;font-size:6px}.mac-quick-look main{align-content:start;gap:8px;min-height:136px;padding:16px 22px;font-size:7px;display:grid}.mac-quick-look main b{color:#2f4057;font-size:13px}.mac-quick-look main i{background:#e4e8ed;border-radius:3px;width:90%;height:5px}.mac-quick-look main i:last-child{width:62%}.mac-force-quit-dialog{z-index:10;color:#506075;opacity:0;background:#f7f8fa;border:1px solid #ffffffb8;border-radius:11px;gap:8px;width:min(68%,390px);padding:14px;animation:4s ease-in-out infinite mac-dialog-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)scale(.96);box-shadow:0 18px 32px #222c4247}.mac-force-quit-dialog>b{color:#2f4056;text-align:center;font-size:11px}.mac-force-quit-dialog>small{text-align:center;font-size:6px}.mac-force-quit-dialog>div{background:#fff;border:1px solid #d9dfe7;border-radius:6px;font-size:7px;display:grid;overflow:hidden}.mac-force-quit-dialog>div span{padding:5px 8px}.mac-force-quit-dialog>div .selected{color:#fff;background:#3772f2}.mac-force-quit-dialog footer{justify-content:flex-end;gap:7px;font-size:7px;display:flex}.mac-force-quit-dialog footer span,.mac-force-quit-dialog footer strong{background:#fff;border:1px solid #d8dfe7;border-radius:5px;padding:5px 8px}.mac-force-quit-dialog footer strong{color:#fff;background:#e45a60;border-color:#d15056}.mac-lock-screen{z-index:15;border-radius:inherit;color:#fff;text-align:center;opacity:0;background:radial-gradient(circle at 50% 35%,#8f7ba8,#0000 27%),linear-gradient(145deg,#263b59,#735e8c);place-content:center;justify-items:center;gap:5px;animation:4s ease-in-out infinite mac-opacity-in;display:grid;position:absolute;inset:0}.mac-lock-screen time{font-size:27px;font-weight:300}.mac-lock-screen small{margin-bottom:13px;font-size:7px}.mac-lock-screen b{background:#ffffff2e;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.mac-lock-screen span{font-size:8px;font-weight:700}.mac-lock-screen i{background:#fff3;border-radius:99px;width:106px;padding:6px;font-size:6px;font-style:normal}.mac-dock{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7fa73;border:1px solid #ffffff59;border-radius:9px;align-items:end;gap:5px;padding:4px 6px;display:flex;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.mac-dock>span{color:#fff;border-radius:6px;place-items:center;width:23px;height:23px;font-size:8px;font-weight:800;display:grid;position:relative}.mac-dock-finder{background:linear-gradient(90deg,#8ac3ff 50%,#357ed0 50%)}.mac-dock-app{background:#f2f3f6;color:#41526a!important}.mac-dock-terminal{background:#202b38;font-family:ui-monospace,monospace}.mac-dock-minimized{opacity:0;background:#f5f7fa;border:1px solid #ffffffb3;animation:4s ease-in-out infinite mac-dock-thumbnail-in;color:#65758a!important}.mac-dock-trash{background:#eff3f7e0;margin-left:4px;color:#596a80!important}.mac-dock i{background:#26364b;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-4px}.mac-effect-close .mac-close-control,.mac-effect-minimize .mac-minimize-control{animation:4s ease-in-out infinite mac-control-press}.mac-effect-close>.mac-window{animation:4s ease-in-out infinite mac-close-window}.mac-effect-minimize>.mac-window{transform-origin:100% 100%;animation:4s ease-in-out infinite mac-minimize-window}.mac-effect-hide>.mac-window{animation:4s ease-in-out infinite mac-hide-window}.mac-effect-hide .mac-menu-app{animation:4s ease-in-out infinite mac-app-name-switch}.mac-effect-hide .mac-menu-app:after{color:#26364b;content:"Finder";opacity:0;animation:4s ease-in-out infinite mac-finder-name-in;position:absolute;left:0}.mac-effect-quit>.mac-window{animation:4s ease-in-out infinite mac-quit-window}.mac-effect-quit .mac-dock-app i{animation:4s ease-in-out infinite mac-running-dot-quit}.mac-effect-quit .mac-menu-app{animation:4s ease-in-out infinite mac-app-name-switch}.mac-effect-quit .mac-menu-app:after{color:#26364b;content:"Finder";opacity:0;animation:4s ease-in-out infinite mac-finder-name-in;position:absolute;left:0}.mac-effect-switch-app>.mac-window{animation:4s ease-in-out infinite mac-current-app-switch}.mac-effect-switch-app .mac-menu-app{animation:4s ease-in-out infinite mac-app-name-switch}.mac-effect-switch-app .mac-menu-app:after{color:#26364b;content:"Terminal";opacity:0;animation:4s ease-in-out infinite mac-terminal-name-in;position:absolute;left:0}.mac-effect-fullscreen>.mac-window{animation:4s ease-in-out infinite mac-fullscreen-window}.mac-effect-fullscreen .mac-dock,.mac-effect-fullscreen .mac-menu-bar{animation:4s ease-in-out infinite mac-chrome-hide}.mac-window-behind{z-index:1;width:65%;animation:4s ease-in-out infinite mac-window-behind-switch;top:32px;left:46%}.mac-window-behind+.mac-window{animation:4s ease-in-out infinite mac-window-front-switch}.mac-background-document{color:#526176;background:#fff;align-content:start;gap:11px;min-height:147px;padding:22px;font-size:9px;display:grid}.mac-background-document span{background:#e3e8ee;border-radius:4px;width:78%;height:7px}.mac-effect-trash .mac-readme-file{z-index:8;animation:4s ease-in-out infinite mac-file-to-trash}.mac-effect-trash>.mac-window{overflow:visible}.mac-effect-trash .mac-dock-trash{animation:4s ease-in-out infinite mac-trash-receive}.simulation-mac .mac-effect-label{z-index:14;animation-duration:4s;bottom:8px;right:10px}@keyframes scene-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-caret-move{0%,22%{left:var(--caret-from);opacity:1}34%,78%{left:var(--caret-to);opacity:1}79%,88%{opacity:0}89%,to{left:var(--caret-to);opacity:1}}@keyframes terminal-before{0%,24%{opacity:1;transform:translateY(0)}36%,to{opacity:0;transform:translateY(-4px)}}@keyframes terminal-after{0%,27%{opacity:0;transform:translateY(4px)}39%,to{opacity:1;transform:translateY(0)}}@keyframes effect-label{0%,32%{opacity:0;transform:translateY(3px)}44%,to{opacity:1;transform:translateY(0)}}@keyframes clear-terminal-output{0%,25%{opacity:1}34%,to{opacity:0}}@keyframes browser-tab-add{0%,24%{opacity:0;min-width:0;max-width:0;padding-inline:0}38%,to{max-width:var(--browser-tab-width);min-width:var(--browser-tab-width);opacity:1;color:#45546a;background:#fff;padding-inline:9px}}@keyframes browser-tab-deactivate{0%,24%{color:#45546a;background:#fff}38%,to{color:#7a8797;background:0 0}}@keyframes browser-tab-activate{0%,24%{color:#7a8797;background:0 0}38%,to{color:#45546a;background:#fff}}@keyframes browser-tab-close{0%,24%{max-width:var(--browser-tab-width);min-width:var(--browser-tab-width);opacity:1}38%,to{opacity:0;min-width:0;max-width:0;padding-inline:0}}@keyframes address-focus{0%,24%{box-shadow:none;background:#f0f3f7}38%,to{color:#315eaf;background:#e8f0ff;box-shadow:inset 0 0 0 1px #7fa5f6}}@keyframes browser-control-press{0%,24%{color:#8793a3;transform:scale(1)}32%,42%{color:#315eaf;transform:scale(1.3)}55%,to{color:#8793a3;transform:scale(1)}}@keyframes browser-reload{0%,24%{opacity:1;transform:translateY(0)}34%{opacity:.3;transform:translateY(2px)}48%,to{opacity:1;transform:translateY(0)}}@keyframes browser-zoom-in{0%,24%{transform:scale(1)}40%,to{transform:scale(1.2)}}@keyframes browser-zoom-out{0%,24%{transform:scale(1)}40%,to{transform:scale(.82)}}@keyframes browser-zoom-reset{0%,24%{transform:scale(1.2)}40%,to{transform:scale(1)}}@keyframes bookmark-star{0%,24%{color:#8793a3;transform:scale(1)}38%,to{color:#e7ad2f;transform:scale(1.25)}}@keyframes bookmarks-show{0%,24%{opacity:0;height:0}38%,to{opacity:1;height:25px}}@keyframes window-close{0%,28%{opacity:1;transform:scale(1)}45%,78%{opacity:0;transform:scale(.88)}88%,to{opacity:1;transform:scale(1)}}@keyframes overlay-appear{0%,28%{opacity:0;transform:translateY(4px)}42%,to{opacity:1;transform:translateY(0)}}@keyframes opacity-appear{0%,28%{opacity:0}42%,to{opacity:1}}@keyframes dialog-open{0%,28%{opacity:0;transform:translate(-50%,-45%)scale(.92)}42%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes devtools-open{0%,28%{transform:translateY(100%)}42%,to{transform:translateY(0)}}@keyframes secondary-window-open{0%,28%{opacity:0;transform:translate(22px,15px)scale(.94)}42%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes mac-edit-before{0%,27%{opacity:1;transform:translateY(0)}40%,to{opacity:0;transform:translateY(-3px)}}@keyframes mac-edit-after{0%,30%{opacity:0;transform:translateY(3px)}43%,to{opacity:1;transform:translateY(0)}}@keyframes mac-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes mac-clipboard-show{0%,30%{opacity:0;transform:translateY(5px)}43%,to{opacity:1;transform:translateY(0)}}@keyframes mac-save-before{0%,28%{opacity:1}40%,to{opacity:0}}@keyframes mac-save-after{0%,30%{opacity:0}43%,to{opacity:1}}@keyframes mac-overlay-in{0%,28%{opacity:0}42%,to{opacity:1}}@keyframes mac-find-highlight{0%,34%{opacity:0}47%,to{opacity:1}}@keyframes mac-sheet-drop{0%,27%{opacity:0;transform:translate(-50%,-18px)}43%,to{opacity:1;transform:translate(-50%)}}@keyframes mac-folder-create{0%,29%{opacity:0;transform:scale(.6)}44%,to{opacity:1;transform:scale(1)}}@keyframes mac-dialog-in{0%,28%{opacity:0}43%,to{opacity:1}}@keyframes mac-switcher-focus{0%,28%{box-shadow:none;transform:scale(1)}43%,to{transform:scale(1.05);box-shadow:0 0 0 3px #79a4f6}}@keyframes mac-selection-draw{0%,25%{opacity:0;transform:scale(.15)}40%,to{opacity:1;transform:scale(1)}}@keyframes mac-opacity-in{0%,28%{opacity:0}43%,to{opacity:1}}@keyframes mac-screen-flash{0%,43%{opacity:0}47%,52%{opacity:.92}58%,to{opacity:0}}@keyframes mac-thumbnail-in{0%,53%{opacity:0;transform:translateY(8px)scale(.9)}65%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mac-control-press{0%,25%{box-shadow:none;transform:scale(1)}31%,40%{transform:scale(1.3);box-shadow:0 0 0 3px #ff5f573d}48%,to{box-shadow:none;transform:scale(1)}}@keyframes mac-close-window{0%,30%{opacity:1;transform:translate(-50%)scale(1)}46%,82%{opacity:0;transform:translate(-50%)scale(.86)}92%,to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes mac-minimize-window{0%,28%{opacity:1;transform:translate(-50%)scale(1)}48%,82%{opacity:0;transform:translate(38%,155px)scale(.08)}92%,to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes mac-hide-window{0%,29%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}46%,82%{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}92%,to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes mac-app-name-switch{0%,32%{color:#26364b}45%,82%{color:#0000}92%,to{color:#26364b}}@keyframes mac-finder-name-in{0%,32%{opacity:0}45%,82%{opacity:1}92%,to{opacity:0}}@keyframes mac-terminal-name-in{0%,58%{opacity:0}68%,82%{opacity:1}92%,to{opacity:0}}@keyframes mac-quit-window{0%,29%{opacity:1;transform:translate(-50%)scale(1)}46%,82%{opacity:0;transform:translate(-50%)scale(.78)}92%,to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes mac-running-dot-quit{0%,30%{opacity:1}45%,82%{opacity:0}92%,to{opacity:1}}@keyframes mac-fullscreen-window{0%,28%{border-radius:11px;width:70%;min-height:178px;top:39px;left:50%;transform:translate(-50%)}45%,82%{border-radius:0;width:100%;min-height:235px;top:25px;left:0;transform:translate(0)}92%,to{border-radius:11px;width:70%;min-height:178px;top:39px;left:50%;transform:translate(-50%)}}@keyframes mac-chrome-hide{0%,30%{opacity:1}45%,82%{opacity:0}92%,to{opacity:1}}@keyframes mac-window-behind-switch{0%,29%{z-index:1;opacity:.8;transform:translate(calc(18px - 50%))translateY(8px)scale(.96)}45%,82%{z-index:3;opacity:1;transform:translate(-50%)translateY(0)scale(1)}92%,to{z-index:1;opacity:.8;transform:translate(calc(18px - 50%))translateY(8px)scale(.96)}}@keyframes mac-window-front-switch{0%,29%{z-index:3;opacity:1;transform:translate(-50%)translateY(0)scale(1)}45%,82%{z-index:1;opacity:.8;transform:translate(calc(-50% - 18px))translateY(-7px)scale(.96)}92%,to{z-index:3;opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes mac-file-to-trash{0%,28%{opacity:1;transform:translate(0)scale(1)}48%,82%{opacity:0;transform:translate(225px,145px)scale(.18)}92%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes mac-trash-receive{0%,36%{transform:scale(1)}48%,58%{transform:scale(1.25)}67%,to{transform:scale(1)}}@keyframes mac-switcher-cycle{0%,20%{opacity:0}30%,55%{opacity:1}65%,to{opacity:0}}@keyframes mac-current-app-switch{0%,57%{opacity:1;transform:translate(-50%)scale(1)}67%,82%{opacity:0;transform:translate(-50%)scale(.97)}92%,to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes mac-terminal-activate{0%,58%{opacity:0;transform:translate(-50%)scale(.97)}68%,82%{opacity:1;transform:translate(-50%)scale(1)}92%,to{opacity:0;transform:translate(-50%)scale(.97)}}@keyframes mac-dock-thumbnail-in{0%,42%{opacity:0;transform:scale(.6)}54%,82%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.6)}}.shortcut-platforms{gap:18px;display:grid}.shortcut-platform-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #263a5b0a}.shortcut-platform-heading{justify-content:space-between;align-items:center;gap:20px;min-height:80px;padding:15px 20px;display:flex}.shortcut-platform-heading>div{align-items:center;gap:12px;display:flex}.shortcut-platform-heading h2{color:#2c3c52;margin:0;font-size:15px}.shortcut-platform-heading p{color:#929dac;margin:4px 0 0;font-size:10px}.shortcut-platform-heading>span{color:#929dac;flex:none;font-size:10px}.shortcut-platform-icon{color:#3565ba;background:#edf3ff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:17px;font-weight:750;display:grid}.shortcut-platform-card.chrome .shortcut-platform-icon{color:#2d9560;background:#eef8f2}.shortcut-platform-card.macos .shortcut-platform-icon{color:#4d5a6c;background:#f1f3f6}.shortcut-list{border-top:1px solid #edf0f4}.shortcut-pair{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shortcut-pair:not(:last-child){border-bottom:1px solid #edf0f4}.shortcut-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;min-height:94px;padding:15px 20px;display:grid}.shortcut-pair>.shortcut-row+.shortcut-row{border-left:1px solid #edf0f4}.shortcut-row.expanded{background:#f8faff;box-shadow:inset 3px 0 #7fa5f6}.shortcut-inline-preview{border-top:1px solid #e1e7ef;grid-column:1/-1}.shortcut-inline-preview .visual-shortcut-preview{box-shadow:none;border:0;border-radius:0;margin:0}.shortcut-action{gap:8px;min-width:0;display:grid}.shortcut-action>button{color:#788597;letter-spacing:.04em;text-transform:uppercase;background:#f2f5f8;border:0;border-radius:99px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:800}.shortcut-action>button:hover,.shortcut-action>button.active{color:#3d65ae;background:#e7eefc}.shortcut-action h3{color:#344357;margin:0;font-size:12px;font-weight:700;line-height:1.4}.shortcut-action p{color:#8b97a6;margin:4px 0 0;font-size:10px;line-height:1.45}.shortcut-row-controls{justify-items:end;gap:8px;display:grid}.shortcut-preview-trigger{color:#6481b5;background:0 0;border:0;padding:2px;font-size:9px;font-weight:750}.shortcut-preview-trigger:hover,.shortcut-preview-trigger[aria-pressed=true]{color:#315eaf;text-decoration:underline}.shortcut-bindings{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.shortcut-binding{align-items:center;gap:6px;display:inline-flex}.shortcut-key-group{gap:4px;display:inline-flex}.shortcut-key-group kbd{color:#46566c;white-space:nowrap;background:linear-gradient(#fff,#f7f9fb);border:1px solid #cfd7e2;border-bottom-width:2px;border-radius:6px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;display:grid;box-shadow:0 1px 1px #1f2f460f}.shortcut-or{color:#9ba5b2;font-size:9px}.shortcut-empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;align-content:center;place-items:center;gap:8px;min-height:330px;padding:30px;display:grid}.shortcut-empty>span{color:#748399;background:#f0f4fa;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.shortcut-empty svg{width:18px;height:18px}.shortcut-empty h2{color:#38475b;margin:5px 0 0;font-size:15px}.shortcut-empty p{color:#8c98a7;margin:0 0 10px;font-size:11px}.shortcut-sources{color:#929dab;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:18px 3px 0;font-size:10px;display:flex}.shortcut-sources a{color:#5877ad;text-decoration:none}.shortcut-sources a:hover{text-decoration:underline}.home-page{max-width:1280px;margin:0 auto}.home-hero{background:#1c3150;border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:clamp(35px,6vw,90px);min-height:430px;padding:clamp(40px,5vw,70px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #1c315024}.home-hero:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;position:absolute;top:-170px;right:-120px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.hero-copy{z-index:1;position:relative}.hero-copy .eyebrow{color:#88b1ff}.hero-copy h1{color:#fff;letter-spacing:-3px;font-size:clamp(42px,5vw,66px);font-weight:720;line-height:.98}.hero-copy h1 span{color:#9abaff}.hero-copy>p:not(.eyebrow){color:#c2cede;max-width:570px;margin:22px 0 0;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-actions a{min-height:44px;text-decoration:none}.hero-actions .format-button{color:#254474;background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000021}.hero-actions .format-button:hover{background:#edf3ff}.hero-actions .secondary-button{color:#dce5f2;background:#ffffff12;border-color:#fff3}.hero-actions .secondary-button:hover{color:#fff;border-color:#fff6}.hero-preview{z-index:1;position:relative}.preview-window{background:#f9fbfe;border:1px solid #ffffff21;border-radius:13px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 22px 38px #05122540}.preview-bar{background:#fff;border-bottom:1px solid #e5e9ef;align-items:center;gap:5px;height:38px;padding:0 12px;display:flex}.preview-bar i{background:#d8dee7;border-radius:50%;width:7px;height:7px}.preview-bar span{color:#a1aab6;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.preview-body{align-content:center;gap:13px;min-height:245px;padding:30px 32px;display:grid}.preview-line{background:#dce4ef;border-radius:4px;width:88%;height:9px;display:block}.preview-line.short{width:43%}.preview-line.medium{width:68%}.preview-line.changed{background:#f5bfc1;width:76%;box-shadow:-9px 0 #fff0f0,9px 0 #fff0f0}.preview-line.added{background:#aee8c5;width:82%;box-shadow:-9px 0 #edfaf2,9px 0 #edfaf2}.local-badge{color:#32815a;background:#fff;border:1px solid #d8eee2;border-radius:99px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-16px;right:-12px;box-shadow:0 8px 18px #0412252b}.local-badge svg{width:13px;height:13px}.home-principles{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:22px 0 70px;display:grid}.home-principles>div{border-right:1px solid var(--line);gap:5px;padding:19px 24px;display:grid}.home-principles>div:last-child{border-right:0}.home-principles strong{color:#37465b;font-size:12px}.home-principles span{color:#8b97a6;font-size:11px}.tool-directory{padding-bottom:30px}.directory-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.directory-heading h2{color:#1d2a3a;letter-spacing:-1px;margin:0;font-size:clamp(25px,3vw,32px)}.directory-heading>span{color:#929ead;font-size:11px}.home-tool-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.home-tool-card{border:1px solid var(--line);min-height:220px;color:inherit;background:#fff;border-radius:13px;flex-direction:column;justify-content:space-between;gap:24px;padding:19px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 5px 17px #263a5b08}.home-tool-card:hover{border-color:#b8caf0;transform:translateY(-2px);box-shadow:0 12px 25px #263a5b17}.tool-card-top{justify-content:space-between;align-items:flex-start;display:flex}.tool-icon{color:#3b68ba;background:#edf3ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.tool-icon svg{width:19px;height:19px}.tool-group{color:#8995a5;letter-spacing:.04em;text-transform:uppercase;background:#f4f6f8;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:750}.home-tool-card h3{color:#2c3b50;letter-spacing:-.2px;margin:0 0 8px;font-size:15px}.home-tool-card p{color:#7c8999;margin:0;font-size:11px;line-height:1.55}.tool-link{color:#5274b2;font-size:11px;font-weight:700}.tool-link b{margin-left:4px;transition:transform .15s;display:inline-block}.home-tool-card:hover .tool-link b{transform:translate(3px)}.unix-card{max-width:960px;margin:0 auto}.unix-input-section{border-bottom:1px solid var(--line);padding:24px}.unix-main-input{grid-template-columns:minmax(0,1fr) 190px;gap:13px;display:grid}.unix-input-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.unix-result-heading{border-bottom:1px solid var(--line);align-items:center;min-height:57px;padding:0 20px;display:flex}.unix-results{display:grid}.unix-value-row{grid-template-columns:185px minmax(0,1fr) auto}.unix-value-row code{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}@media (max-width:900px){.app-shell{display:block}.sidebar{display:none}.mobile-navigation{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e5e9ef;padding:15px 22px 10px;display:block;position:sticky;top:0}.mobile-brand-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.mobile-links{scrollbar-width:none;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.mobile-links::-webkit-scrollbar{display:none}.mobile-link{color:#6b778a;border-radius:7px;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.mobile-link svg{width:14px;height:14px}.mobile-link.active{background:var(--blue-soft);color:#2f66d7}.workspace{padding-top:38px}.mobile-brand{margin-bottom:40px;display:flex}.tool-header{margin-bottom:27px}.utility-layout.two-column-wide,.cron-layout,.case-layout{grid-template-columns:1fr}.input-card{position:static}.home-hero{grid-template-columns:1fr .75fr}.home-tool-grid{grid-template-columns:repeat(2,1fr)}.shortcut-pair{grid-template-columns:1fr}.shortcut-pair>.shortcut-row+.shortcut-row{border-top:1px solid #edf0f4;border-left:0}.shortcut-pair.preview-first .shortcut-inline-preview{grid-row:2}.shortcut-pair.preview-first>.shortcut-row:nth-child(2){grid-row:3}}@media (max-width:720px){.tool-header,.options-bar,.formatter-footer{flex-direction:column;align-items:flex-start}.privacy-note{margin-top:0}.options-bar{gap:13px}.editor-grid{grid-template-columns:1fr}.editor-panel{min-height:340px}.editor-panel+.editor-panel{border-top:1px solid var(--line);border-left:0}.formatter-footer{align-items:stretch}.format-button{width:100%}.encoding-hint{margin-left:0}.workspace{padding:30px 16px 45px}.mobile-navigation{padding-inline:16px}.converter-grid,.time-converter-grid{grid-template-columns:1fr 1fr}.converter-grid .converter-field:first-child{grid-column:1/-1}.converter-arrow{display:none}.preset-list,.two-column-results{grid-template-columns:1fr}.two-column-results .value-row:nth-child(odd){border-right:0}.two-column-results .value-row:nth-last-child(2){border-bottom:1px solid #edf0f4}.case-row,.value-row{grid-template-columns:95px minmax(0,1fr) auto}.diff-editors{grid-template-columns:1fr}.diff-pane+.diff-pane{border-top:1px solid var(--line);border-left:0}.prepared-grid{grid-template-columns:1fr}.prepared-pane+.prepared-pane{border-top:1px solid var(--line);border-left:0}.diff-mode-bar{flex-direction:column;align-items:flex-start;gap:7px}.diff-actions,.diff-summary{flex-direction:column;align-items:stretch}.diff-actions>div{grid-template-columns:1fr 1fr;display:grid}.diff-actions .format-button{grid-column:1/-1}.diff-summary>div{justify-content:space-between}.home-hero{grid-template-columns:1fr}.hero-preview{display:none}.home-principles{grid-template-columns:1fr;margin-bottom:52px}.home-principles>div{border-right:0;border-bottom:1px solid var(--line)}.home-principles>div:last-child{border-bottom:0}.unix-input-footer,.shortcut-result-summary,.shortcut-platform-heading,.shortcut-filter-row,.visual-preview-heading,.visual-preview-actions{flex-direction:column;align-items:flex-start}.visual-preview-actions{width:100%}.shortcut-platform-heading{gap:12px}.shortcut-row{grid-template-columns:1fr}.shortcut-bindings{justify-content:flex-start}.shortcut-row-controls{justify-items:start}}@media (max-width:460px){.tool-header{gap:18px}.privacy-note{white-space:normal}.options-bar{padding-inline:16px}.option,.diff-mode-control{justify-content:space-between;width:100%}.cron-field-guide{padding-inline:9px}.cron-field-guide strong{font-size:9px}.converter-card{padding:16px}.primary-result{flex-direction:column;align-items:flex-start}.case-row,.value-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.case-row>span,.value-row>div{grid-column:1/-1}.home-hero{padding:36px 25px}.hero-copy h1{letter-spacing:-2px;font-size:41px}.home-tool-grid{grid-template-columns:1fr}.directory-heading{flex-direction:column;align-items:flex-start}.unix-main-input{grid-template-columns:1fr}.unix-value-row{grid-template-columns:minmax(0,1fr) auto}.unix-value-row>div{grid-column:1/-1}.visual-preview-heading,.visual-preview-stage{padding:18px}.preview-state-change{grid-template-columns:1fr;gap:9px}.preview-state-change>div:last-child{text-align:left}.preview-state-change>b{transform:rotate(90deg)}.simulation-terminal-body{padding:20px 16px;font-size:10px}.mac-menu-bar>span:nth-of-type(n+4){display:none}.mac-window,.mac-terminal-window{width:90%}.mac-settings-window{width:94%}.mac-settings-view{grid-template-columns:82px 1fr}.mac-settings-view main{gap:9px;padding:12px 9px}.mac-settings-view label{flex-direction:column;align-items:flex-start;gap:4px}.mac-finder-body{grid-template-columns:76px 1fr}.mac-finder-files{grid-template-columns:repeat(3,minmax(38px,1fr));gap:10px 5px;padding:12px 8px}.mac-finder-body aside{padding:10px 7px}.mac-character-viewer{width:190px;right:12px}.mac-quick-look{width:82%}.mac-force-quit-dialog{width:92%}.mac-capture-tools{gap:4px;transform:translate(-50%)scale(.82)}.mac-capture-tools b{display:none}}@media (prefers-reduced-motion:reduce){.visual-preview-stage *{animation:none!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}