:root{--ce-bg:var(--chromble-bg);--ce-stage:var(--chromble-bg-deep);--ce-surface:var(--chromble-surface);--ce-surface-2:var(--chromble-surface-2);--ce-surface-3:var(--chromble-control);--ce-hover:var(--chromble-hover);--ce-line:var(--chromble-line);--ce-line-strong:var(--chromble-line-strong);--ce-text:var(--chromble-text);--ce-muted:var(--chromble-muted);--ce-faint:var(--chromble-faint);--ce-blue:#4f86e8;--ce-green:#3fa965;--ce-yellow:#c79d27;--ce-red:#db5c56;--ce-purple:#8056e0;--ce-radius:9px}html:has(.contrast-editor-shell),body:has(.contrast-editor-shell){background:var(--ce-bg);width:100%;min-width:100%;min-height:100%;margin:0}body:has(.contrast-editor-shell){overflow:hidden}body:has(.contrast-editor-shell):before{opacity:.025;mix-blend-mode:normal;z-index:200;pointer-events:none}body:has(.contrast-editor-shell) .chromble-skip-link:focus{z-index:9999}.contrast-editor-shell{background:var(--ce-bg);width:100vw;height:100dvh;color:var(--ce-text);color-scheme:inherit;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.contrast-editor{grid-template-rows:60px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.contrast-editor-topbar{z-index:30;border-bottom:1px solid var(--ce-line);background:var(--ce-surface);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:8px 14px 8px 18px;display:flex;position:relative;box-shadow:0 1px #0000002e}.contrast-editor-brand,.contrast-editor-logo,.contrast-editor-top-actions,.contrast-editor-top-button{align-items:center;display:flex}.contrast-editor-brand{gap:13px;min-width:0}.contrast-editor-logo{color:var(--ce-text);flex:none;gap:9px;text-decoration:none}.contrast-editor-logo img{object-fit:contain;width:30px;height:30px}.contrast-editor-logo strong{letter-spacing:-.025em;font-size:18px;font-weight:700}.contrast-editor-brand__divider{background:var(--ce-line-strong);flex:0 0 1px;width:1px;height:27px}.contrast-editor-brand__tool{letter-spacing:-.015em;font-size:15px;font-weight:720}.contrast-editor-top-actions{flex:none;gap:8px}.contrast-editor-top-button,.contrast-editor-close{border:1px solid var(--ce-line);background:var(--ce-surface-2);height:38px;color:var(--ce-text);font:inherit;cursor:pointer;border-radius:7px;transition:background .15s,border-color .15s,transform .15s}.contrast-editor-top-button{justify-content:center;gap:8px;padding:0 13px;font-size:13px;font-weight:730}.contrast-editor-close{place-items:center;width:38px;text-decoration:none;display:grid}.contrast-editor-top-button:hover,.contrast-editor-close:hover{border-color:var(--ce-line-strong);background:var(--ce-hover)}.contrast-editor-top-button:active{transform:translateY(1px)}.contrast-editor-top-button svg,.contrast-editor-close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.contrast-editor-workspace{grid-template-columns:minmax(0,1fr) 54px clamp(420px,29vw,500px);gap:14px;min-width:0;min-height:0;padding:14px;display:grid;overflow:hidden}.contrast-editor-main-column{grid-template-rows:minmax(0,1fr) 150px;gap:14px;min-width:0;min-height:0;display:grid}.contrast-editor-stage-wrap{border:1px solid var(--ce-line);border-radius:var(--ce-radius);background:var(--ce-surface);min-width:0;min-height:0;padding:30px;overflow:hidden}.contrast-editor-preview{color:#60a5fa;background:#0b1220;border:1px solid #ffffff1f;border-radius:14px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #2068ff12,0 16px 42px #0000002b}.contrast-editor-preview__content{flex-direction:column;justify-content:center;width:min(76%,780px);height:100%;padding:clamp(42px,6vh,78px) clamp(46px,6vw,90px);display:flex}.contrast-editor-preview__content h2{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,4.15vw,70px);font-weight:600;line-height:1.1}.contrast-editor-preview__content>p{opacity:.92;width:min(100%,620px);margin:22px 0 0;font-size:clamp(16px,1.2vw,20px);line-height:1.55}.contrast-editor-preview__actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.contrast-editor-preview__actions button{min-width:190px;min-height:56px;font:inherit;cursor:default;border-radius:10px;padding:0 22px;font-size:16px;font-weight:800}.contrast-editor-preview__content>a{color:inherit;text-underline-offset:6px;align-self:flex-start;margin-top:25px;font-size:17px;font-weight:650;text-decoration:underline}.contrast-editor-preview__content>a span{margin-left:8px;text-decoration:none}.contrast-editor-preview__ratio{z-index:2;backdrop-filter:blur(12px);background:#10121880;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;min-height:40px;padding:0 14px;font-size:13px;display:flex;position:absolute;top:18px;right:18px}.contrast-editor-preview__ratio strong{font-size:15px;font-weight:800}.contrast-preview-quality{color:#5fe88b;align-items:center;gap:7px;font-weight:750;display:inline-flex}.contrast-preview-quality i{background:currentColor;border-radius:50%;width:7px;height:7px}.contrast-preview-quality[data-level=limited]{color:var(--ce-yellow)}.contrast-preview-quality[data-level=fail]{color:var(--ce-red)}.contrast-editor-preview__badges{gap:9px;display:flex;position:absolute;bottom:18px;right:20px}.contrast-editor-preview__badges span{backdrop-filter:blur(12px);color:#f1f3f7;background:#10121880;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.contrast-editor-preview__badges i{border:1px solid #45db79;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.contrast-editor-preview__badges i:after{content:"";border-bottom:1.5px solid #45db79;border-left:1.5px solid #45db79;width:5px;height:3px;transform:rotate(-45deg)translateY(-1px)}.contrast-editor-preview__badges .is-fail i{border-color:var(--ce-red)}.contrast-editor-preview__badges .is-fail i:after{background:var(--ce-red);border:0;width:6px;height:1px;transform:none}.contrast-editor-presets{border:1px solid var(--ce-line);border-radius:var(--ce-radius);background:var(--ce-surface);grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;min-width:0;min-height:0;padding:16px 18px;display:grid;box-shadow:inset 0 1px #ffffff05}.contrast-editor-presets__intro h2{margin:0;font-size:15px;font-weight:800}.contrast-editor-presets__intro p{color:var(--ce-muted);margin:7px 0 0;font-size:12px;line-height:1.45}.contrast-editor-presets__list{scrollbar-width:thin;scrollbar-color:var(--ce-line-strong) transparent;align-items:center;gap:12px;min-width:0;padding:3px;display:flex;overflow-x:auto}.contrast-preset{border:1px solid var(--ce-line);background:var(--ce-surface);cursor:pointer;border-radius:10px;flex:0 0 84px;width:84px;height:86px;padding:6px;transition:border-color .15s,transform .15s,box-shadow .15s}.contrast-preset:hover{border-color:var(--ce-line-strong);transform:translateY(-1px)}.contrast-preset i{background:linear-gradient(90deg, var(--preset-a) 0 50%, var(--preset-b) 50% 100%);border-radius:7px;width:100%;height:100%;display:block}.contrast-preset.is-active{border-color:#4d9cff;box-shadow:0 0 0 2px #4d9cff33}.contrast-preset--more{color:var(--ce-muted);align-content:center;place-items:center;gap:5px;display:grid}.contrast-preset--more span{letter-spacing:2px;font-size:22px;line-height:.8}.contrast-preset--more small{font-size:10px;font-weight:700}.contrast-editor-toolrail{z-index:42;border:1px solid var(--ce-line);border-radius:var(--ce-radius);background:var(--ce-surface);flex-direction:column;align-self:start;align-items:center;gap:8px;padding:10px 7px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff05,0 10px 30px #00000021}.contrast-editor-toolrail__button{width:38px;height:46px;color:var(--ce-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;display:grid;position:relative}.contrast-editor-toolrail__button:hover{border-color:var(--ce-line);background:var(--ce-surface);color:var(--ce-text)}.contrast-editor-toolrail__button.is-active{color:#66a7ff;background:#726eff14;border-color:#726effd9}.contrast-editor-toolrail__button svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.contrast-editor-toolrail__divider{background:var(--ce-line);width:30px;height:1px;margin:2px 0}.contrast-editor-toolrail__button:after{content:attr(data-tooltip);z-index:90;border:1px solid var(--ce-line);background:var(--ce-stage);color:var(--ce-text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:10.5px;font-weight:700;line-height:1;transition:opacity .12s,transform .12s;position:absolute;top:50%;right:calc(100% + 12px);transform:translate(4px,-50%);box-shadow:0 10px 28px #00000052}.contrast-editor-toolrail__button:hover:after,.contrast-editor-toolrail__button:focus-visible:after{opacity:1;transform:translateY(-50%)}.contrast-editor-sidebar{scrollbar-width:thin;scrollbar-color:var(--ce-line-strong) transparent;flex-direction:column;gap:12px;min-width:0;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.contrast-editor-panel{border:1px solid var(--ce-line);border-radius:var(--ce-radius);background:var(--ce-surface);flex:none;min-width:0;padding:16px 17px;box-shadow:inset 0 1px #ffffff05}.contrast-editor-panel__head{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:14px;display:flex}.contrast-editor-panel__title{align-items:center;gap:8px;min-width:0;display:flex}.contrast-editor-panel__head h2{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:800}.contrast-editor-help{border:1px solid var(--ce-faint);width:17px;height:17px;color:var(--ce-muted);cursor:help;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.contrast-editor-icon-button{width:31px;height:31px;color:var(--ce-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.contrast-editor-icon-button:hover{background:var(--ce-hover);color:var(--ce-text)}.contrast-editor-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.contrast-editor-color-field+.contrast-editor-color-field{margin-top:16px}.contrast-editor-color-field>label{color:var(--ce-text);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.contrast-editor-color-row{grid-template-columns:38px minmax(0,1fr) 58px;align-items:center;gap:10px;display:grid}.contrast-swatch{border:1px solid var(--ce-line-strong);cursor:pointer;background:#60a5fa;border-radius:7px;width:38px;height:38px;display:block;position:relative;overflow:hidden}.contrast-swatch--background{background:#0b1220}.contrast-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.contrast-editor-hex-wrap{border:1px solid var(--ce-line);background:var(--ce-surface);border-radius:7px;grid-template-columns:minmax(0,1fr) 35px;height:38px;display:grid;overflow:hidden}.contrast-editor-hex-wrap input{width:100%;min-width:0;color:var(--ce-text);background:0 0;border:0;outline:0;padding:0 10px;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.contrast-editor-hex-wrap button{color:var(--ce-faint);cursor:pointer;background:0 0;border:0}.contrast-editor-hex-wrap button:hover{background:var(--ce-hover);color:var(--ce-text)}.contrast-editor-hex-wrap svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:15px;height:15px}.contrast-editor-color-row output{border:1px solid var(--ce-line);background:var(--ce-surface);height:38px;color:var(--ce-muted);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.contrast-editor-range{accent-color:#4d9cff;cursor:pointer;width:100%;height:18px;margin:7px 0 0}#background-opacity{accent-color:#8a66ff}.contrast-editor-ratio-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.contrast-editor-ratio-line>strong{color:#5b9cff;letter-spacing:-.04em;font-size:34px;line-height:1}.contrast-quality,.contrast-score-pill{color:var(--ce-green);background:#4bd27b17;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.contrast-quality{border:1px solid #4bd27b2e;min-height:32px;padding:0 11px;font-size:11px;font-weight:750}.contrast-quality i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}.contrast-quality[data-level=limited]{color:var(--ce-yellow);background:#f3c94e14;border-color:#f3c94e33}.contrast-quality[data-level=fail]{color:var(--ce-red);background:#ff6f6814;border-color:#ff6f6833}.contrast-editor-meter{margin-top:16px}.contrast-editor-meter__track{background:linear-gradient(90deg,#ff6865 0 26%,#f1c94d 26% 34%,#45c875 34% 46%,#5a82ff 46% 100%);border-radius:999px;height:7px;position:relative}.contrast-editor-meter__track i{background:#5a82ff;border:2px solid #e7ebf3;border-radius:50%;width:12px;height:12px;transition:left .16s;position:absolute;top:50%;left:31.8%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000004d}.contrast-editor-meter__labels{color:var(--ce-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.contrast-editor-checks{margin-top:13px}.contrast-editor-checks>div{border-top:1px solid var(--ce-line);min-height:34px;color:var(--ce-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.contrast-editor-checks>div:first-child{border-top:0}.contrast-editor-checks small{color:var(--ce-faint);font-size:10.5px}.contrast-score-pill{min-width:45px;min-height:25px;padding:0 8px;font-size:10px;font-weight:800}.contrast-score-pill.is-fail{color:var(--ce-red);background:#ff6f681a}.contrast-editor-summary{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;display:grid}.contrast-summary-icon{border:2px solid var(--ce-green);width:58px;height:58px;color:var(--ce-green);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 14px #4bd27b2b}.contrast-summary-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.contrast-summary-icon[data-level=limited]{color:var(--ce-yellow);border-color:currentColor;box-shadow:0 0 14px #f3c94e1f}.contrast-summary-icon[data-level=fail]{color:var(--ce-red);border-color:currentColor;box-shadow:0 0 14px #ff6f681f}.contrast-editor-summary strong{font-size:13px;font-weight:800;display:block}.contrast-editor-summary p{color:var(--ce-text);margin:3px 0 0;font-size:12px;line-height:1.42}.contrast-editor-summary small{color:var(--ce-muted);margin-top:3px;font-size:10.5px;line-height:1.4;display:block}.contrast-editor-handoff-actions{grid-template-columns:1fr 1.45fr;gap:9px;display:grid}.contrast-editor-handoff-actions button{border:1px solid var(--ce-line);background:var(--ce-surface);min-width:0;min-height:42px;color:var(--ce-text);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:750;display:flex}.contrast-editor-handoff-actions button:hover{border-color:var(--ce-line-strong);background:var(--ce-hover)}.contrast-editor-handoff-actions button.is-primary{color:#fff;background:linear-gradient(100deg,#8651ed,#4f9dff);border-color:#7470ff94}.contrast-editor-handoff-actions svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.contrast-editor-handoff-panel>p{color:var(--ce-muted);margin:10px 0 0;font-size:10.5px;line-height:1.4}.contrast-export-preview{border:1px solid var(--ce-line);border-radius:9px;grid-template-columns:1fr 1fr;height:110px;margin-bottom:12px;display:grid;overflow:hidden}.contrast-export-specs{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1320px){.contrast-editor-workspace{grid-template-columns:minmax(0,1fr) 52px 400px}.contrast-editor-stage-wrap{padding:22px}.contrast-editor-preview__content{width:82%;padding-inline:48px}.contrast-editor-preview__content h2{font-size:clamp(38px,4vw,58px)}.contrast-editor-main-column{grid-template-rows:minmax(0,1fr) 135px}.contrast-preset{flex-basis:72px;width:72px;height:72px}}@media (width<=1040px){body:has(.contrast-editor-shell){overflow:auto}.contrast-editor-shell{width:100%;height:auto;min-height:100dvh;overflow:visible}.contrast-editor{grid-template-rows:60px auto;height:auto;min-height:100dvh}.contrast-editor-topbar{z-index:100;position:sticky;top:0}.contrast-editor-workspace{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 52px;overflow:visible}.contrast-editor-main-column{min-height:700px}.contrast-editor-sidebar{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid;overflow:visible}.contrast-editor-panel{height:100%}}@media (width<=720px){.contrast-editor-topbar{gap:8px;padding-inline:10px}.contrast-editor-brand{gap:9px}.contrast-editor-logo strong{font-size:16px}.contrast-editor-brand__tool{font-size:13px}.contrast-editor-brand__divider{height:23px}.contrast-editor-workspace{flex-direction:column;gap:10px;padding:10px;display:flex}.contrast-editor-main-column{flex-direction:column;min-height:0;display:flex}.contrast-editor-stage-wrap{height:560px;padding:10px}.contrast-editor-preview__content{width:100%;padding:58px 25px 70px}.contrast-editor-preview__content h2{font-size:clamp(34px,10vw,50px)}.contrast-editor-preview__content>p{font-size:14px}.contrast-editor-preview__actions button{flex:160px;min-width:0;min-height:48px;font-size:13px}.contrast-editor-preview__ratio{top:10px;right:10px}.contrast-editor-preview__badges{bottom:10px;right:10px}.contrast-editor-presets{grid-template-columns:1fr}.contrast-editor-toolrail{flex-direction:row;order:2;justify-content:center;align-self:stretch}.contrast-editor-toolrail__divider{width:1px;height:30px}.contrast-editor-toolrail__button:after{display:none}.contrast-editor-sidebar{order:3;grid-template-columns:1fr}.contrast-export-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.contrast-editor-top-button span{display:none}.contrast-editor-top-button{width:38px;padding:0}.contrast-editor-stage-wrap{height:520px}.contrast-editor-preview__content{padding-inline:18px}.contrast-editor-preview__content h2{font-size:32px}.contrast-editor-preview__ratio{gap:7px;padding-inline:10px}.contrast-editor-preview__ratio strong{font-size:12px}.contrast-preview-quality{font-size:10px}.contrast-editor-preview__badges span{padding-inline:10px}.contrast-editor-handoff-actions{grid-template-columns:1fr}}