/* SaveEditor production Tool Page - Phase 11 */
.se-tool-page { background:var(--se-bg); }
.se-tool-page-hero { padding:clamp(3rem,7vw,6.5rem) 0 2.5rem; border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-paper-50); }
.se-tool-page-hero__grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(18rem,.55fr); gap:clamp(2rem,7vw,7rem); align-items:end; }
.se-tool-page-hero__identity { display:flex; gap:1.15rem; align-items:flex-start; margin-top:1.5rem; }
.se-tool-page-hero__icon { width:4.25rem; height:4.25rem; flex:0 0 4.25rem; display:grid; place-items:center; border:var(--se-border-2) solid var(--se-border); background:var(--se-accent); box-shadow:var(--se-shadow-sm); }
.se-tool-page-hero__icon svg { width:2rem; }
.se-tool-page-hero h1 { max-width:12ch; margin:.25rem 0 0; font-size:clamp(3.1rem,7vw,7.4rem); line-height:.86; letter-spacing:-.07em; text-transform:uppercase; }
.se-tool-page-hero__lede { max-width:54rem; margin:1.5rem 0 0; font-size:clamp(1rem,1.6vw,1.25rem); line-height:1.55; }
.se-tool-page-hero__links { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.4rem; }
.se-tool-page-hero__links a { display:inline-flex; align-items:center; gap:.35rem; min-height:2rem; border:1px solid var(--se-border); background:var(--se-surface); padding:.35rem .65rem; font-family:var(--se-font-mono); font-size:.65rem; font-weight:850; text-decoration:none; text-transform:uppercase; }
.se-tool-page-hero__links a:hover { background:var(--se-accent); }
.se-tool-page-hero__links svg { width:.85rem; }
.se-tool-page-status { border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); box-shadow:var(--se-shadow-md); }
.se-tool-page-status__head { display:flex; gap:.85rem; align-items:center; padding:1rem; border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-ink-950); color:white; }
.se-tool-page-status__head > span:first-child { width:2.6rem; height:2.6rem; display:grid; place-items:center; border:1px solid var(--se-accent); color:var(--se-accent); }
.se-tool-page-status__head svg { width:1.25rem; }
.se-tool-page-status__head .se-kicker { margin:0 0 .3rem; color:#aaa; }
.se-tool-page-status dl { margin:0; }
.se-tool-page-status dl > div { display:flex; justify-content:space-between; gap:1rem; padding:.8rem 1rem; border-bottom:1px solid var(--se-ink-300); }
.se-tool-page-status dl > div:last-child { border-bottom:0; }
.se-tool-page-status dt { color:var(--se-text-muted); font-size:.68rem; }
.se-tool-page-status dd { margin:0; max-width:55%; overflow-wrap:anywhere; text-align:right; font-family:var(--se-font-mono); font-size:.68rem; font-weight:850; }
.se-tool-page-coverage-note { display:grid; grid-template-columns:auto 1fr; gap:1rem; margin-top:2rem; border:var(--se-border-2) solid var(--se-border); background:var(--se-signal-300); padding:1rem; }
.se-tool-page-coverage-note > span { width:2.5rem; height:2.5rem; display:grid; place-items:center; border:1px solid var(--se-border); background:var(--se-surface); }
.se-tool-page-coverage-note svg { width:1.2rem; }
.se-tool-page-coverage-note strong { text-transform:uppercase; }
.se-tool-page-coverage-note p { max-width:62rem; margin:.25rem 0 0; font-size:.8rem; line-height:1.5; }
.se-tool-page-jump { position:sticky; top:5rem; z-index:50; border-bottom:var(--se-border-2) solid var(--se-border); background:rgba(255,253,247,.96); backdrop-filter:blur(10px); }
.se-tool-page-jump__inner { min-height:3.45rem; display:flex; align-items:center; overflow-x:auto; }
.se-tool-page-jump__inner > span { flex:0 0 auto; padding:.65rem 1rem .65rem 0; color:var(--se-text-muted); font-size:.62rem; font-weight:850; text-transform:uppercase; }
.se-tool-page-jump a { flex:0 0 auto; min-height:3.45rem; display:flex; align-items:center; border-left:1px solid var(--se-ink-300); padding:.65rem .9rem; font-size:.72rem; font-weight:850; text-decoration:none; text-transform:uppercase; }
.se-tool-page-jump a:hover { background:var(--se-accent); }
.se-tool-page-section { padding:clamp(3.5rem,7vw,6.5rem) 0; border-bottom:var(--se-border-2) solid var(--se-border); }
.se-tool-page-section--paper { background:var(--se-paper-50); }
.se-tool-page-section--dark { background:var(--se-ink-950); color:white; }
.se-tool-page-section--dark .se-tool-page-section__head > p { color:#bcbcbc; }
.se-tool-page-section--dark .se-kicker { color:var(--se-accent); }
.se-tool-page-section__head { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:clamp(2rem,6vw,6rem); align-items:end; margin-bottom:2rem; }
.se-tool-page-section__head h2 { max-width:13ch; margin:.4rem 0 0; font-size:clamp(2.3rem,5vw,5rem); line-height:.92; letter-spacing:-.06em; text-transform:uppercase; }
.se-tool-page-section__head > p { max-width:50rem; margin:0; color:var(--se-text-muted); }
.se-tool-runtime { border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); box-shadow:10px 10px 0 var(--se-accent); }
.se-tool-runtime__bar { min-height:4.25rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.75rem 1rem; background:var(--se-ink-950); color:white; }
.se-tool-runtime__bar > div { display:flex; gap:.75rem; align-items:center; }
.se-tool-runtime__bar > span { color:var(--se-accent); font-size:.65rem; }
.se-tool-runtime__mark { width:2.6rem; height:2.6rem; display:grid; place-items:center; border:1px solid var(--se-accent); color:var(--se-accent); }
.se-tool-runtime__mark svg { width:1.25rem; }
.se-tool-runtime__body { display:grid; grid-template-columns:minmax(0,1fr) minmax(17rem,.34fr); }
.se-tool-runtime__dropzone { min-height:22rem; display:grid; justify-items:center; align-content:center; gap:.85rem; padding:2rem; text-align:center; background:linear-gradient(135deg,transparent 0 49%,rgba(182,240,30,.09) 49% 51%,transparent 51% 100%),var(--se-surface); background-size:1.5rem 1.5rem; }
.se-tool-runtime__dropzone > span { width:3.5rem; height:3.5rem; display:grid; place-items:center; border:var(--se-border-2) solid var(--se-border); background:var(--se-accent); }
.se-tool-runtime__dropzone svg { width:1.6rem; }
.se-tool-runtime__dropzone h3 { margin:.35rem 0 0; font-size:1.35rem; text-transform:uppercase; }
.se-tool-runtime__dropzone p { max-width:35rem; margin:0; color:var(--se-text-muted); }
.se-tool-runtime__file { position:absolute; inline-size:1px; block-size:1px; opacity:0; pointer-events:none; }
.se-tool-runtime__safety { border-left:var(--se-border-2) solid var(--se-border); background:var(--se-surface-muted); padding:1.25rem; }
.se-tool-runtime__safety ol { margin:1rem 0 0; padding-left:1.2rem; }
.se-tool-runtime__safety li { margin:.75rem 0; font-size:.8rem; }
.se-tool-runtime--disabled { box-shadow:8px 8px 0 var(--se-signal-300); }
.se-tool-runtime__disabled-copy, .se-tool-reference-panel { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:clamp(1.5rem,4vw,3rem); align-items:start; }
.se-tool-runtime__disabled-copy > span, .se-tool-reference-panel > span { width:3rem; height:3rem; display:grid; place-items:center; border:var(--se-border-2) solid var(--se-border); background:var(--se-signal-300); }
.se-tool-runtime__disabled-copy svg, .se-tool-reference-panel svg { width:1.35rem; }
.se-tool-runtime__disabled-copy h3, .se-tool-reference-panel h3 { margin:.1rem 0 .5rem; font-size:1.35rem; text-transform:uppercase; }
.se-tool-runtime__disabled-copy p, .se-tool-reference-panel p { max-width:52rem; margin:0; color:var(--se-text-muted); }
.se-tool-reference-panel { border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); box-shadow:var(--se-shadow-md); }
.se-tool-reference-panel > span { background:var(--se-accent); }
.se-tool-page-editorial { max-width:58rem; margin:3rem 0 0; padding-top:2rem; border-top:1px solid var(--se-ink-300); }
.se-tool-compat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:var(--se-border-2) solid var(--se-border); border-left:var(--se-border-2) solid var(--se-border); }
.se-tool-compat-grid article { min-width:0; padding:1.2rem; border-right:var(--se-border-2) solid var(--se-border); border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-surface); }
.se-tool-compat-grid article p:last-child { margin-bottom:0; }
.se-tool-page-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
.se-tool-page-chips span { display:inline-flex; min-height:2rem; align-items:center; border:1px solid var(--se-border); background:var(--se-accent); padding:.3rem .6rem; font-size:.7rem; font-weight:850; }
.se-tool-page-callout, .se-tool-page-specific { max-width:66rem; margin-top:1.5rem; border-left:4px solid var(--se-accent); background:var(--se-surface); padding:1.25rem 1.4rem; }
.se-tool-page-callout { display:grid; grid-template-columns:auto minmax(0,1fr); gap:1rem; border:var(--se-border-2) solid var(--se-border); border-left-width:4px; box-shadow:var(--se-shadow-sm); }
.se-tool-page-callout > span { width:2.6rem; height:2.6rem; display:grid; place-items:center; border:1px solid var(--se-border); background:var(--se-accent); }
.se-tool-page-callout svg { width:1.2rem; }
.se-tool-page-callout p:last-child, .se-tool-page-specific p:last-child { margin-bottom:0; }
.se-tool-page-steps { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:var(--se-border-2) solid var(--se-border); border-left:var(--se-border-2) solid var(--se-border); }
.se-tool-page-steps li { min-width:0; padding:1.2rem; border-right:var(--se-border-2) solid var(--se-border); border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-surface); }
.se-tool-page-steps span { display:block; margin-bottom:2.2rem; color:var(--se-acid-700); font-family:var(--se-font-mono); font-size:.7rem; font-weight:900; }
.se-tool-page-steps strong { display:block; text-transform:uppercase; }
.se-tool-page-steps p { margin:.45rem 0 0; color:var(--se-text-muted); font-size:.78rem; }
.se-tool-privacy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #454545; }
.se-tool-privacy-grid article { min-width:0; padding:1.25rem; background:#151515; }
.se-tool-privacy-grid article + article { border-left:1px solid #454545; }
.se-tool-privacy-grid article > span { width:3rem; height:3rem; display:grid; place-items:center; margin-bottom:2rem; border:1px solid var(--se-accent); color:var(--se-accent); }
.se-tool-privacy-grid svg { width:1.3rem; }
.se-tool-privacy-grid h3 { margin:.2rem 0 0; font-size:1.5rem; text-transform:uppercase; }
.se-tool-page-specific--dark { border-color:var(--se-accent); background:#151515; color:#d6d6d6; }
.se-tool-troubleshooting-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:var(--se-border-2) solid var(--se-border); border-left:var(--se-border-2) solid var(--se-border); }
.se-tool-troubleshooting-grid article { padding:1.2rem; border-right:var(--se-border-2) solid var(--se-border); border-bottom:var(--se-border-2) solid var(--se-border); background:var(--se-surface); }
.se-tool-troubleshooting-grid strong { text-transform:uppercase; }
.se-tool-troubleshooting-grid p { margin:.45rem 0 0; color:var(--se-text-muted); font-size:.78rem; }
.se-tool-verification { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:var(--se-border-2) solid var(--se-border); background:var(--se-surface); }
.se-tool-verification > div { display:flex; justify-content:space-between; gap:1rem; padding:1rem; }
.se-tool-verification > div + div { border-left:var(--se-border-2) solid var(--se-border); }
.se-tool-verification span { color:var(--se-text-muted); font-size:.7rem; text-transform:uppercase; }
.se-tool-verification strong { overflow-wrap:anywhere; text-align:right; font-size:.72rem; }
.se-tool-page-references { max-width:66rem; margin-top:1.5rem; }
.se-tool-page-references ol { margin:.5rem 0 0; padding-left:1.4rem; }
.se-tool-page-references li { margin:.6rem 0; overflow-wrap:anywhere; font-size:.75rem; }
.se-tool-page-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.se-tool-page-section--dark .se-tool-card { color:var(--se-text); }
@media(max-width:64rem){.se-tool-page-hero__grid,.se-tool-page-section__head{grid-template-columns:1fr}.se-tool-page-hero h1{max-width:15ch}.se-tool-runtime__body{grid-template-columns:1fr}.se-tool-runtime__safety{border-left:0;border-top:var(--se-border-2) solid var(--se-border)}.se-tool-page-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.se-tool-page-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:42rem){.se-tool-page-hero__identity{align-items:center}.se-tool-page-hero__icon{width:3.5rem;height:3.5rem;flex-basis:3.5rem}.se-tool-page-status dl>div{align-items:flex-start;flex-direction:column;gap:.25rem}.se-tool-page-status dd{max-width:none;text-align:left}.se-tool-compat-grid,.se-tool-page-steps,.se-tool-privacy-grid,.se-tool-troubleshooting-grid,.se-tool-verification,.se-tool-page-related-grid{grid-template-columns:1fr}.se-tool-privacy-grid article+article,.se-tool-verification>div+div{border-left:0;border-top:1px solid #454545}.se-tool-verification>div+div{border-color:var(--se-border)}.se-tool-runtime__bar{align-items:flex-start;flex-direction:column}.se-tool-runtime__dropzone{min-height:18rem}.se-tool-page-coverage-note,.se-tool-runtime__disabled-copy,.se-tool-reference-panel{grid-template-columns:1fr}}

.se-tool-runtime__engine-area{min-width:0;background:var(--se-surface)}
.se-tool-runtime__message{margin:0;padding:.7rem 1rem;border-bottom:1px solid var(--se-ink-300);background:#f3f0e8;color:var(--se-text-muted);font-size:.7rem}