.file-upload{border:2px dashed var(--color-border);border-radius:8px;padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}.file-upload:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.file-upload:hover{border-color:var(--color-text-light);background-color:var(--color-bg-alt)}.file-upload--dragover{border-style:solid;border-color:var(--color-primary);background-color:var(--color-primary-light)}.file-upload--error{border-color:var(--color-error)}.file-upload__primary{margin:0 0 var(--space-1) 0;font-size:1rem;color:var(--color-text)}.file-upload__secondary{margin:0;font-size:.875rem;color:var(--color-text-light)}.file-upload__error{margin:var(--space-3) 0 0 0;font-size:.875rem;color:var(--color-error)}@media(pointer:coarse){.file-upload{min-height:var(--touch-target);padding:var(--space-6)}}@media(min-width:640px){.file-upload{padding:var(--space-8) var(--space-6)}}.preview{width:100%;max-width:32rem}.preview__meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0 0 var(--space-6) 0}.preview__label{font-weight:600;color:var(--color-text)}.preview__value{margin:0;color:var(--color-text-light);overflow-wrap:break-word}.preview__section{margin-bottom:var(--space-6)}.preview__section-title{margin:0 0 var(--space-2) 0;font-size:1rem;font-weight:600;color:var(--color-text)}.preview__subjects{margin:0;padding-left:1.25rem;color:var(--color-text-light)}.preview__subjects li{margin-bottom:.125rem}.preview__section--warnings{padding:var(--space-3) var(--space-4);background-color:var(--color-warning-light);border-radius:6px}.preview__section--warnings .preview__section-title{color:var(--color-warning-dark)}.preview__warnings{margin:0;padding-left:1.25rem;color:var(--color-warning-dark)}.preview__warnings li{margin-bottom:.125rem}.preview__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}@media(min-width:640px){.preview__actions{flex-direction:row}}.preview__button{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s}.preview__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.preview__button--primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.preview__button--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.preview__button--primary:active:not(:disabled){background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.preview__button--primary:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}.preview__button--secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.preview__button--secondary:hover{background-color:var(--color-bg-alt);border-color:var(--color-border-hover)}.preview__button--secondary:active{background-color:var(--color-bg-active)}@media(pointer:coarse){.preview__button{min-width:var(--touch-target)}}@media(max-width:319px){.preview__meta{grid-template-columns:1fr;gap:var(--space-1)}.preview__value{margin-bottom:var(--space-2)}}.generator{width:100%;max-width:32rem;text-align:center}.generator__progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0}.generator__spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.generator__spinner{animation:none;border-top-color:var(--color-primary);border-right-color:var(--color-primary)}}.generator__step{margin:0;font-size:1rem;color:var(--color-text-light)}.generator__complete{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0}.generator__success-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--color-success);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.generator__complete-text{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.generator__filename{margin:0;padding:0 var(--space-4);font-size:.875rem;color:var(--color-text-light);font-family:monospace;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0}.generator__error-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--color-error);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.generator__error-text{margin:0;font-size:1rem;color:var(--color-error);max-width:20rem;overflow-wrap:break-word}.generator__button{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;margin-top:var(--space-2);transition:background-color .15s,border-color .15s}.generator__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.generator__button--primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.generator__button--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.generator__button--primary:active:not(:disabled){background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.generator__button--primary:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}@media(pointer:coarse){.generator__button{min-width:var(--touch-target)}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-darker: #1e40af;--color-primary-light: #eff6ff;--color-success: #16a34a;--color-warning: #ca8a04;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-error: #dc2626;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-bg-active: #f3f4f6;--color-border: #e5e7eb;--color-border-hover: #9ca3af;--color-disabled: #9ca3af;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--touch-target: 44px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{margin:0 0 var(--space-4) 0;line-height:1.25}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}@media(min-width:640px){h1{font-size:1.875rem}h2{font-size:1.5rem}}.container{width:100%;max-width:32rem;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{max-width:40rem}}#app{flex:1;padding:var(--space-6) var(--space-4)}@media(min-width:640px){#app{padding:var(--space-8) var(--space-6)}}.page-header{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--color-border)}.page-header__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.page-header__subtitle{margin:var(--space-1) 0 0;font-size:.875rem;color:var(--color-text-light)}@media(min-width:640px){.page-header{padding:var(--space-6)}.page-header__title{font-size:1.875rem}.page-header__subtitle{font-size:1rem}}.page-footer{padding:var(--space-4);text-align:center;border-top:1px solid var(--color-border)}.page-footer__text{margin:0;font-size:.75rem;color:var(--color-text-light)}.page-footer__links{margin-top:var(--space-2);font-size:.75rem}.page-footer__links a{color:var(--color-text-light);text-decoration:none;transition:color .15s}.page-footer__links a:hover{color:var(--color-primary);text-decoration:underline}.page-footer__links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.page-footer__separator{margin:0 var(--space-2);color:var(--color-border)}@media(min-width:640px){.page-footer{padding:var(--space-6)}.page-footer__text,.page-footer__links{font-size:.875rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{overflow-wrap:break-word;word-break:break-word}[hidden]{display:none!important}.processing{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;width:100%;max-width:32rem}.processing__spinner{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:processing-spin 1s linear infinite}@keyframes processing-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.processing__spinner{animation:none;border-top-color:var(--color-primary);border-right-color:var(--color-primary)}}.processing__text{margin:0;font-size:1rem;color:var(--color-text-light)}.error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;width:100%;max-width:32rem}.error__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--color-error);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.error__text{margin:0;font-size:1rem;color:var(--color-error);text-align:center;max-width:20rem;overflow-wrap:break-word}.error__button{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;margin-top:var(--space-2);transition:background-color .15s,border-color .15s;background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.error__button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.error__button:active{background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.error__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(pointer:coarse){.error__button{min-width:var(--touch-target)}}.pwa-update-banner{position:fixed;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-text);color:#fff;box-shadow:0 -2px 8px #00000026;z-index:1000;animation:pwa-banner-slide-up .3s ease-out}@keyframes pwa-banner-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pwa-update-banner{animation:none}}.pwa-update-banner__text{font-size:.875rem;text-align:center}.pwa-update-banner__button{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.pwa-update-banner__button:hover{background-color:#ffffff1a;border-color:#ffffffb3}.pwa-update-banner__button:active{background-color:#fff3}.pwa-update-banner__button:focus-visible{outline:2px solid white;outline-offset:2px}.pwa-update-banner__button--primary{background-color:var(--color-primary);border-color:var(--color-primary)}.pwa-update-banner__button--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.pwa-update-banner__button--primary:active{background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}@media(pointer:coarse){.pwa-update-banner__button{min-width:var(--touch-target)}}