.image-preview{gap:var(--space-4);min-height:12rem;margin:var(--space-6) 0;flex-direction:column;flex:1;display:flex}.image-preview__comparison{gap:var(--space-3);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.image-preview__side{gap:var(--space-2);min-width:0;display:grid}.image-preview__label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.image-preview__frame{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-slate-50), var(--color-blue-50));min-height:12rem;color:var(--color-blue-300);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-preview__frame img{object-fit:contain;width:100%;height:100%;max-height:18rem}.image-preview__processing{color:var(--color-text-muted);font-size:var(--font-size-xs)}.image-preview__details{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.image-preview__file{gap:var(--space-1);min-width:0;display:grid}.image-preview__file strong{color:var(--color-text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-preview__file span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.image-preview__actions{gap:var(--space-2);flex-shrink:0;display:flex}.button--danger{background:var(--color-blue-50);color:var(--color-danger);border-color:#0000}@media (width<=30rem){.image-preview__comparison{grid-template-columns:1fr}.image-preview__details{flex-direction:column;align-items:stretch}.image-preview__actions .button{flex:1}}.resize-controls{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.resize-controls__heading,.resize-controls__title{align-items:center;gap:var(--space-3);display:flex}.resize-controls__heading{justify-content:space-between}.resize-controls__original{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.resize-controls__inputs{align-items:end;gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.resize-controls__inputs label{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:grid;position:relative}.resize-controls__inputs input{width:100%;min-height:2.75rem;padding:0 var(--space-10) 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.resize-controls__inputs label span{right:var(--space-3);bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);position:absolute}.resize-controls__lock{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-blue-50);width:2.25rem;height:2.25rem;color:var(--color-blue-600);place-items:center;margin-bottom:.25rem;display:grid}.resize-controls__lock:disabled{cursor:not-allowed;opacity:.7}.resize-controls__mode{gap:var(--space-3);margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:grid}.resize-controls__mode-options{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resize-controls__mode-options button{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);text-align:left;display:grid}.resize-controls__mode-options button.is-active{border-color:var(--color-blue-500);background:var(--color-blue-50);box-shadow:0 0 0 2px var(--color-blue-100)}.resize-controls__mode-options strong{font-size:var(--font-size-sm)}.resize-controls__mode-options small{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.resize-controls__background{gap:var(--space-3);margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:grid}.resize-controls__background-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.resize-controls__background-options button{min-height:2.5rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.resize-controls__background-options button.is-active{border-color:var(--color-blue-500);background:var(--color-blue-50);color:var(--color-blue-700);box-shadow:0 0 0 2px var(--color-blue-100)}.resize-controls__color{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:flex}.resize-controls__color input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:2.5rem;height:2.25rem;padding:.125rem}.resize-controls__color span{color:var(--color-text-muted);font-family:ui-monospace,monospace}.resize-controls__note{color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);margin:0}.resize-controls__format{gap:var(--space-3);margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:grid}.resize-controls__format-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.resize-controls__format-options button{min-height:2.5rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.resize-controls__format-options button.is-active{border-color:var(--color-blue-500);background:var(--color-blue-50);color:var(--color-blue-700);box-shadow:0 0 0 2px var(--color-blue-100)}.resize-controls__presets{gap:var(--space-3);margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:grid}.resize-controls__presets>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.resize-controls__presets button{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:left;display:grid}.resize-controls__presets button:hover{border-color:var(--color-blue-300);background:var(--color-blue-50)}.resize-controls__presets small{color:var(--color-text-muted);font-size:.6875rem;font-weight:var(--font-weight-regular)}@media (width<=30rem){.resize-controls__heading{flex-direction:column;align-items:flex-start}.resize-controls__inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.resize-controls__mode-options{grid-template-columns:1fr}.resize-controls__presets>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.compressor{width:min(100%, var(--content-width-xl));padding:var(--space-16) var(--content-gutter) var(--space-20);margin:0 auto}.compressor__intro{max-width:var(--content-width-md);margin-bottom:var(--space-10)}.eyebrow,.section-label{margin:0 0 var(--space-2);color:var(--color-blue-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.compressor h1,.compressor h2,.compressor p{margin-top:0}.compressor h1{max-width:38rem;margin-bottom:var(--space-4);color:var(--color-text-primary);font-size:clamp(var(--font-size-3xl), 4vw, var(--font-size-4xl));line-height:var(--line-height-tight);letter-spacing:-.045em}.compressor__description{max-width:36rem;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:0}.compressor__workspace{gap:var(--space-6);grid-template-columns:minmax(16rem,.85fr) minmax(24rem,1.15fr);display:grid}.upload-card,.preview-card,.controls-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.upload-card{min-height:23rem;padding:var(--space-8);border:1.5px dashed var(--color-blue-300);background:var(--color-blue-50);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-card--dragging{border-color:var(--color-blue-600);background:var(--color-blue-100);box-shadow:var(--shadow-md)}.upload-card__input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.upload-card__icon{width:4rem;height:4rem;margin-bottom:var(--space-5);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-blue-600);box-shadow:var(--shadow-md);place-items:center;display:grid}.upload-card h2,.preview-card h2,.controls-card h2{margin-bottom:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.upload-card p{max-width:18rem;margin-bottom:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.upload-card__hint{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs)}.upload-card__error{max-width:20rem;margin:var(--space-3) 0 0;font-weight:var(--font-weight-medium);color:var(--color-danger)!important;font-size:var(--font-size-xs)!important}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid #0000;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.button--primary{background:var(--color-blue-600);color:var(--color-white);box-shadow:var(--shadow-sm)}.button--primary:hover{background:var(--color-blue-700);box-shadow:var(--shadow-md)}.button--secondary{border-color:var(--color-border);background:var(--color-white);color:var(--color-text-primary)}.button:disabled{cursor:not-allowed;opacity:.5}.preview-card{min-height:23rem;padding:var(--space-6);flex-direction:column;display:flex}.preview-card__header,.preview-card__footer,.controls-card__heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.preview-card__status{border-radius:var(--radius-full);background:var(--color-slate-100);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);white-space:nowrap}.preview-card__status--ready{background:var(--color-blue-50);color:var(--color-blue-700)}.preview-placeholder{min-height:12rem;margin:var(--space-6) 0;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-slate-50), var(--color-blue-50));color:var(--color-blue-300);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.preview-placeholder p{margin:var(--space-4) 0 var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.preview-placeholder span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.preview-card__footer{align-items:flex-end}.file-meta{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);display:grid}.file-meta--group{gap:var(--space-1)}.file-meta--group strong{color:var(--color-success)}.file-meta strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.controls-card{margin-top:var(--space-6);padding:var(--space-6)}.controls-card__title{align-items:center;gap:var(--space-3);display:flex}.controls-card__icon{border-radius:var(--radius-md);background:var(--color-blue-50);width:2.25rem;height:2.25rem;color:var(--color-blue-600);place-items:center;display:grid}.quality-value{color:var(--color-blue-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.quality-control{margin-top:var(--space-6)}.quality-control__labels{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);justify-content:space-between;display:flex}.quality-control__labels span:first-child{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.quality-control__slider{width:100%;accent-color:var(--color-blue-600)}.quality-control__note{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (width<=48rem){.compressor{padding-top:var(--space-12)}.compressor__workspace{grid-template-columns:1fr}}@media (width<=30rem){.compressor{padding-top:var(--space-8)}.compressor__intro{margin-bottom:var(--space-8)}.compressor__description{font-size:var(--font-size-md)}.upload-card,.preview-card{min-height:21rem}.preview-card__header,.preview-card__footer,.controls-card__heading{flex-direction:column;align-items:flex-start}.preview-card__footer{align-items:stretch}.preview-card__footer .button{width:100%}.quality-control__labels span:not(:first-child){display:none}}.preset-library{width:min(100%, var(--content-width-xl));padding:0 var(--content-gutter) var(--space-20);margin:0 auto}.preset-library__intro,.preset-library__toolbar,.preset-library__body,.preset-library__quick-filters,.preset-library__results-heading{display:flex}.preset-library__intro-actions{align-items:center;gap:var(--space-4);display:flex}.preset-library__create-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);border:1px solid var(--color-blue-600);border-radius:var(--radius-md);background:var(--color-blue-600);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex}.preset-library__create-button:hover{background:var(--color-blue-700)}.preset-library__intro{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.preset-library__intro h2{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-2xl);letter-spacing:-.03em}.preset-library__intro p:not(.eyebrow){max-width:38rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.preset-library__count{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap}.preset-library__toolbar{z-index:3;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-3) 0;background:var(--color-background);position:sticky}.preset-library__search{align-items:center;gap:var(--space-2);max-width:28rem;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);flex:1;display:flex}.preset-library__search:focus-within{border-color:var(--color-blue-500);box-shadow:0 0 0 2px var(--color-blue-100)}.preset-library__search input{width:100%;min-width:0;color:var(--color-text-primary);border:0;outline:0}.preset-library__quick-filters{gap:var(--space-2);flex-wrap:wrap}.preset-library__quick-filters button,.preset-library__results-heading button,.preset-library__empty button{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex}.preset-library__quick-filters button.is-active,.preset-library__results-heading button,.preset-library__empty button{border-color:var(--color-blue-500);background:var(--color-blue-50);color:var(--color-blue-700)}.preset-library__body{align-items:flex-start;gap:var(--space-8);margin-top:var(--space-8);max-height:42rem;overflow:hidden}.preset-library__sidebar{top:var(--space-3);gap:var(--space-1);flex:0 0 13rem;display:grid;position:sticky}.preset-library__sidebar-label{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.preset-library__category{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;background:0 0;border:1px solid #0000;display:flex}.preset-library__category span{flex:1}.preset-library__category small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.preset-library__category:hover,.preset-library__category.is-active{border-color:var(--color-blue-100);background:var(--color-blue-50);color:var(--color-blue-700)}.preset-library__results{min-width:0;max-height:42rem;padding-right:var(--space-2);scrollbar-color:var(--color-blue-200) transparent;scrollbar-width:thin;flex:1;overflow-y:auto}.preset-library__results-heading{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);justify-content:space-between;align-items:center}.preset-library__results-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.preset-library__results-heading button{min-height:2rem}.custom-preset-form{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--color-blue-200);border-radius:var(--radius-lg);background:var(--color-blue-50)}.custom-preset-form__heading,.custom-preset-form__actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.custom-preset-form__heading h3{color:var(--color-text-primary);margin:0}.custom-preset-form__close{border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;display:grid}.custom-preset-form__grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.custom-preset-form__grid label{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:grid}.custom-preset-form__grid .custom-preset-form__wide{grid-column:1/-1}.custom-preset-form__grid input,.custom-preset-form__grid select{width:100%;min-height:2.625rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary)}.custom-preset-form__grid input[type=color]{padding:.125rem}.custom-preset-form__grid small{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.custom-preset-form__note,.custom-preset-form__error,.custom-preset-form__success{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);display:flex}.custom-preset-form__note{margin:var(--space-4) 0 0;color:var(--color-warning)}.custom-preset-form__error{margin:var(--space-4) 0 0;color:var(--color-danger)}.custom-preset-form__success{margin:0 0 var(--space-4);color:var(--color-success);font-weight:var(--font-weight-medium)}.custom-preset-form__actions{margin-top:var(--space-5);justify-content:flex-end}.custom-preset-form__actions .button{border-color:var(--color-border);background:var(--color-white);color:var(--color-text-secondary)}.preset-library__grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preset-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.preset-card:hover,.preset-card:focus-visible{border-color:var(--color-blue-300);box-shadow:var(--shadow-md);outline:0;transform:translateY(-1px)}.preset-card.is-selected{border-color:var(--color-blue-600);box-shadow:0 0 0 2px var(--color-blue-100), var(--shadow-md)}.preset-card--quality{background:linear-gradient(180deg, var(--color-blue-50), var(--color-white) 45%)}.preset-card__topline,.preset-card__meta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.preset-card__type{align-items:center;gap:var(--space-1);color:var(--color-blue-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;display:inline-flex}.preset-card__favorite{border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--color-text-muted);background:0 0;border:0;place-items:center;display:grid}.preset-card__favorite:hover,.preset-card__favorite[aria-pressed=true]{background:var(--color-blue-100);color:var(--color-blue-600)}.preset-card h3{margin:var(--space-4) 0 var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-md)}.preset-card p{min-height:2.75rem;margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.preset-card__meta{min-height:2rem;color:var(--color-text-primary);font-size:var(--font-size-sm);justify-content:flex-start}.preset-card__meta span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-blue-100);color:var(--color-blue-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.preset-card__tags{gap:var(--space-1);margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.preset-card__actions{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.preset-card__actions button{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:0 0;border:0;display:inline-flex}.preset-card__actions button:hover{background:var(--color-blue-50);color:var(--color-blue-700)}.preset-card__actions button:last-child:hover{color:var(--color-danger)}.preset-library__empty{align-content:center;place-items:center;gap:var(--space-2);min-height:16rem;padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-blue-50);color:var(--color-blue-600);text-align:center;display:grid}.preset-library__empty h3{margin:var(--space-2) 0 0;color:var(--color-text-primary)}.preset-library__empty p{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=64rem){.preset-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.preset-library__toolbar,.preset-library__body{flex-direction:column;align-items:stretch}.preset-library__toolbar{padding:0;position:static}.preset-library__body{max-height:none;overflow:visible}.preset-library__search{max-width:none}.custom-preset-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-library__sidebar{gap:var(--space-2);flex-wrap:wrap;display:flex;position:static}.preset-library__sidebar-label{flex-basis:100%}.preset-library__category{flex:auto}.preset-library__results{max-height:none;padding-right:0;overflow:visible}}@media (width<=30rem){.preset-library__intro{flex-direction:column;align-items:flex-start}.preset-library__quick-filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preset-library__quick-filters button{padding:0 var(--space-2);justify-content:center}.preset-library__grid{grid-template-columns:1fr}.preset-library__intro-actions{flex-direction:column;align-items:stretch;width:100%}.custom-preset-form__grid{grid-template-columns:1fr}.custom-preset-form__grid .custom-preset-form__wide{grid-column:auto}.custom-preset-form__actions{flex-direction:column-reverse;align-items:stretch}.custom-preset-form__actions>*{width:100%}}.site-header{border-bottom:1px solid var(--color-border);background:#ffffffe0}.site-header__inner{width:min(100%, var(--content-width-xl));min-height:var(--header-height);padding:0 var(--content-gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-decoration:none;display:inline-flex}.brand__mark{border-radius:var(--radius-md);background:var(--color-blue-600);width:2rem;height:2rem;color:var(--color-white);box-shadow:var(--shadow-sm);place-items:center;display:grid}.site-header__badge{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (width<=30rem){.site-header__badge{display:none}}.app-layout{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.app-layout__main{flex:1}.app-layout__footer{width:min(100%, var(--content-width-xl));padding:var(--space-5) var(--content-gutter);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);justify-content:space-between;margin:0 auto;display:flex}@media (width<=30rem){.app-layout__footer{gap:var(--space-1);flex-direction:column}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-white:#fff;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-900:#1e3a8a;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-700:#334155;--color-slate-900:#0f172a;--color-success:#15803d;--color-warning:#b45309;--color-danger:#b91c1c;--color-background:var(--color-white);--color-surface:var(--color-slate-50);--color-surface-raised:var(--color-white);--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-text-muted:var(--color-slate-400);--color-border:var(--color-slate-200);--color-border-strong:var(--color-blue-200);--color-focus-ring:var(--color-blue-500);--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--content-width-sm:40rem;--content-width-md:48rem;--content-width-lg:64rem;--content-width-xl:80rem;--content-gutter:var(--space-6);--header-height:4rem}@media (width<=48rem){:root{--font-size-3xl:1.625rem;--font-size-4xl:2rem;--content-gutter:var(--space-4);--header-height:3.5rem}}@media (width<=30rem){:root{--content-gutter:var(--space-3)}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--color-background);min-width:20rem;color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:var(--color-background);min-width:20rem;color:var(--color-text-primary)}button,input,textarea,select{font:inherit}button,[role=button]{cursor:pointer}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}