.web-export-modal{width:min(480px,100vw - 32px);container:export-modal/inline-size}@container export-modal (width<=380px){.web-export-filename-row{flex-direction:column;align-items:stretch}}.web-export-form{padding:var(--dlg-body-pad-y) var(--dlg-pad-x) var(--dlg-body-pad-bottom);gap:var(--dlg-gap);flex-direction:column;display:flex}.web-font-upload-form{gap:12px}.web-font-upload-rights{color:var(--ink-72);align-items:flex-start;gap:8px;font-size:.84rem;line-height:1.4;display:flex}.web-font-upload-rights input{margin-top:2px}.web-font-upload-remembered{color:var(--ink-56);margin:0;font-size:.82rem}.web-font-upload-review{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.web-font-upload-dropzone{border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface);padding:14px;position:relative}.web-font-upload-dropzone.is-dragover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.web-font-upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.web-font-upload-input-label{color:var(--accent);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:.82rem;display:flex}.web-font-upload-input:disabled+.web-font-upload-input-label{opacity:.5;cursor:not-allowed}.web-font-upload-warning,.web-font-upload-error{margin:0;font-size:.78rem}.web-font-upload-warning{color:var(--warning)}.web-font-upload-error{color:var(--danger)}.web-export-filename-row{align-items:center;gap:6px;display:flex}.web-export-filename-field{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);flex:1;align-items:stretch;display:flex;overflow:hidden}.web-export-filename-field:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.web-export-filename-field .web-prefs-input{background:0 0;border:none;border-radius:0;flex:1}.web-export-filename-field .web-prefs-input:focus{box-shadow:none}.web-export-extension{background:var(--paper);border-left:1px solid var(--ink-12);color:var(--ink-56);align-items:center;padding:0 12px;font-size:.8rem;display:flex}.web-export-char-counter{white-space:nowrap;color:var(--ink-56);font-size:.75rem;font-weight:500}.web-export-folder-row{align-items:center;gap:10px;min-height:28px;line-height:1.4;display:flex}.web-export-folder-row .web-prefs-label{font-size:.8rem;font-weight:600;line-height:inherit;flex-shrink:0}.web-export-folder-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-72);font-size:.8rem;font-weight:400;line-height:inherit;flex:1;overflow:hidden}.web-button-inline{padding:var(--dlg-inline-control-pad-y) var(--dlg-inline-control-pad-x);font-size:var(--dlg-inline-control-font);flex-shrink:0;line-height:1.4}.web-export-overwrite-callout{border-radius:var(--r-md);background:var(--accent-soft);color:var(--ink-72);align-items:flex-start;gap:6px;margin:0;padding:8px 10px;font-size:.78rem;line-height:1.4;display:flex}.web-export-overwrite-callout svg{color:var(--accent);flex-shrink:0;margin-top:1px}.web-export-actions{justify-content:flex-end;gap:8px;display:flex}.web-export-choice-group{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.web-export-include-group{gap:10px}.web-export-include-summary{color:var(--ink-72);font-size:var(--dlg-font);margin:0;line-height:1.45}.web-export-include-disclosure{min-height:44px;color:var(--accent);font:inherit;font-size:var(--dlg-font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:8px 0;font-weight:600;display:flex}.web-export-include-disclosure:hover{color:var(--accent-hover)}.web-export-include-panel{flex-direction:column;gap:10px;display:flex}.web-export-include-panel[hidden]{display:none}.web-export-include-panel:not([hidden]){animation:web-export-include-panel-in var(--motion-fast) var(--motion-ease-out)}@keyframes web-export-include-panel-in{0%{opacity:.6}to{opacity:1}}.web-export-include-checks{flex-direction:column;gap:6px;display:flex}.web-export-include-check{color:var(--ink-72);font-size:var(--dlg-font);cursor:pointer;align-items:flex-start;gap:8px;margin:0;line-height:1.4;display:flex}.web-export-include-check input{flex:none;margin-top:3px}.web-export-include-check-disabled{opacity:.55;cursor:not-allowed}.web-export-remember-check{border-top:1px solid var(--ink-12);color:var(--ink);margin-top:4px;padding-top:8px;font-weight:500}.web-export-design-disclosure{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.web-export-design-explain{align-items:flex-start;gap:var(--dlg-sheet-row-gap);padding:var(--dlg-option-pad-y) var(--dlg-option-pad-x);border:1px solid var(--ink-12);border-radius:var(--r-md);background:var(--paper);color:var(--ink-72);font-size:var(--dlg-sheet-row-font);margin:0;line-height:1.45;display:flex}.web-export-design-explain svg{stroke:var(--accent);fill:none;stroke-width:1.8px;flex-shrink:0;margin-top:1px}.web-export-design-explain-action{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.web-export-design-summary{border:1px solid var(--ink-12);border-radius:var(--r-md);background:var(--paper);margin:0;overflow:hidden}.web-export-design-summary-header{justify-content:space-between;align-items:center;gap:var(--dlg-sheet-row-gap);padding:var(--dlg-sheet-row-pad-y) var(--dlg-option-pad-x);border-bottom:1px solid var(--ink-12);background:var(--paper-2);display:flex}.web-export-design-summary-title{font-family:var(--ff-mono);font-size:var(--dlg-label-size);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-45)}.web-export-design-summary-status{font-size:var(--dlg-sheet-row-font);color:var(--ink-56);text-align:right}.web-export-design-summary-body{padding:var(--dlg-sheet-row-pad-y) var(--dlg-option-pad-x)}.web-export-design-empty{align-items:center;gap:var(--dlg-sheet-row-gap);color:var(--ink-56);font-size:var(--dlg-sheet-row-font);padding:6px 2px;display:flex}.web-export-design-empty svg{stroke:var(--ink-45);fill:none;stroke-width:1.8px;flex-shrink:0}.web-export-design-strip{align-items:baseline;gap:var(--dlg-sheet-row-gap);flex-wrap:wrap;padding:6px 2px;display:flex}.web-export-design-strip-label{font-family:var(--ff-mono);font-size:var(--dlg-label-size);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-45);flex:none}.web-export-design-strip-line{min-width:0;font-size:var(--dlg-font);color:var(--ink-72);flex:1}.web-export-design-strip-line--default{color:var(--ink-45)}.web-export-design-details-toggle,.web-export-design-change{color:var(--accent);font-family:var(--ff-mono);font-size:var(--dlg-label-size);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;padding:2px;text-decoration:underline}.web-export-design-empty .web-export-design-change{font-family:inherit;font-size:var(--dlg-sheet-row-font);letter-spacing:normal;text-transform:none;margin-left:auto}.web-export-design-details{font-size:var(--dlg-sheet-row-font);color:var(--ink-56);padding:0 2px 6px}.web-export-design-details-row{justify-content:space-between;gap:var(--dlg-sheet-row-gap);border-top:1px dashed var(--ink-12);padding:3px 0;display:flex}.web-export-form .web-sheet-row{align-items:center;gap:var(--dlg-sheet-row-gap);width:100%;padding:var(--dlg-sheet-row-pad-y) var(--dlg-sheet-row-pad-x);border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:var(--dlg-sheet-row-font);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;line-height:1.4;transition:background-color 80ms,border-color 80ms;display:flex}.web-export-form .web-sheet-row:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--border)}.web-export-form .web-sheet-row:disabled,.web-export-form .web-sheet-row[aria-disabled=true]{opacity:.45;cursor:not-allowed}.web-export-primary-label{display:grid}.web-export-primary-label>*{grid-area:1/1}.web-export-primary-label-preparing{font-size:max(.85em,12px)}.web-button-primary[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none}.web-export-share-modal .web-prefs-footer{flex-wrap:wrap;gap:8px 12px}.web-export-share-modal .web-export-blocked-reason{text-align:left;flex:1 0 100%;margin:0}.web-export-form .web-sheet-row--coming-soon:disabled{opacity:1;cursor:not-allowed}.web-export-form .web-sheet-row-label{line-height:inherit;flex:1}.web-export-form .web-sheet-row--coming-soon .web-sheet-row-label,.web-export-form .web-sheet-row-soon{color:var(--ink-45)}.web-export-form .web-sheet-row-check{width:16px;height:16px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.web-export-form .web-sheet-row-shortcut{color:var(--ink-45);flex-shrink:0;font-size:.78rem}.web-export-choice{align-items:flex-start;gap:var(--dlg-gap);padding:var(--dlg-option-pad-y) var(--dlg-option-pad-x);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;display:flex}.web-export-choice:has(input:checked){border-color:var(--accent);box-shadow:var(--focus-ring)}.web-export-choice input{margin-top:2px}.web-export-choice-label{color:var(--ink);font-size:.88rem;font-weight:700;display:block}.web-export-filename-preview{color:var(--ink-72);word-break:break-all;margin:0;font-size:.8rem}.web-export-filename-preview:before{content:"→ ";color:var(--ink-45)}.web-prefs-modal .web-export-extension,.web-prefs-modal .web-export-folder-label,.web-prefs-modal .web-export-char-counter,.web-prefs-modal .web-export-filename-preview{font-family:var(--ff-mono)}.web-prefs-modal .web-export-extension{background:var(--paper);color:var(--ink-56)}