.cmp-page{--cmp-line: #404040;--cmp-muted: #c0bdb9;--cmp-focus: #ffb15a;--cmp-added: #9bd9b0;--cmp-removed: #ffb5ae;--cmp-changed: #f3c969}.cmp-page .tools-hero .container,.cmp-container{max-width:1320px}.cmp-page .tools-hero{padding:32px 0 24px;text-align:left}.cmp-page .tools-hero-title{font-size:2.5rem;margin-bottom:12px}.cmp-page .tools-hero-subtitle{max-width:75ch;margin:0 0 16px;color:#dedbd7}.cmp-page .cmp-workspace{padding-top:0}.cmp-page .cmp-workbench{padding:0;background:#171717;border-color:var(--cmp-line);box-shadow:none;overflow:hidden}.cmp-workbench [hidden],.cmp-phoenix[hidden]{display:none!important}.cmp-workbench{--cmp-stage: 520px}.cmp-workbench button,.cmp-handoff a{min-height:44px;border-radius:8px;font-size:.82rem}.cmp-workbench button{cursor:pointer}.cmp-workbench button:disabled{opacity:.45;cursor:not-allowed;transform:none}.cmp-workbench button:not(.tool-btn):not(.tool-btn-secondary):not(.tool-btn-icon){background:#262626;border:1px solid #505050;color:#f4f0eb;padding:8px 12px}.cmp-workbench button:not(:disabled):hover{border-color:#a2784f}.cmp-workbench #cmpCompareBtn{background:#ffb15a;color:#211507;border:1px solid #ffb15a;font-weight:700}.cmp-workbench #cmpCompareBtn:hover:not(:disabled){background:#ffc480;color:#211507;border-color:#ffc480}.cmp-workbench :is(button,input,[tabindex]):focus-visible,.cmp-phoenix a:focus-visible{outline:2px solid var(--cmp-focus);outline-offset:-2px}.cmp-workbench #cmpCompareBtn:focus-visible{outline-color:#211507;outline-offset:-4px}.cmp-workbench ::selection{color:#171717;background:#ffbf80}.cmp-workbench *{scrollbar-color:#777 #202020;scrollbar-width:thin}.cmp-command-bar,.cmp-pane-heading,.cmp-action-group{display:flex;align-items:center;gap:8px}.cmp-command-bar{padding:14px 16px;flex-wrap:wrap;justify-content:space-between;background:#222;border-bottom:1px solid var(--cmp-line);gap:12px}.cmp-action-group{flex-wrap:wrap}.cmp-feedback{padding:12px 18px;border-bottom:1px solid var(--cmp-line)}.cmp-feedback p{margin:0;font-size:.82rem;line-height:1.6}.cmp-feedback p+p:not([hidden]){margin-top:6px}#cmpStatus[data-state=success]{color:var(--cmp-added)}#cmpStatus[data-state=stale]{color:var(--cmp-changed)}.cmp-workbench .tool-error{margin:8px 0;color:var(--cmp-removed)}.cmp-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-source-pane{min-width:0}.cmp-source-pane:first-child{border-inline-end:1px solid var(--cmp-line)}.cmp-pane-heading{min-height:70px;padding:12px 16px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--cmp-line);background:#202020}.cmp-pane-heading label,.cmp-pane-heading h2{margin:0;font-size:.9rem;font-weight:600;font-family:var(--font-montserrat-semi-bold);line-height:1.4;color:#f4f0eb}.cmp-workbench .cmp-editor{height:var(--cmp-stage);min-height:0;border:0;border-radius:0}.cmp-workbench .tool-code-textarea{position:static;display:block;height:100%;min-height:0;color:#f0ece6;font:.875rem/1.65 var(--font-monospace);padding:20px;white-space:pre;word-wrap:normal;overflow-wrap:normal;-moz-tab-size:4;tab-size:4;text-align:left;direction:ltr;caret-color:var(--cmp-focus)}.cmp-workbench .tool-code-editor:focus-within{outline:2px solid var(--cmp-focus);outline-offset:-2px}.cmp-workbench .tool-code-textarea::placeholder{color:#b9b3aa}.cmp-cm{height:100%;min-width:0;overflow:hidden;text-align:left;direction:ltr}.cmp-workbench .cmp-cm .cm-content:focus-visible{outline:none}.cmp-workbench .cm-content::selection,.cmp-workbench .cm-content ::selection{color:inherit}.cmp-diff-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:10px 14px;border-bottom:1px solid var(--cmp-line);background:#1d1d1d}.cmp-diff-nav{gap:8px 12px;min-width:0}.cmp-diff-nav button{flex:0 0 44px}#cmpPosition{color:var(--cmp-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.cmp-diff-nav .cmp-pointer{font-size:.85rem;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cmp-equal{margin:6px 0 0;color:var(--cmp-added);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px}.cmp-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;color:#f4f0eb;font-size:.82rem;cursor:pointer}.cmp-toggle input{width:18px;height:18px;margin:0;accent-color:#ffb15a;cursor:pointer}.cmp-summary{color:var(--cmp-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.cmp-summary b{color:#f4f0eb;font-weight:600}#cmpStatus,#cmpSummary,#cmpPosition,#cmpRange{unicode-bidi:plaintext}.cmp-kind{--kind: var(--cmp-changed);display:inline-flex;align-items:center;gap:6px;color:var(--kind);font:600 .76rem/1.4 var(--font-montserrat);white-space:nowrap}.cmp-kind:before{content:attr(data-symbol);display:inline-block;width:1.4em;height:1.4em;border-radius:4px;text-align:center;font:700 .85rem/1.4em var(--font-monospace);color:#171717;background:var(--kind)}.cmp-kind[data-kind=added]{--kind: var(--cmp-added)}.cmp-kind[data-kind=removed]{--kind: var(--cmp-removed)}.cmp-pointer{direction:ltr;unicode-bidi:isolate;color:#efc692;white-space:pre;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-monospace);font-size:inherit}.cmp-help{margin:0;color:var(--cmp-muted);font-size:.73rem;line-height:1.65}.cmp-footer{padding:14px 18px;border-top:1px solid var(--cmp-line)}.cmp-workbench.is-dragging{outline:2px dashed var(--cmp-focus);outline-offset:4px}.cmp-phoenix{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin-top:16px;padding:0 4px}.cmp-phoenix>img{margin-top:12px}.cmp-phoenix-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin-bottom:4px}.cmp-page .cmp-phoenix h2{flex:1 1 200px;font:400 .82rem/1.5 var(--font-montserrat);margin:0;color:#d6d1cb}.cmp-phoenix p{font-size:.8rem;line-height:1.7;color:#d6d1cb;margin:0;max-width:75ch}.cmp-page .cmp-phoenix-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#d6d1cb;font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.cmp-page .cmp-phoenix-link:hover{color:#ffc480}.cmp-phoenix-note{display:block;font-size:.72rem;line-height:1.65;color:var(--cmp-muted);margin:4px 0 0}.cmp-handoff{padding:16px 18px;border-radius:12px;background:linear-gradient(120deg,#ff8c422e,#ffc14b0f)}.cmp-handoff>img{margin-top:10px}.cmp-page .cmp-handoff h2{font:600 .95rem/1.4 var(--font-montserrat-semi-bold);color:#f4f0eb}.cmp-handoff .tool-btn-secondary{display:inline-flex;align-items:center;gap:8px;flex:0 1 auto;text-decoration:none;max-width:100%}@media (max-width: 767px){.cmp-page .tools-hero-title{font-size:1.75rem}.cmp-page .tools-hero{padding-top:24px}.cmp-panes{grid-template-columns:minmax(0,1fr)}.cmp-source-pane:first-child{border-inline-end:0;border-bottom:1px solid var(--cmp-line)}.cmp-workbench{--cmp-stage: 300px}.cmp-workbench .tool-code-textarea,.cmp-cm .cm-editor{font-size:16px}.cmp-diff-bar>.cmp-action-group{width:100%}.cmp-diff-bar>.cmp-action-group:last-child{justify-content:space-between}.cmp-command-bar{padding:12px}.cmp-command-bar>.cmp-action-group{width:100%}.cmp-command-bar>.cmp-action-group:last-child{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}.cmp-command-bar>.cmp-action-group:last-child button{min-width:0;padding-inline:8px;white-space:normal;overflow-wrap:anywhere}.cmp-phoenix{padding:0}.cmp-phoenix>img{margin-top:0}.cmp-handoff{padding:14px}}@media (max-width: 400px){.cmp-pane-heading{padding:10px 12px}#cmpRange{order:-1;width:100%}}@media (prefers-reduced-motion: reduce){.cmp-workbench *,.cmp-phoenix a{transition:none!important}}@media (forced-colors: active){.cmp-kind:before{forced-color-adjust:none}.cmp-workbench .tool-code-textarea{color:CanvasText}.cmp-cm .cm-editor,.cmp-cm .cm-gutters,.cmp-cm .cm-line span{color:CanvasText;background:Canvas}.cmp-cm .cm-selectionBackground,.cmp-cm .cm-focused .cm-selectionBackground{background:Highlight}}