:root{--scale: 1;--colour-bg: #ffffff;--colour-surface: #f8f9fa;--colour-border: #d1d5db;--colour-border-strong: #9ca3af;--colour-text: #1a1a1a;--colour-text-muted: #4b5563;--colour-primary: #2563eb;--colour-primary-hover: #1d4ed8;--colour-primary-text: #ffffff;--colour-danger: #dc2626;--colour-danger-hover: #b91c1c;--colour-success: #16a34a;--colour-success-bg: #f0fdf4;--colour-warning: #d97706;--colour-warning-bg: #fffbeb;--colour-error-bg: #fef2f2;--colour-focus: #2563eb;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-base: calc(18px * var(--scale));--font-size-sm: calc(16px * var(--scale));--font-size-lg: calc(22px * var(--scale));--font-size-xl: calc(28px * var(--scale));--font-size-2xl: calc(36px * var(--scale));--line-height: 1.6;--space-xs: calc(4px * var(--scale));--space-sm: calc(8px * var(--scale));--space-md: calc(16px * var(--scale));--space-lg: calc(24px * var(--scale));--space-xl: calc(32px * var(--scale));--space-2xl: calc(48px * var(--scale));--touch-target: calc(48px * var(--scale));--border-radius: 8px;--focus-ring: 3px solid var(--colour-focus);--focus-offset: 2px;--max-width: 900px;--nav-height: calc(64px * var(--scale))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);line-height:var(--line-height);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);color:var(--colour-text);background-color:var(--colour-bg);min-height:100vh}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:600;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}p{margin-bottom:var(--space-md)}a{color:var(--colour-primary);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--colour-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:600;font-family:inherit;line-height:1.2;border-radius:var(--border-radius);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s}.btn-primary{background-color:var(--colour-primary);color:var(--colour-primary-text);border-color:var(--colour-primary)}.btn-primary:hover{background-color:var(--colour-primary-hover);border-color:var(--colour-primary-hover)}.btn-secondary{background-color:var(--colour-bg);color:var(--colour-text);border-color:var(--colour-border-strong)}.btn-secondary:hover{background-color:var(--colour-surface);border-color:var(--colour-text)}.btn-danger{background-color:var(--colour-danger);color:var(--colour-primary-text);border-color:var(--colour-danger)}.btn-danger:hover{background-color:var(--colour-danger-hover);border-color:var(--colour-danger-hover)}label{display:block;font-weight:600;margin-bottom:var(--space-xs)}input[type=text],input[type=email],input[type=search],select,textarea{width:100%;min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-family:inherit;color:var(--colour-text);background-color:var(--colour-bg);border:2px solid var(--colour-border-strong);border-radius:var(--border-radius)}input:focus,select:focus,textarea:focus{border-color:var(--colour-focus);outline:var(--focus-ring);outline-offset:var(--focus-offset)}.card{background:var(--colour-bg);border:2px solid var(--colour-border);border-radius:var(--border-radius);padding:var(--space-lg)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--colour-text-muted);padding:var(--space-md) 0;list-style:none}.breadcrumbs li:after{content:">";margin-left:var(--space-sm)}.breadcrumbs li:last-child:after{content:""}.breadcrumbs a{color:var(--colour-text-muted)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius);border:2px solid;font-weight:500;display:flex;align-items:flex-start;gap:var(--space-sm)}.alert-success{background-color:var(--colour-success-bg);border-color:var(--colour-success);color:var(--colour-success)}.alert-error{background-color:var(--colour-error-bg);border-color:var(--colour-danger);color:var(--colour-danger)}.alert-warning{background-color:var(--colour-warning-bg);border-color:var(--colour-warning);color:var(--colour-warning)}.design-card{background:var(--colour-bg);border:2px solid var(--colour-border);border-radius:var(--border-radius);overflow:hidden;transition:border-color .15s;cursor:pointer}.design-card:hover,.design-card:focus-visible{border-color:var(--colour-primary)}.design-card--selected{border-color:var(--colour-primary);box-shadow:0 0 0 2px var(--colour-primary)}.design-card__thumbnail{width:100%;aspect-ratio:1;background:var(--colour-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.design-card__thumbnail img{width:100%;height:100%;object-fit:contain}.design-card__placeholder{color:var(--colour-text-muted);font-size:var(--font-size-sm)}.design-card__info{padding:var(--space-md)}.design-card__name{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.design-card__name a{color:var(--colour-text);text-decoration:none}.design-card__name a:hover{color:var(--colour-primary);text-decoration:underline}.design-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--colour-text-muted)}.design-card__format{font-weight:600;padding:1px var(--space-xs);background:var(--colour-surface);border-radius:4px}.design-grid-container .design-grid__filters{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.design-grid-container .design-grid__status{color:var(--colour-text-muted);padding:var(--space-xl) 0}.design-grid-container .design-grid__empty{text-align:center;padding:var(--space-2xl) 0;color:var(--colour-text-muted)}.design-grid-container .design-grid__empty p{margin-bottom:var(--space-lg);font-size:var(--font-size-lg)}.design-grid-container .design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.design-grid-container .pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.design-grid-container .page-info{font-weight:600}.upload-zone{border:3px dashed var(--colour-border-strong);border-radius:var(--border-radius);text-align:center;padding:var(--space-2xl);cursor:pointer;background:var(--colour-bg);transition:border-color .15s,background-color .15s}.upload-zone:hover,.upload-zone:focus-visible{border-color:var(--colour-primary);background-color:#eff6ff}.upload-zone__icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-zone__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm)}.upload-zone__subtitle{color:var(--colour-text-muted);margin-bottom:var(--space-sm)}.upload-zone__formats{color:var(--colour-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.upload-zone__buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.file-list{display:grid;gap:var(--space-sm)}.file-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.file-item__info{display:flex;align-items:center;gap:var(--space-md)}.file-item__size{color:var(--colour-text-muted);font-size:var(--font-size-sm)}.file-item__status{display:flex;align-items:center;gap:var(--space-sm)}.file-item__badge{font-size:var(--font-size-sm);font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:4px}.file-item__badge--pending{color:var(--colour-text-muted)}.file-item__badge--uploading{color:var(--colour-primary)}.file-item__badge--success{color:var(--colour-success)}.file-item__badge--error{color:var(--colour-danger)}.design-preview--empty{display:flex;align-items:center;justify-content:center;background:var(--colour-surface);border:2px solid var(--colour-border);border-radius:var(--border-radius);color:var(--colour-text-muted);font-size:var(--font-size-sm)}.design-detail__section{margin-bottom:var(--space-xl)}.design-detail__section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--colour-border)}.file-format-group{margin-bottom:var(--space-md)}.file-format-label{font-size:var(--font-size-base);font-weight:700;color:var(--colour-primary);margin-bottom:var(--space-sm)}.file-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xs);flex-wrap:wrap}.file-row__info{display:flex;flex-direction:column;gap:var(--space-xs)}.file-row__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--colour-text-muted)}.file-row__badge{font-weight:700;padding:1px var(--space-xs);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:4px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.image-gallery__item{display:flex;flex-direction:column;border:2px solid var(--colour-border);border-radius:var(--border-radius);overflow:hidden;text-decoration:none;transition:border-color .15s}.image-gallery__item:hover{border-color:var(--colour-primary)}.image-gallery__item img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--colour-surface)}.image-gallery__name{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--colour-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}