/* CaseConvert.pro v0.1 — deliberately independent editorial software identity. */
:root {
  color-scheme: light;
  --canvas: #f8f7f3; --canvas-2:#f2f0e9; --panel:#ffffff; --panel-2:#fbfaf6;
  --ink:#202924; --muted:#666d66; --quiet:#66716a; --border:#e3e3db; --border-strong:#cacbc0;
  --accent:#b34b2b; --accent-strong:#a94122; --accent-soft:#fff0e8; --accent-border:#efb69e;
  --green:#2a765a; --green-soft:#eaf4ed; --alert:#a93f2d; --alert-bg:#fff0ec;
  --shadow:0 24px 65px rgba(37,42,32,.055),0 4px 12px rgba(37,42,32,.022);
  --focus:0 0 0 3px rgba(197,90,55,.24); --radius:16px;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --canvas:#151916; --canvas-2:#1d221e; --panel:#202621; --panel-2:#1b211d;
  --ink:#f2f0e9; --muted:#afb8ad; --quiet:#899486; --border:#38413a; --border-strong:#505a51;
  --accent:#f29b71; --accent-strong:#ffaf88; --accent-soft:#392920; --accent-border:#985e43;
  --green:#94d8b4; --green-soft:#24392e; --alert:#ffb5a3; --alert-bg:#442b25;
  --shadow:0 24px 70px rgba(0,0,0,.21),0 4px 12px rgba(0,0,0,.10);
  --focus:0 0 0 3px rgba(242,155,113,.40);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{text-decoration-color:var(--accent)}
button:disabled{cursor:not-allowed;opacity:.5}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--focus);border-color:var(--accent)}
::selection{background:#f5d3c3;color:#252523}
.skip-link{position:absolute;top:-120px;left:16px;z-index:500;padding:12px 18px;color:#fff;background:#252525;border-radius:10px}
.skip-link:focus{top:16px}
.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.header{border-bottom:1px solid var(--border);background:var(--panel-2);position:relative;z-index:10}
.header-inner{height:83px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;min-height:44px;gap:12px;white-space:nowrap;text-decoration:none!important}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:var(--panel);font-size:19px;font-weight:800;letter-spacing:-.08em;line-height:1}
.brand-mark .brand-arrow{color:var(--accent);font-size:13px;position:relative;top:-5px;left:1px}
.brand-text{font-size:19px;font-weight:800;letter-spacing:-.055em}
.brand-text .brand-dot{color:var(--accent)}
.nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.nav a,.nav span{font-size:13px;font-weight:650;color:var(--muted)}
.nav a[aria-current="page"],.nav a:hover{color:var(--accent);text-decoration:none}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:20px}
.icon-button,.nav-menu-toggle{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;background:var(--panel);color:var(--ink);transition:background .18s,border-color .18s}
.icon-button:hover,.nav-menu-toggle:hover{background:var(--accent-soft);border-color:var(--accent-border)}
.nav-menu-toggle{display:none}
.mobile-nav{position:absolute;left:0;right:0;top:100%;background:var(--panel);border-bottom:1px solid var(--border);padding:16px 32px;box-shadow:var(--shadow)}
.mobile-nav[hidden]{display:none}
.mobile-nav a{display:block;min-height:44px;padding:10px 2px;font-size:15px;font-weight:600;border-bottom:1px solid var(--border)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 680px 420px at 91% 15%,rgba(226,148,95,.12),transparent 73%),linear-gradient(180deg,var(--panel-2),var(--canvas));border-bottom:1px solid var(--border)}
.hero-inner{padding:52px 0 49px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.65fr);gap:60px;align-items:center}
.eyebrow,.label-uppercase{font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}
h1,h2,h3,p{margin-top:0}
.hero h1{margin:18px 0 17px;font-size:clamp(46px,6.2vw,78px);line-height:1.055;letter-spacing:-.069em;font-weight:850}
.hero h1 span{color:var(--accent)}
.hero-lead{max-width:620px;color:var(--muted);font-size:clamp(17px,2vw,20px);line-height:1.6;margin:0}
.hero-trust{margin-top:20px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:560;flex-wrap:wrap}
.trust-icon{width:24px;height:24px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);border-radius:50%;font-size:13px}
.hero-trust strong{color:var(--ink)}
.hero-figure{justify-self:end;width:min(100%,322px);padding:27px 30px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;transform:rotate(3deg)}
.figure-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--quiet);text-transform:uppercase;margin-bottom:16px}
.figure-pair{display:flex;align-items:center;gap:18px}
.figure-pair .from,.figure-pair .to{font-weight:900;font-size:38px;letter-spacing:-.07em}
.figure-pair .from{color:var(--quiet)}
.figure-pair .to{color:var(--accent)}
.figure-pair .arrow{color:var(--muted);font-size:25px}
.figure-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:13px;margin-top:18px;color:var(--muted);font-size:11px}
main{display:block}
.work-area{margin-top:-1px;padding:43px 0 25px}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.section-top h2{font-size:18px;letter-spacing:-.035em;margin:0}
.section-brow{font-size:11px;color:var(--muted);font-weight:670}
.section-top .right-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}
.section-top .right-note .small-check{color:var(--green)}
.workbench{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}
.case-toolbar{padding:25px 28px 22px;border-bottom:1px solid var(--border);background:var(--panel-2)}
.toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.toolbar-heading h3{font-size:14px;margin:0;letter-spacing:-.022em}
.toolbar-heading small{font-size:12px;color:var(--quiet)}
.mode-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mode-button{min-height:44px;padding:8px 15px;border:1px solid var(--border);background:var(--panel);border-radius:11px;color:var(--ink);font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}
.mode-button:hover{border-color:var(--accent-border);background:var(--accent-soft)}
.mode-button.active{background:var(--ink);color:var(--panel);border-color:var(--ink);box-shadow:0 2px 4px rgba(0,0,0,.04)}
.mode-button.active:hover{transform:none}
.mode-button[data-mode="upper"],.mode-button[data-mode="lower"]{letter-spacing:.005em}
.options-line{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.advanced{position:relative}
.advanced summary,.preferences summary{display:inline-flex;align-items:center;gap:8px;list-style:none;border:0;background:transparent;color:var(--accent-strong);cursor:pointer;font-size:13px;font-weight:760;min-height:40px;border-radius:8px;padding:5px 7px}
.advanced summary::-webkit-details-marker,.preferences summary::-webkit-details-marker{display:none}
.advanced summary::after,.preferences summary::after{content:"⌄";font-size:18px;line-height:1;transition:transform .15s}
.advanced[open] summary::after,.preferences[open] summary::after{transform:rotate(180deg)}
.advanced-panel{margin-top:9px;display:flex;gap:8px;flex-wrap:wrap;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}
.preferences{margin-left:auto}
.preference-content{padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-top:6px;max-width:250px}
.preference-content label{display:block;font-size:12px;font-weight:760;margin-bottom:8px}
.preference-content select{border:1px solid var(--border-strong);border-radius:10px;padding:9px 8px;background:var(--panel);color:var(--ink);width:100%;min-height:44px}
.preference-content p{font-size:11px;color:var(--muted);margin:8px 0 0}
.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.editor-pane{min-width:0;padding:23px 27px 25px}
.editor-pane+.editor-pane{border-left:1px solid var(--border);background:var(--panel-2)}
.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.editor-heading h3{margin:0;font-size:14px;font-weight:800;letter-spacing:-.025em}
.editor-meta{color:var(--quiet);font-size:11px;font-weight:650}
.editor-pane textarea{display:block;width:100%;resize:vertical;min-height:265px;border:1px solid var(--border-strong);border-radius:12px;background:var(--panel);color:var(--ink);padding:17px 18px;font-size:14.6px;line-height:1.7;letter-spacing:.001em;box-shadow:inset 0 1px 1px rgba(0,0,0,.015);white-space:pre-wrap;overflow-wrap:anywhere}
.editor-pane textarea.bulk-text{white-space:pre;overflow-wrap:normal;word-break:normal}
.editor-pane textarea::placeholder{color:var(--quiet);opacity:.8}
.editor-pane textarea[readonly]{background:var(--canvas);border-color:var(--border)}
.editor-pane textarea[aria-invalid="true"]{border-color:var(--alert)}
.editor-stats{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted);margin-top:10px}
.editor-stats strong{font-variant-numeric:tabular-nums;color:var(--ink)}
.editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;min-height:44px}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:1px solid var(--border-strong);border-radius:11px;background:var(--panel);color:var(--ink);font-size:13px;font-weight:740;transition:background .15s,border-color .15s,transform .15s;text-decoration:none}
.btn:not(:disabled):hover{background:var(--canvas-2);border-color:var(--accent-border)}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:not(:disabled):hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.btn-ink{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.btn-ink:not(:disabled):hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);padding-inline:11px}
.btn-ghost:not(:disabled):hover{color:var(--ink);background:var(--canvas-2);border-color:var(--border)}
.action-spacer{flex:1}
.export-menu{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:11px;overflow:hidden;background:var(--panel)}
.export-menu select{appearance:none;background:var(--panel);color:var(--ink);border:0;min-height:42px;padding:9px 22px 9px 10px;font-size:12px;font-weight:720;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23888' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:14px}
.export-menu .btn{border:0;border-left:1px solid var(--border);border-radius:0;padding:10px 12px}
.mode-info{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:16px 27px;border-top:1px solid var(--border);background:var(--panel-2)}
.mode-info .mode-selected{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}
.selected-mark{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--accent-soft);color:var(--accent);border-radius:7px;font-size:14px}
.mode-info p{margin:0;font-size:12px;color:var(--muted);flex:1}
.notice-bar{padding:12px 27px;background:var(--canvas-2);min-height:47px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}
.notice-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
#status-notice[data-kind="error"]{color:var(--alert)}
#status-notice[data-kind="success"]{color:var(--green)}
.warning{margin-top:10px;padding:11px 13px;border-radius:9px;background:var(--alert-bg);color:var(--alert);font-size:12px;line-height:1.5}
.warning[hidden],.advanced-panel[hidden]{display:none}
.under-workbench{margin:20px 0 0;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}
.samples{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.samples-label{font-size:12px;color:var(--muted);font-weight:650;margin-right:3px}
.sample-btn{border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:var(--panel);color:var(--muted);min-height:44px;font-size:12px;font-weight:680}
.sample-btn:hover{color:var(--accent);border-color:var(--accent-border)}
.shortcut-note{font-size:12px;color:var(--muted)}
.shortcut-note kbd{font-family:inherit;font-weight:760;border:1px solid var(--border);background:var(--panel);padding:4px 7px;border-radius:6px}
.content-area{padding:84px 0 70px}
.content-heading{max-width:700px;margin-bottom:33px}
.content-heading .eyebrow{margin-bottom:13px}
.content-heading h2,.manual-title{font-size:clamp(31px,4vw,49px);line-height:1.14;letter-spacing:-.058em;margin:0 0 13px;font-weight:820}
.content-heading p{color:var(--muted);font-size:16px;margin:0}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:25px;min-width:0}
.step-number{color:var(--accent);font-size:12px;font-weight:830;letter-spacing:.15em;margin-bottom:24px}
.step-card h3{font-size:17px;letter-spacing:-.04em;margin:0 0 8px}
.step-card p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.mode-reference{border-top:1px solid var(--border);padding:74px 0}
.reference-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}
.sticky-intro{position:sticky;top:35px}
.sticky-intro h2{font-size:clamp(29px,3.2vw,42px);letter-spacing:-.055em;line-height:1.17;margin:15px 0 12px}
.sticky-intro p{font-size:14px;color:var(--muted);line-height:1.75;max-width:365px}
.reference-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border);background:var(--panel)}
.reference-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}
.reference-table th{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:17px 19px;border-bottom:1px solid var(--border);background:var(--panel-2)}
.reference-table td{padding:17px 19px;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}
.reference-table tr:last-child td{border-bottom:0}
.reference-table td:first-child{font-weight:760;min-width:110px}
.reference-table td:last-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--accent-strong)}
.read-more{display:inline-flex;gap:7px;align-items:center;color:var(--accent-strong);font-weight:760;font-size:13px;margin-top:18px}
.read-more:hover{text-decoration:underline}
.detail-section{padding:67px 0;background:var(--panel-2);border-block:1px solid var(--border)}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.detail-section h2{font-size:29px;letter-spacing:-.055em;margin:0 0 14px}
.detail-section p{color:var(--muted);font-size:14px;line-height:1.75}
.detail-section ul{padding-left:18px;color:var(--muted);font-size:14px;line-height:1.9}
.detail-section li{padding-left:4px}
.faq-section{padding:78px 0 85px}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.faq-layout h2{font-size:39px;letter-spacing:-.055em;line-height:1.12}
.faq-list{border-top:1px solid var(--border)}
.faq-row{padding:22px 0;border-bottom:1px solid var(--border)}
.faq-row h3{font-size:16px;letter-spacing:-.023em;margin:0 0 8px}
.faq-row p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.manual-banner{background:var(--ink);color:var(--panel);border-radius:18px;padding:37px 43px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:70px}
.manual-banner h2{font-size:26px;letter-spacing:-.04em;margin:0 0 6px}
.manual-banner p{opacity:.75;font-size:13px;margin:0}
.manual-banner a{background:var(--panel);color:var(--ink);border-radius:10px;font-size:13px;font-weight:750;padding:12px 17px;white-space:nowrap}
.manual-banner a:hover{background:var(--accent-soft);color:var(--accent-strong);text-decoration:none}
.footer{background:var(--panel-2);border-top:1px solid var(--border);padding:42px 0 35px}
.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:start}
.footer-brand .brand-text{font-size:18px}
.footer-brand p{max-width:280px;font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}
.footer-links{display:flex;gap:42px;flex-wrap:wrap}
.footer-links strong{font-size:12px;display:block;margin:0 0 9px}
.footer-links a{display:block;color:var(--muted);font-size:12px;padding:4px 0}
.footer-links a:hover{color:var(--accent)}
.footer-bottom{margin-top:30px;border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--quiet)}
/* Long-form Manual and legal documents */
.doc-hero{background:var(--panel-2);border-bottom:1px solid var(--border);padding:66px 0 54px}
.doc-hero .kicker{font-size:12px;font-weight:850;color:var(--accent);letter-spacing:.13em;text-transform:uppercase}
.doc-hero h1{font-size:clamp(39px,5.8vw,65px);letter-spacing:-.067em;line-height:1.1;margin:14px 0 14px}
.doc-hero p{font-size:17px;max-width:710px;color:var(--muted);line-height:1.7;margin:0}
.doc-main{padding:54px 0 95px}
.doc-layout{display:grid;grid-template-columns:230px minmax(0,730px);gap:64px;align-items:start;justify-content:center}
.doc-toc{position:sticky;top:40px;padding:17px;background:var(--panel);border:1px solid var(--border);border-radius:14px}
.doc-toc strong{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--quiet);display:block;margin:0 0 12px}
.doc-toc a{font-size:13px;color:var(--muted);display:block;padding:9px 10px;border-radius:7px}
.doc-toc a:hover{color:var(--accent-strong);background:var(--accent-soft)}
.prose{max-width:760px;min-width:0}
.prose section{padding-top:10px;padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid var(--border)}
.prose h2{font-size:27px;letter-spacing:-.045em;line-height:1.25;margin:0 0 15px}
.prose h3{font-size:17px;letter-spacing:-.02em;margin:23px 0 9px}
.prose p,.prose li{font-size:14.5px;line-height:1.82;color:var(--muted)}
.prose p{margin:0 0 15px}
.prose ul,.prose ol{padding-left:22px}
.prose code,.prose kbd{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--canvas-2);color:var(--ink);border-radius:5px;padding:3px 5px}
.prose strong{color:var(--ink)}
.prose a{text-decoration:underline;text-decoration-color:var(--accent-border);text-underline-offset:3px;color:var(--accent-strong)}
.prose .note{background:var(--accent-soft);color:var(--ink);padding:16px 19px;border:1px solid var(--accent-border);border-radius:12px;font-size:13px;line-height:1.65;margin:12px 0 22px}
.prose .simple-table{width:100%;border-collapse:collapse;font-size:13px;overflow-wrap:anywhere}
.prose .simple-table th,.prose .simple-table td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.prose .simple-table th{background:var(--panel-2)}
.cta-back{display:inline-flex;min-height:44px;align-items:center;padding:10px 16px;background:var(--ink);color:var(--panel);border-radius:10px;font-size:13px;font-weight:700}
.cta-back:hover{background:var(--accent);text-decoration:none}
@media (max-width:980px){.hero-inner{gap:25px}.hero-figure{width:250px;padding:22px}.figure-pair .from,.figure-pair .to{font-size:29px}.reference-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.sticky-intro{position:static}.doc-layout{gap:24px;grid-template-columns:185px minmax(0,1fr)}}
@media (max-width:760px){.container{width:min(100% - 36px,1200px)}.header-inner{height:72px}.header-actions{margin-left:auto}.nav{display:none}.nav-menu-toggle{display:grid}.brand-text{font-size:17px}.hero-inner{padding:40px 0 36px;grid-template-columns:1fr}.hero-figure{display:none}.hero h1{font-size:clamp(44px,10vw,64px)}.work-area{padding-top:30px}.case-toolbar{padding:20px 17px}.toolbar-heading{align-items:baseline}.toolbar-heading small{display:none}.mode-list{gap:7px}.mode-button{font-size:12.5px;padding:8px 13px}.editor-grid{grid-template-columns:1fr}.editor-pane{padding:20px 17px 22px}.editor-pane+.editor-pane{border-left:0;border-top:1px solid var(--border)}.editor-pane textarea{min-height:210px}.mode-info{padding:14px 17px}.notice-bar{padding:10px 17px}.shortcut-note{display:none}.steps-grid,.details-grid{grid-template-columns:1fr;gap:12px}.content-area{padding:60px 0}.mode-reference{padding:55px 0}.detail-section{padding:48px 0}.faq-section{padding:58px 0}.manual-banner{padding:25px;align-items:flex-start;flex-direction:column;margin-bottom:50px}.footer-inner{flex-direction:column;gap:25px}.doc-layout{display:block}.doc-toc{position:static;margin-bottom:30px}.doc-toc a{display:inline-block}.doc-hero{padding:50px 0}.doc-main{padding:38px 0 72px}}
@media (max-width:420px){.container{width:min(100% - 28px,1200px)}.brand-mark{width:36px;height:36px}.brand-text{font-size:16px}.header-inner{gap:9px}.header-actions{gap:7px;margin-left:auto}.icon-button,.nav-menu-toggle{width:44px;height:44px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.section-top .right-note{display:none}.case-toolbar{padding:16px 13px}.mode-button{font-size:12px;padding:8px 10px;flex-grow:1}.editor-pane{padding:16px 13px 19px}.editor-pane textarea{padding:13px}.editor-actions .btn{padding:10px 11px;font-size:12px}.export-menu{max-width:100%}.export-menu select{font-size:11.5px;min-width:65px}.mode-info{padding:13px}.footer-links{gap:23px}.reference-table th,.reference-table td{padding:13px 10px}.reference-table td:first-child{min-width:90px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* v0.1.3: ad placement architecture. All positions hidden until explicitly previewed or integrated. */
main.cc-tool-main{display:flex;flex-direction:column;min-width:0}
main.cc-tool-main>*{min-width:0}
main.cc-tool-main>.cc-ad-top{order:-1}
.cc-ad-position[hidden],.cc-ad-rail-demo[hidden]{display:none!important}
.cc-ad-position{padding:12px 0;background:var(--panel-2)}
.cc-ad-position .cc-ad-demo{width:min(728px,calc(100% - 36px));min-height:90px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:var(--panel);border:1px dashed var(--border-strong);border-radius:8px;pointer-events:none}
.cc-ad-caption{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--quiet)}
.cc-ad-demo-text{font-size:12px;color:var(--muted);text-align:center;padding:0 12px}
.cc-ad-footer{border-top:1px solid var(--border);background:var(--canvas);padding:22px 0 34px}
.cc-ad-footer .cc-ad-demo{min-height:100px}
.cc-ad-rail-demo{position:fixed;right:14px;top:118px;width:160px;height:min(600px,calc(100vh - 140px));z-index:2;pointer-events:none}
.cc-ad-rail-demo>.cc-ad-demo{height:100%;width:100%;border:1px dashed var(--border-strong);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;padding:14px}
/* The desktop rail stays in a distinct column that ends before the footer.
   It is preview-only; no ad scripts load and no public empty gutter is reserved. */
.cc-page-grid{min-width:0}
@media(min-width:1280px){
  :root[data-cc-ad-preview="true"] .cc-page-grid{
    display:grid;grid-template-columns:minmax(0,1fr) 196px;align-items:start
  }
  :root[data-cc-ad-preview="true"] .cc-page-grid>main.cc-tool-main{grid-column:1;min-width:0}
  :root[data-cc-ad-preview="true"] .cc-page-grid>.cc-ad-rail-demo{
    grid-column:2;grid-row:1;position:sticky;top:118px;right:auto;
    width:160px;margin:0 18px;height:min(600px,calc(100vh - 140px));
    align-self:start;z-index:2
  }
}
@media(max-width:1279px){.cc-ad-rail-demo{display:none!important}}
@media(max-width:760px){
  main.cc-tool-main>.hero{order:0}
  main.cc-tool-main>.work-area{order:1}
  main.cc-tool-main>.cc-ad-top{order:2}
  main.cc-tool-main>:not(.hero):not(.work-area):not(.cc-ad-top):not(.cc-ad-footer){order:3}
  main.cc-tool-main>.cc-ad-footer{order:4}
  .cc-ad-top .cc-ad-demo{min-height:100px}
  .cc-ad-position{padding:12px 0}
}
@media (prefers-reduced-motion:reduce){.cc-ad-position *{transition:none!important}}