.export-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0006}.export-dialog-panel{width:400px;max-width:90vw;padding:var(--ui-space-lg);border-radius:var(--ui-border-radius);box-shadow:var(--ui-shadow-lg);background:var(--role-panel);color:var(--role-panel-text)}.export-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ui-space-md)}.export-dialog-title{margin:0;font-size:var(--ui-font-size-heading)}.export-dialog-close{background:none;border:none;font-size:var(--ui-font-size-heading);cursor:pointer;padding:var(--ui-space-xs);color:inherit;line-height:1}.export-dialog-close:hover{opacity:var(--ui-muted-opacity, .7)}.export-dialog-body{display:flex;flex-direction:column;gap:var(--ui-space-md)}.export-dialog-label{display:block;margin-bottom:var(--ui-space-xs);font-weight:500}.export-dialog-select,.export-dialog-input{width:100%;padding:var(--ui-space-sm);border-radius:var(--ui-border-radius);border:var(--ui-border-width) solid var(--role-input-border-color);background:var(--role-input);color:var(--role-input-text, inherit);box-sizing:border-box;font-size:inherit;font-family:inherit}.export-dialog-select:focus,.export-dialog-input:focus{outline:var(--ui-border-width-thick) solid var(--role-accent);outline-offset:var(--ui-border-width)}.export-dialog-checkboxes{display:flex;flex-direction:column;gap:var(--ui-space-sm)}.export-dialog-checkbox-label{display:flex;align-items:center;gap:var(--ui-space-sm);cursor:pointer}.export-dialog-status{padding:var(--ui-space-sm);border-radius:var(--ui-border-radius)}.export-dialog-status[data-status=error]{background:var(--role-error);color:var(--role-error-text)}.export-dialog-status[data-status=success]{background:var(--role-success);color:var(--role-success-text)}.export-dialog-actions{display:flex;gap:var(--ui-space-sm);margin-top:var(--ui-space-sm)}.export-dialog-btn-primary{flex:1;padding:var(--ui-space-sm) var(--ui-space-md);border-radius:var(--ui-border-radius);border:none;cursor:pointer;font-weight:600;background:var(--role-accent);color:var(--role-accent-text)}.export-dialog-btn-primary:hover:not(:disabled){opacity:.85}.export-dialog-btn-primary:disabled{cursor:wait;opacity:var(--ui-muted-opacity, .7)}.export-dialog-btn-secondary{padding:var(--ui-space-sm) var(--ui-space-md);border-radius:var(--ui-border-radius);border:none;cursor:pointer;background:var(--role-button);color:var(--role-button-text)}.export-dialog-btn-secondary:hover:not(:disabled){opacity:.85}.export-dialog-btn-secondary:disabled{cursor:wait;opacity:var(--ui-muted-opacity, .7)}.export-dialog-st-group{display:flex;flex-direction:column;gap:var(--ui-space-sm);padding:var(--ui-space-sm);border:var(--ui-border-width) dashed var(--role-panel-border-color);border-radius:var(--ui-border-radius-sm);background:var(--role-panel-alt, var(--role-panel));color:var(--role-panel-alt-text, var(--role-panel-text))}.app-shell-header{display:flex;justify-content:space-between;align-items:center;padding:var(--size-spacing-vertical-md) var(--size-spacing-horizontal-lg);background-color:var(--role-app-header);color:var(--role-app-header-text);border-bottom-width:var(--role-app-header-border-width);border-bottom-style:var(--role-app-header-border-style);border-bottom-color:var(--role-app-header-border-color);height:auto}.app-shell-nav{display:flex;align-items:center;background-color:var(--role-nav-bar);color:var(--role-nav-bar-text);border-bottom-width:var(--role-nav-bar-border-width);border-bottom-style:var(--role-nav-bar-border-style);border-bottom-color:var(--role-nav-bar-border-color);height:auto}.nav-container{display:grid;grid-template-columns:var(--panel-left-width, 350px) 1fr var(--panel-right-width, 320px);gap:var(--size-spacing-vertical-xs);width:100%;align-items:center}.nav-container.nav-no-right{grid-template-columns:var(--panel-left-width, 350px) 1fr auto}.nav-group{display:flex;gap:var(--size-spacing-vertical-xs);align-items:center;padding:0 var(--size-spacing-horizontal-xs)}.nav-group:nth-child(2){justify-content:center}.nav-tab{padding:var(--size-spacing-vertical-xs) var(--size-spacing-horizontal-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--role-tab-text);opacity:.7;font-size:var(--font-size-caption);font-weight:500;cursor:pointer;transition:none;white-space:nowrap}.nav-tab:hover{background:var(--role-tab-hover);color:var(--role-tab-hover-text);opacity:1}.nav-tab.active{background:var(--role-tab-active);color:var(--role-tab-active-text);opacity:1}.nav-tab:active{transform:translateY(1px)}.nav-tab.nav-tab-accent{border:var(--border-width-base) dashed var(--color-primary);color:var(--color-primary)}.nav-tab.nav-tab-accent:hover{background:var(--role-nav-tab-hover);border-style:solid}.preview-pin-toggle{font-size:var(--font-size-micro, 10px);text-transform:uppercase;letter-spacing:.05em;padding:var(--size-spacing-vertical-xs) var(--size-spacing-horizontal-sm);opacity:.5}.preview-pin-toggle.pinned{opacity:.85;border:var(--ui-border-width) solid var(--role-tab-active-text)}.reset-button{padding:var(--size-spacing-vertical-xs) var(--size-spacing-horizontal-md);background:transparent;border:var(--role-app-header-border-width, var(--border-width-base)) var(--role-app-header-border-style, var(--border-style-base)) var(--role-app-header-border-color);border-radius:var(--radius-md);color:var(--role-app-header-text);font-size:var(--font-size-caption);font-weight:500;cursor:pointer;transition:none;white-space:nowrap}.reset-button:hover{background:var(--role-tab-hover);color:var(--role-tab-hover-text, var(--role-app-header-text))}.header-export-button{padding:var(--size-spacing-vertical-xs) var(--size-spacing-horizontal-md);background:var(--role-tab-active);border:var(--role-app-header-border-width, var(--border-width-base)) var(--role-app-header-border-style, var(--border-style-base)) var(--role-app-header-border-color);border-radius:var(--radius-md);color:var(--role-tab-active-text);font-size:var(--font-size-caption);font-weight:600;cursor:pointer;transition:none;white-space:nowrap}.header-export-button:hover{background:var(--role-tab-hover);color:var(--role-tab-hover-text, var(--role-tab-active-text))}.app-header-actions{display:flex;align-items:center;gap:var(--size-spacing-vertical-sm)}.focused-ui-link{padding:var(--size-spacing-vertical-xs) var(--size-spacing-horizontal-md);font-size:var(--font-size-caption);color:var(--role-app-header-text);text-decoration:none;border:var(--border-width-base) dashed var(--role-app-header-text);opacity:.7;border-radius:var(--radius-md);transition:none}.focused-ui-link:hover{background:var(--role-tab-hover);opacity:1;border-style:solid}