/*! cloud-init-webgeniso | SPDX-License-Identifier: AGPL-3.0-or-later | Copyright (C) 2026 Kenji Gaillac */
*{box-sizing:border-box}body{flex-direction:column;min-height:100dvh;margin:0;display:flex}main,footer{width:100%;max-width:52rem;margin:0 auto;padding:0 1rem}main{flex:1}.theme-pending body{visibility:hidden}.theme-picker{z-index:10;opacity:.25;transition:opacity .15s;position:fixed;bottom:.75rem;right:.75rem}.theme-picker:hover,.theme-picker:focus-within{opacity:1}.theme-picker select{appearance:none;cursor:pointer}.theme-picker:after{pointer-events:none;content:"";border-bottom:2px solid;border-right:2px solid;width:.35rem;height:.35rem;position:absolute;top:50%;right:.7rem;transform:translateY(-70%)rotate(45deg)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fields{grid-template-columns:max-content 1fr;align-items:center;display:grid}.fields .error{grid-column:2}input[type=text]{width:100%}textarea{resize:vertical;tab-size:2;width:100%;display:block}.file-header{align-items:center;display:flex}.file-header h2{flex:1}.include{cursor:pointer;align-items:center;display:inline-flex}.binary{justify-content:space-between;align-items:center;display:flex}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.actions input[type=text]{flex:1;width:auto;min-width:12rem;max-width:24rem}.actions .error{text-align:right;flex-basis:100%}footer{text-align:center}footer .source a{display:inline-block}footer .source svg{display:block}[hidden]{display:none!important}@media (width<=40rem){.fields{grid-template-columns:1fr}.fields .error{grid-column:1}.file-header{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root[data-theme=default]{--background:#f6f7f9;--surface:#fff;--text:#1c1f24;--muted:#5b6370;--border:#d8dce3;--accent:#c7431a;--accent-text:#fff;--error:#b42318;--warning-background:#fff6e0;--warning-border:#f0c45a;--notice-background:#eaf2ff;--notice-border:#9bbcf2;--radius:8px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=default]{--background:#15171a;--surface:#1e2125;--text:#e6e8eb;--muted:#9aa2ae;--border:#343a42;--accent:#f26b3a;--accent-text:#15171a;--error:#ff8a80;--warning-background:#3a3020;--warning-border:#8a6d2a;--notice-background:#1f2c40;--notice-border:#3d5c8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=default] body{background:var(--background);color:var(--text);font:16px/1.5 var(--font-sans)}:root[data-theme=default] a{color:var(--accent)}:root[data-theme=default] code,:root[data-theme=default] textarea,:root[data-theme=default] input[type=text]{font-family:var(--font-mono)}:root[data-theme=default] select{background:var(--surface);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:.25rem 1.75rem .25rem .6rem}:root[data-theme=default] header h1{margin:1rem 0 .25rem;font-size:1.75rem}:root[data-theme=default] .lead{color:var(--muted);margin:0 0 1.5rem}:root[data-theme=default] .lead strong{color:var(--text);margin-top:.25rem;display:block}:root[data-theme=default] .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem 1.25rem}:root[data-theme=default] .card h2{font-family:var(--font-mono);margin:0;font-size:1.1rem}:root[data-theme=default] .fields{gap:.5rem 1rem;margin-top:.75rem}:root[data-theme=default] .hint{color:var(--muted);font-size:.875rem}:root[data-theme=default] input[type=text],:root[data-theme=default] textarea{background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem .625rem;font-size:.9rem}:root[data-theme=default] input[type=text]:focus,:root[data-theme=default] textarea:focus,:root[data-theme=default] select:focus-visible,:root[data-theme=default] button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:root[data-theme=default] input[aria-invalid=true]{border-color:var(--error)}:root[data-theme=default] .file-header{gap:.75rem}:root[data-theme=default] .file-body{margin-top:.75rem}:root[data-theme=default] .file.dragging textarea{border-color:var(--accent);outline:2px dashed var(--accent)}:root[data-theme=default] .include{color:var(--muted);gap:.25rem;font-size:.9rem}:root[data-theme=default] .include input{accent-color:var(--accent)}:root[data-theme=default] .binary{background:var(--background);border:1px dashed var(--border);font-family:var(--font-mono);border-radius:6px;gap:1rem;padding:.75rem;font-size:.9rem}:root[data-theme=default] button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.375rem .75rem;font-size:.9rem}:root[data-theme=default] button:hover:not(:disabled){border-color:var(--muted)}:root[data-theme=default] button:disabled{opacity:.5}:root[data-theme=default] button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);padding:.625rem 1.25rem;font-size:1rem;font-weight:600}:root[data-theme=default] button.primary:hover:not(:disabled){filter:brightness(.92)}:root[data-theme=default] .error{color:var(--error);margin:0;font-size:.875rem}:root[data-theme=default] .warning,:root[data-theme=default] .notice{border-radius:6px;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.875rem}:root[data-theme=default] .warning{background:var(--warning-background);border:1px solid var(--warning-border)}:root[data-theme=default] .notice{background:var(--notice-background);border:1px solid var(--notice-border)}:root[data-theme=default] .warning code,:root[data-theme=default] .notice code,:root[data-theme=default] .error code{background:#7f7f7f26;border-radius:4px;padding:0 .25em}:root[data-theme=default] .actions{gap:.5rem 1rem;margin:1.5rem 0 2rem}:root[data-theme=default] footer{color:var(--muted);padding-bottom:2rem;font-size:.875rem}:root[data-theme=default] footer p{margin:.25rem 0}:root[data-theme=default] footer .source a{color:var(--muted);margin-top:.25rem}:root[data-theme=default] footer .source a:hover,:root[data-theme=default] footer .source a:focus-visible{color:var(--text)}