html{overflow-x:clip}body{overflow:visible;--bg-base:var(--paper);--bg-card:var(--surface);--text-main:var(--ink);--text-muted:var(--muted);--border-color:var(--line);--accent:#0087ac}.site-header{position:sticky;top:0;z-index:100}.extractor-intro{position:relative;isolation:isolate}.extractor-intro:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 -20px -35px 25%;background:url("extractor-art-v1.png") center right/cover no-repeat;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 90%,transparent),linear-gradient(transparent,#000 18%,#000 65%,transparent);mask-composite:intersect}[data-theme=dark] .extractor-intro:before{opacity:.22;mix-blend-mode:screen}.extractor-intro .editor-icon{background:linear-gradient(145deg,#8bc9d5,#547ca7)}.extractor-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--line)}.extractor-toolbar span{margin-right:auto;font-size:12px;color:var(--muted)}.extractor-studio{max-width:none;padding:0;scroll-margin-top:100px}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none}.drop-zone{border:1px dashed var(--line);background:transparent;border-radius:10px}.drop-zone:hover{border-color:var(--line);background:transparent}.btn-accent{min-height:38px;border-radius:7px;font-size:12px;background:#007da5;color:white}textarea.code-input{color:var(--ink);font:13px/1.8 Consolas,monospace;box-sizing:border-box}.control-group select,.control-group input{background:var(--surface);color:var(--ink);border-color:var(--line);box-sizing:border-box;max-width:100%}.table-responsive{max-height:460px;overflow:auto}#previewTable th{position:sticky;top:0;background:var(--surface);color:var(--muted)}#previewTable td{padding:10px}.editor-guide{margin-top:70px}@media(max-width:760px){.extractor-studio{padding:0}.grid-layout{grid-template-columns:minmax(0,1fr)}.panel>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}.extractor-intro:before{inset:0 -10px -20px 15%;opacity:.25}.extractor-toolbar span{width:100%}#resultsPanel>div:first-child{flex-wrap:wrap;gap:12px}}

#structuredRules{margin:22px 0;padding:18px 0;border-top:1px solid var(--line)}#structuredRules[hidden]{display:none}#structuredRules label{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:0}#structuredRules input,#structuredRules select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px;min-width:0;width:100%;box-sizing:border-box}#structuredRules p{font-size:12px;line-height:1.8;color:var(--muted)}.structured-field{display:grid;grid-template-columns:1fr 1.2fr .8fr 1fr auto;gap:10px;align-items:end;margin:16px 0}@media(max-width:1000px){.structured-field{grid-template-columns:1fr 1fr}}@media(max-width:600px){.structured-field{grid-template-columns:minmax(0,1fr)}}

.preview-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0}.preview-pagination span{margin-right:auto;font-size:12px;color:var(--muted)}

.source-input-help{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 14px}

#tableChoiceGroup{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0;font-size:13px}#tableChoiceGroup[hidden]{display:none}#tableChoice{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px;max-width:100%}#tableGroupingNote{font-size:12px;color:var(--muted);line-height:1.7}