body{background:#fafbf9;color:#26332e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#fafbf9;--panel:#fff;--ink:#26332e;--muted:#64726b;--input:#fcfdfb;--line:#dfe6e0;--contrast:#fff;--shadow:0 12px 45px #1e352108}*{box-sizing:border-box}.shell{max-width:1240px;margin:auto;padding:0 36px}.studio-nav{min-height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.8px;text-decoration:none;color:var(--ink)}.wordmark b{color:var(--accent)}.mark{background:var(--accent);color:white;min-width:32px;height:32px;padding:0 5px;border-radius:8px;display:grid;place-items:center;font-size:21px}.studio-nav nav{display:flex;gap:27px;align-items:center;font-size:12px}.studio-nav a,.studio-footer a{color:inherit;text-decoration:none}.studio-nav nav a:hover,.studio-footer a:hover{text-decoration:underline}.nav-note{font-size:11px;color:var(--muted)}.nav-note a{font-weight:650}.studio-hero{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:54px 0 39px}.kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 17px}.studio-hero h1{font-size:clamp(38px,4.7vw,63px);letter-spacing:-2.8px;line-height:1.08;font-weight:600;margin:0 0 21px}.studio-hero h1 em,.studio-faq h2 em{font:400 1em Georgia,serif;color:var(--accent)}.lead{max-width:660px;font-size:15px;line-height:1.9;color:var(--muted);margin:0}.hero-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;font-size:10px;color:var(--muted)}.hero-tags span:before{content:'✓';color:var(--accent);margin-right:6px}.hero-seal{width:165px;min-width:165px;height:165px;border-radius:50%;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);transform:rotate(7deg);margin-right:22px}.hero-seal>span{font:54px Georgia,serif;line-height:1.2}.hero-seal small{font-size:8px;line-height:1.8;letter-spacing:2px;text-align:center;margin-top:10px}.studio-workspace{border:1px solid var(--line);background:white;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:15px}.workspace-top{padding:17px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(100deg,var(--soft),white)}.workspace-top>div{display:flex;align-items:center;gap:10px}.workspace-top h2{font-size:13px;letter-spacing:0;margin:0;font-weight:650}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.work-grid{display:grid;grid-template-columns:265px minmax(0,1fr)}.options{padding:24px 22px;background:#fdfefc;border-right:1px solid var(--line)}.options .field{margin:0 0 18px;display:block;font-size:11px}.field>span{display:block;margin-bottom:8px;color:var(--muted)}.options input:not([type=checkbox]),.options select,.options textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:white;color:var(--ink);font-size:12px}.options textarea{font:11px/1.8 ui-monospace,monospace;min-height:120px;resize:vertical}.section-heading{margin-bottom:22px}.section-heading h3{font-size:12px;margin:0}.number-tag{font-size:9px;letter-spacing:1px;color:var(--muted)}.check-field{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.6;margin:0 0 15px;color:var(--ink)}input[type=checkbox]{accent-color:var(--accent);margin-top:3px;flex-shrink:0}.control-note{font-size:10px;line-height:1.9;color:var(--muted);margin:13px 0 0}.file-load{position:relative;display:flex;gap:12px;padding:15px 12px;margin:22px 0 17px;border:1px dashed color-mix(in srgb,var(--accent) 40%,white);background:var(--soft);border-radius:8px;color:var(--accent);font-size:19px;cursor:pointer;overflow:hidden}.file-load span{font-size:11px;font-weight:600}.file-load small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.file-load input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-load:focus-within{outline:3px solid var(--accent);outline-offset:2px}.file-load.dragging{outline:3px solid var(--accent)}.options .btn-wide{margin-top:16px;white-space:normal;text-align:left}.editor{padding:19px 23px 0;min-width:0}.editor-top,.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.input-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.input-columns.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.source-label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.editor textarea{width:100%;display:block;resize:vertical;background:#fbfcfa;color:var(--ink);border:1px solid var(--line);border-radius:8px;font:11px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;padding:13px;min-height:110px}.editor textarea::placeholder{color:#7b8880}.editor textarea:focus,.options input:focus,.options select:focus,.options textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.result-heading{margin:24px 0 13px;padding-top:21px;border-top:1px solid var(--line)}.result-heading h3{font-size:13px;margin:7px 0 0}.result-badge{font-size:9px;padding:6px 9px;border-radius:5px;background:var(--soft);color:var(--accent)}.result-preview{border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:330px;min-height:130px}.result-empty{padding:27px;text-align:center;color:var(--muted)}.result-empty>span{display:block;font:28px Georgia,serif;color:var(--accent);margin-bottom:11px}.result-empty strong{font-size:12px;color:var(--ink);font-weight:550}.result-empty p{font-size:11px;line-height:1.7;margin:8px 0 0}.result-preview table{border-collapse:collapse;width:100%;font-size:10px;white-space:pre-wrap}.result-preview th,.result-preview td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);max-width:260px;min-width:95px;overflow-wrap:anywhere}.result-preview th{position:sticky;top:0;background:var(--soft);color:var(--accent);font-size:9px;z-index:1}.result-preview tr:last-child td{border-bottom:0}.result-preview tbody tr:nth-child(even){background:#fafbf9}.output-label{margin-top:18px}#output{background:#f6f8f5;font-size:10px;min-height:95px}.result-actions{margin-top:18px;padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;color:var(--muted)}.result-actions>div{display:flex;gap:7px}.studio-trust{display:flex;justify-content:center;gap:45px;font-size:10px;color:var(--muted);padding:19px}.studio-guide{margin:35px 0 48px;border-top:1px solid var(--line);padding-top:35px}.studio-guide>h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin:0 0 30px}.studio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px}.step-count{font:24px Georgia,serif;color:var(--accent);opacity:.65}.studio-steps h3{font-size:13px;margin:14px 0 9px}.studio-steps p,.studio-faq p{font-size:12px;line-height:1.95;color:var(--muted);margin:0}.studio-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;padding:36px 0 45px;border-top:1px solid var(--line)}.studio-faq h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:0 0 16px}.studio-faq details{border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:17px}.studio-faq summary{font-size:12px;font-weight:600;cursor:pointer;line-height:1.7}.studio-faq details p{margin-top:13px}.studio-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 95px;gap:20px;font-size:10px;color:var(--muted);flex-wrap:wrap}.studio-footer .wordmark{font-size:15px;color:var(--ink)}.studio-footer>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.studio-footer .text-button,.studio-nav .text-button{font-size:inherit}.status{margin:15px 20px;overflow-wrap:anywhere}.diff-lines{font:11px/1.8 ui-monospace,monospace}.diff-line{padding:5px 12px;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.diff-line.added{background:#eaf7ee;color:#225538}.diff-line.removed{background:#fcefee;color:#82302f}.diff-line b{display:inline-block;min-width:76px;font-size:9px}.contrast-sample{padding:25px;min-height:150px;font-size:23px;line-height:1.6}.contrast-sample small{display:block;font-size:12px;margin-top:13px}.success-preview{padding:28px;background:var(--soft);color:var(--accent)}.success-preview strong{font:30px Georgia,serif;display:block;margin-bottom:10px}.success-preview p{font-size:12px;line-height:1.8;margin:0}.btn-primary:hover{filter:brightness(.94)}.btn:disabled{filter:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}dialog{max-width:680px;max-height:85vh;overflow:auto}dialog p{font-size:13px;line-height:1.9}dialog a{color:var(--accent);text-decoration:underline}
@media(max-width:900px){.shell{padding:0 23px}.work-grid{grid-template-columns:230px minmax(0,1fr)}.options{padding:22px 18px}.editor{padding:18px 18px 0}.hero-seal{width:125px;min-width:125px;height:125px;margin:0}.studio-hero{gap:20px}.studio-faq{gap:35px}.studio-nav nav{gap:18px}.nav-note{display:none}.input-columns.dual{grid-template-columns:1fr}.result-actions{flex-wrap:wrap}}
@media(max-width:640px){.shell{padding:0 16px}.studio-nav{min-height:96px;gap:14px;flex-wrap:wrap;padding:17px 0}.wordmark{font-size:19px}.studio-nav nav{gap:16px;font-size:11px}.studio-hero{padding:33px 0 28px}.studio-hero h1{font-size:38px;letter-spacing:-1.7px}.hero-seal{display:none}.lead{font-size:13px}.hero-tags{gap:10px;font-size:9px}.kicker{font-size:8px;letter-spacing:1.2px}.work-grid{grid-template-columns:1fr}.options{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:20px 17px}.options .section-heading,.options .control-note,.options .btn-wide,.options .file-load{grid-column:1/-1}.options .check-field{grid-column:1/-1}.options .file-load{margin:6px 0 0}.options .btn-wide{margin-top:10px}.options .section-heading{margin-bottom:18px}.workspace-top{padding:14px;align-items:flex-start}.workspace-top h2{font-size:11px;line-height:1.7}.workspace-top .btn{font-size:9px;min-width:110px;white-space:normal}.editor{padding:18px 15px 0}.result-badge{max-width:100px;text-align:center;line-height:1.5}.studio-trust{gap:10px;justify-content:space-between;padding:18px 2px;font-size:8px}.studio-guide{margin:20px 0 30px;padding-top:25px}.studio-guide>h2{font-size:24px}.studio-steps{grid-template-columns:1fr;gap:24px}.studio-steps article{position:relative;padding-left:38px}.step-count{position:absolute;left:0;top:0;font-size:20px}.studio-steps h3{margin-top:0}.studio-faq{grid-template-columns:1fr;gap:26px;padding:25px 0}.studio-faq h2{font-size:25px}.studio-faq h2 br{display:none}.studio-faq h2 em{margin-left:6px}.studio-footer{gap:15px}.studio-footer>span{display:none}.studio-footer>div{gap:16px}.result-actions>div{width:100%;justify-content:flex-end}.studio-trust span{white-space:nowrap}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}