:root{--bg:#f3f6f9;--surface:#fff;--surface-alt:#f8fafc;--surface-hover:#f1f5f9;--text:#172033;--text-soft:#475569;--text-muted:#64748b;--border:#dce4ec;--border-strong:#cbd5e1;--primary:#0e9bc7;--primary-hover:#087fa7;--primary-dark:#086785;--primary-soft:#e7f7fc;--success:#15803d;--success-soft:#ecfdf3;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--warning:#ca6a16;--warning-soft:#fff7ed;--focus-ring:rgba(14,155,199,.18);--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.055);--font-sans:Inter,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:"IBM Plex Mono","Cascadia Code",Consolas,monospace;--content-width:1180px;--outputbar-space:150px}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at top right,rgba(14,155,199,.06),transparent 34rem),var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.55}::selection{background:var(--primary);color:#fff}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}header{padding:42px 32px 34px;background:linear-gradient(135deg,rgba(14,155,199,.07),transparent 45%),var(--surface);border-bottom:1px solid var(--border)}header .inner,main,.outputbar .inner{max-width:var(--content-width);margin:auto}h1{margin:0 0 8px;font-size:clamp(30px,4vw,40px);letter-spacing:-.035em}header p{max-width:720px;margin:0;color:var(--text-soft)}main{padding:34px 32px var(--outputbar-space)}.steps{margin-top:38px}.step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;margin-bottom:18px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm);opacity:.56}.step.active{opacity:1;background:var(--surface);box-shadow:var(--shadow);border-left:4px solid var(--primary)}.step .num{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #bce4ef;border-radius:10px;background:var(--primary-soft);color:var(--primary-dark);font-family:var(--font-mono);font-weight:700}.step h2{margin:0 0 4px}.step .sub{margin:0 0 17px;color:var(--text-muted);font-size:12.5px}.connect,.field-actions,.bbox-row,.map-controls,.cql-row,.sort-row{display:flex;gap:8px;align-items:center}.connect{flex-wrap:wrap;align-items:flex-end}.field{display:flex;min-width:0;flex-direction:column;gap:6px}.field.grow{flex:1 1 380px}.field label{color:var(--text-soft);font-size:12px;font-weight:650}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.span2{grid-column:1/-1}input[type=text],input[type=number],select,textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--border-strong);border-radius:8px;outline:none;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}textarea{min-height:110px;resize:vertical}button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:9px 16px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:#fff;font-weight:650;cursor:pointer}button:hover{background:var(--primary-hover)}button:disabled{opacity:.48;cursor:not-allowed}.ghost{border-color:var(--border-strong);background:var(--surface);color:var(--text-soft)}.ghost:hover{background:var(--surface-hover);color:var(--text)}.small{min-height:32px;padding:6px 10px;font-size:12px}.toggle-manual{min-height:0;padding:0;border:0;background:transparent;color:var(--primary-dark);font-size:12px;text-decoration:underline;box-shadow:none}.hint,.req-note{color:var(--text-muted);font-size:12px}.manual-box{display:none;margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt)}.manual-box.open{display:block}.button-line{margin-top:8px}.status{display:none;margin-top:12px;padding:11px 14px;border:1px solid var(--border);border-left-width:4px;border-radius:8px;overflow-wrap:anywhere}.status.visible{display:block}.status.ok{border-color:#bbe3c6;border-left-color:var(--success);background:var(--success-soft);color:#166534}.status.error{border-color:#f5c2c2;border-left-color:var(--danger);background:var(--danger-soft);color:#991b1b}.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:17px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel h3{margin:0 0 12px;color:var(--text-soft);font-size:11.5px;text-transform:uppercase}.empty{color:var(--text-muted);font-size:12.5px;font-style:italic}.layer-list{max-height:220px;overflow:auto}.layer-row{display:flex;justify-content:space-between;gap:12px;padding:9px 8px;border-bottom:1px solid var(--border);font-size:12.5px}.layer-row .name{overflow-wrap:anywhere}.layer-row .crs{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.tag,.vendor-badge,.condition-tag{display:inline-flex;align-items:center;padding:3px 9px;margin:2px 4px 2px 0;border:1px solid var(--border);border-radius:999px;background:var(--surface-alt);color:var(--text-muted);font-size:11px}.tag.on,.vendor-badge,.condition-tag{border-color:#a9deec;background:var(--primary-soft);color:var(--primary-dark)}.vendor-badge{margin-left:8px}.mapbox{display:none;height:360px;margin-top:12px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius)}.mapbox.open{display:block}#leafletMap{width:100%;height:100%}.map-controls{flex-wrap:wrap;margin-top:10px}.map-controls select{width:auto}.bbox-row input,.output-content{flex:1;min-width:0}.warning-note:not(:empty){margin-top:8px;padding:8px 10px;border-left:3px solid var(--warning);background:var(--warning-soft);color:#9a4d0b}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px;max-height:190px;padding:9px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt)}.checkbox-grid label{display:flex;align-items:center;gap:8px;padding:7px 8px}.cql-builder{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt)}.cql-row{flex-wrap:wrap}.cql-row>*{min-width:0;flex:1 1 140px}.cql-row button{flex:0 0 auto}.cql-row-secondary{margin-top:8px}.section-note{margin-bottom:8px}.condition-tag{border-radius:8px;font-family:var(--font-mono)}.condition-tag button{min-width:25px;min-height:25px;padding:2px 7px;border-color:var(--danger);background:var(--danger)}#cqlConditionTags,#sortLevels{margin-top:6px}.sort-row select:first-child{flex:1}.sort-row select:nth-child(2){width:130px}.dft-help{margin-bottom:6px}#dftLink{font-family:var(--font-mono);overflow-wrap:anywhere}.watermark{position:fixed;right:12px;bottom:96px;z-index:999;padding:5px 10px;border-radius:6px;background:rgba(15,23,42,.55);color:rgba(255,255,255,.75);font-size:10.5px}.watermark a{color:#fff}.outputbar{position:fixed;right:0;bottom:0;left:0;z-index:1000;padding:14px 32px;background:rgba(15,23,42,.975);color:#f8fafc;box-shadow:0 -10px 32px rgba(15,23,42,.18)}.outputbar .inner{display:flex;align-items:center;gap:12px}.outputbar .url{max-height:78px;padding:10px 12px;overflow:auto;border:1px solid #344761;border-radius:8px;background:#18253a;color:#dceaf3;font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.outputbar .label{color:#a8bacb;font-size:10.5px;font-weight:700;text-transform:uppercase}.outputbar .actions{display:flex;gap:8px}.is-hidden{display:none!important}@media(max-width:900px){:root{--outputbar-space:190px}.cap-grid{grid-template-columns:1fr}.outputbar .inner{flex-direction:column;align-items:stretch}.outputbar .actions{justify-content:flex-end}}@media(max-width:700px){:root{--outputbar-space:230px}main{padding:22px 18px var(--outputbar-space)}.connect,.bbox-row,.sort-row{flex-direction:column;align-items:stretch}.connect>*,.bbox-row>*,.sort-row>*{width:100%}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.step{grid-template-columns:38px minmax(0,1fr);padding:18px 16px}.cql-row{flex-direction:column;align-items:stretch}.cql-row>*{width:100%;flex-basis:auto}.outputbar{padding:12px 18px}}@media(max-width:480px){.step{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}.layer-row{flex-direction:column}.outputbar .actions{display:grid;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.outputbar{position:static;background:#fff;color:#000}.watermark,button,.outputbar .actions{display:none}.step{opacity:1;box-shadow:none}}