.layout-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.layout-selector__option{border:2px solid var(--app-shell-border);background:var(--app-shell-surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;display:flex}.layout-selector__option:hover{background:#f0faf9;border-color:#96ddd9}.layout-selector__option:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:1px}.layout-selector__option--selected{border-color:var(--app-shell-accent);background:#f0faf9}.layout-selector__diagram{gap:3px;width:44px;height:56px;display:grid}.layout-selector__diagram--3{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.layout-selector__diagram--4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.layout-selector__diagram--6{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}.layout-selector__diagram--9{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.layout-selector__diagram--16{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.layout-selector__diagram--25{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr)}.layout-selector__diagram-cell{background:var(--brand-accent-mint);border-radius:2px}.layout-selector__option--selected .layout-selector__diagram-cell{background:var(--app-shell-accent)}.layout-selector__label{color:var(--app-shell-text);font-size:13px;font-weight:600}.layout-selector__sublabel{color:var(--app-shell-text-muted);font-size:11px}@media (width<=767px){.layout-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}.configure-generate{flex-direction:column;display:flex}.configure-generate__divider{border-top:1px solid var(--app-shell-border-subtle);margin-bottom:14px}.configure-generate__options-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.configure-generate__options-row fluent-checkbox{--neutral-fill-input-alt-rest:var(--app-shell-border-subtle);--neutral-fill-input-alt-hover:var(--app-shell-border);--neutral-fill-input-alt-active:#cfd7e2;--neutral-fill-input-alt-focus:var(--app-shell-border-subtle);--neutral-stroke-strong-rest:var(--app-shell-border);--neutral-stroke-strong-hover:var(--app-shell-accent);--neutral-stroke-strong-active:var(--app-shell-accent);--accent-fill-rest:var(--app-shell-accent);--accent-fill-hover:#229e9c;--accent-fill-active:#1f8f8d;--foreground-on-accent-rest:#fff}.configure-generate__options-row fluent-checkbox:focus-visible::part(control){outline:2px solid var(--app-shell-accent);outline-offset:2px}.configure-generate__options-row fluent-checkbox[checked]::part(checked-indicator){color:#fff}.configure-generate__options-hint{color:var(--app-shell-text-muted);font-size:11px;line-height:1.4}.configure-generate__generate-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.configure-generate__generate-button{border:1px solid var(--app-shell-accent);background:var(--app-shell-accent);color:#fff;cursor:pointer;border-radius:6px;min-height:40px;margin-left:auto;padding:0 18px;font-size:14px;font-weight:600}.configure-generate__generate-button:hover:not(:disabled){background:#229e9c;border-color:#229e9c}.configure-generate__generate-button:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:2px}.configure-generate__generate-button:disabled{cursor:not-allowed;background:#c8c6c4;border-color:#c8c6c4}.configure-generate__generate-hint{color:var(--app-shell-text-muted);font-size:12px;line-height:1.4}.configure-generate__summary{color:var(--app-shell-text-subtle)}.configure-generate__progress-wrap{margin-top:12px}.configure-generate__progress-wrap fluent-progress-bar{width:100%}.configure-generate__payload-cap-hint{color:var(--error-foreground);margin:12px 0 0;font-size:13px}.configure-generate__error{border:1px solid var(--error-border);background:var(--error-surface);color:var(--error-foreground);border-radius:6px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.configure-generate__error-icon{line-height:1}.configure-generate__error-message{flex:1}.configure-generate__retry-button{color:var(--error-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:13px}.configure-generate__retry-button:hover{border-color:var(--error-border-hover);background:var(--error-surface-hover)}.configure-generate__retry-button:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:2px}@media (width<=767px){.configure-generate__options-row{align-items:flex-start}.configure-generate__generate-row{flex-direction:column;align-items:stretch}.configure-generate__generate-button{margin-left:0}}.how-it-works{width:100%;color:var(--app-shell-text);font-size:13px;line-height:1.65}.how-it-works__label{color:var(--app-shell-accent);letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600}.how-it-works__list{flex-direction:column;gap:7px;margin:0;padding-left:18px;display:flex}.how-it-works__note{color:var(--app-shell-text-muted);margin:12px 0 0;font-size:11px;line-height:1.5}.image-input-panel{flex-direction:column;display:flex}.image-input-panel__drop-zone{border:2px dashed var(--app-shell-border);background:var(--app-shell-surface);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:0;padding:28px 20px;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex}.image-input-panel__drop-zone:hover,.image-input-panel__drop-zone:focus-visible,.image-input-panel__drop-zone[data-drag-over=true]{border-color:var(--app-shell-accent);background:#f0faf9;outline:none}.image-input-panel__drop-zone:focus-visible{box-shadow:0 0 0 3px #2bb3b12e}.image-input-panel__drop-zone-icon{opacity:.45;margin-bottom:6px;font-size:28px}.image-input-panel__drop-zone-primary{color:var(--app-shell-text);margin:0 0 4px;font-size:14px;font-weight:600}.image-input-panel__drop-zone-secondary{color:var(--app-shell-text-subtle);margin:0 0 12px;font-size:12px}.image-input-panel__url-divider{color:var(--app-shell-text-subtle);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.image-input-panel__url-divider:before,.image-input-panel__url-divider:after{content:"";background:var(--app-shell-border);flex:1;height:1px}.image-input-panel__url-form{align-items:flex-end;gap:8px;display:flex}.image-input-panel__url-field{flex:1}.error-alert-zone{border:1px solid var(--error-border);background:var(--error-surface);border-radius:6px;margin-top:12px;padding:8px 10px}.error-alert-zone__list{margin:0;padding:0;list-style:none}.error-alert-zone__item{min-width:0;color:var(--error-foreground);align-items:center;gap:8px;display:flex}.error-alert-zone__item+.error-alert-zone__item{margin-top:6px}.error-alert-zone__icon{color:var(--error-foreground);flex:none;font-size:14px;line-height:1}.error-alert-zone__summary{min-width:0;color:var(--error-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.error-alert-zone__title{font-size:11px;font-weight:600}.error-alert-zone__detail{font-size:11px;font-weight:400}.error-alert-zone__dismiss,.error-alert-zone__clear-all{cursor:pointer;background:0 0;border:0;padding:0}.error-alert-zone__dismiss{color:var(--error-foreground);opacity:.6;flex:none;font-size:14px;line-height:1}.error-alert-zone__dismiss:hover,.error-alert-zone__clear-all:hover{color:var(--error-foreground);opacity:1}.error-alert-zone__dismiss:focus-visible,.error-alert-zone__clear-all:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:2px}.error-alert-zone__actions{justify-content:flex-end;margin-top:8px;display:flex}.error-alert-zone__clear-all{color:var(--error-foreground);font-size:11px;line-height:1.4;text-decoration:underline}.image-input-panel__grid-divider{color:var(--app-shell-text-subtle);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:12px;margin:20px 0 14px;font-size:11px;font-weight:600;display:flex}.image-input-panel__grid-divider:before,.image-input-panel__grid-divider:after{content:"";background:var(--app-shell-border);flex:1;height:1px}.image-preview-grid{flex-direction:column;gap:14px;display:flex}.image-preview-grid__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.image-preview-grid__title{color:var(--app-shell-text);margin:0;font-size:14px;font-weight:600}.image-preview-grid__actions{align-items:center;gap:8px;padding-top:2px;display:flex}.image-preview-grid__list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.image-card{aspect-ratio:1;border:1px solid var(--app-shell-border);background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-card__image{object-fit:cover;width:100%;height:100%}.image-card__loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.image-card__loading fluent-progress-ring{width:28px;height:28px}.image-card__remove-button{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.image-card__remove-button:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:1px}.image-input-panel__dialog-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.image-input-panel__dialog{display:contents}.image-input-panel__dialog-surface{background:var(--app-shell-surface);border-radius:8px;width:min(100%,380px);padding:24px;box-shadow:0 8px 32px #0000002e}.image-input-panel__dialog-title{color:var(--app-shell-text);margin:0 0 8px;font-size:16px;font-weight:600}.image-input-panel__dialog-description{color:#424242;margin:0 0 20px;font-size:14px;line-height:1.5}.image-input-panel__dialog-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=767px){.image-input-panel__url-form,.image-preview-grid__header{flex-direction:column;align-items:stretch}.image-preview-grid__actions{justify-content:space-between}}:root{--app-shell-background:#f5f5f7;--app-shell-surface:#fff;--app-shell-border:#d9dee8;--app-shell-border-subtle:#eceef2;--app-shell-text:#3c3f4a;--app-shell-text-muted:#5a6070;--app-shell-text-subtle:#8a90a0;--app-shell-accent:#2bb3b1;--brand-flagship:var(--app-shell-accent);--brand-accent-coral:#ff6f61;--brand-accent-mint:#aee6d8;--error-surface:#fff3f1;--error-border:#ffc9c2;--error-foreground:#b4463c;--error-border-hover:#b4463c40;--error-surface-hover:#b4463c0f;--app-shell-radius:8px;--app-shell-spacing-2:8px;--app-shell-spacing-3:12px;--app-shell-spacing-4:16px;--app-shell-spacing-5:20px;--app-shell-spacing-6:24px;--app-shell-spacing-8:32px;--app-shell-max-content-width:800px;--app-shell-header-height:64px;--app-shell-ad-width:728px;--app-shell-ad-height:90px;--app-shell-ad-mobile-max-width:320px;--app-shell-ad-mobile-height:100px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 10% -10%, #aee6d880, transparent 36%), radial-gradient(circle at 90% -18%, #ff6f611f, transparent 34%), var(--app-shell-background);color:var(--app-shell-text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-shell{min-height:100vh}.app-shell__header{background:var(--app-shell-surface);border-bottom:1px solid var(--app-shell-border)}.app-shell__header-content{justify-content:space-between;align-items:center;gap:var(--app-shell-spacing-3);min-height:var(--app-shell-header-height);width:min(100%, calc(var(--app-shell-max-content-width) + (var(--app-shell-spacing-8) * 2)));max-width:calc(var(--app-shell-max-content-width) + (var(--app-shell-spacing-8) * 2));padding:0 var(--app-shell-spacing-8);margin:0 auto;display:flex}.app-shell__app-name{font-size:18px;font-weight:600}.app-shell__tagline{color:var(--app-shell-text-muted);margin:0;font-size:13px}.app-shell__brand-logo{width:auto;height:32px;display:block}.app-shell__ad-band{min-height:calc(var(--app-shell-ad-height) + (var(--app-shell-spacing-5) * 2));padding:10px var(--app-shell-spacing-4);border-bottom:1px solid var(--app-shell-border);background:var(--app-shell-surface);justify-content:center;align-items:center;display:flex;position:relative}.app-shell__ad-placeholder{width:var(--app-shell-ad-width);height:var(--app-shell-ad-height);opacity:0;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.app-shell__ad-frame{width:var(--app-shell-ad-width);height:var(--app-shell-ad-height);border:1px dashed var(--app-shell-border);background:var(--app-shell-background);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.app-shell__ad-marker{min-width:36px;min-height:22px;color:var(--app-shell-text-muted);text-transform:uppercase;background:#24242414;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.app-shell__ad-label{color:var(--app-shell-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.app-shell__ad-label--mobile{display:none}.app-shell__main{gap:var(--app-shell-spacing-5);width:min(100%, calc(var(--app-shell-max-content-width) + (var(--app-shell-spacing-8) * 2)));padding:var(--app-shell-spacing-6) var(--app-shell-spacing-8);flex-direction:column;margin:0 auto;display:flex}.app-shell__section-card{width:100%;padding:var(--app-shell-spacing-5) var(--app-shell-spacing-6);border:1px solid var(--app-shell-border);border-radius:var(--app-shell-radius);background:var(--app-shell-surface)}.app-shell__section-card--step-one{scroll-margin-top:var(--app-shell-spacing-4)}.app-shell__section-card--compact{padding-bottom:var(--app-shell-spacing-4)}.app-shell__section-heading{margin-bottom:var(--app-shell-spacing-4)}.app-shell__section-label{color:var(--app-shell-accent);letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.app-shell__section-title{color:var(--app-shell-text);margin:0 0 4px;font-size:16px;font-weight:600}.app-shell__section-description{color:var(--app-shell-text-muted);margin:0;font-size:13px}.app-shell__section-content{border-top:1px solid var(--app-shell-border-subtle);padding-top:var(--app-shell-spacing-4)}.step-context-links{align-items:center;gap:var(--app-shell-spacing-2);margin-bottom:var(--app-shell-spacing-4);flex-wrap:wrap;display:flex}.step-context-links__label{color:var(--app-shell-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.step-context-links__items{align-items:center;gap:var(--app-shell-spacing-2);flex-wrap:wrap;display:flex}.step-context-links__link{border:1px solid var(--app-shell-border);background:var(--app-shell-surface);min-height:28px;color:var(--app-shell-accent);border-radius:999px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.step-context-links__link:hover{background:#2bb3b114}.step-context-links__link:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:2px}.section-card__heading--with-jump{justify-content:space-between;align-items:flex-start;gap:var(--app-shell-spacing-3);display:flex}.section-card__jump{border:1px solid var(--app-shell-border);background:var(--app-shell-surface);color:var(--app-shell-accent);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2}.section-card__jump:hover{background:#2bb3b114}.section-card__jump:focus-visible{outline:2px solid var(--app-shell-accent);outline-offset:2px}.context-section__content>p{margin:0 0 var(--app-shell-spacing-3);color:var(--app-shell-text-muted);line-height:1.6}.context-section__content>p:last-of-type{margin-bottom:0}.context-section__content .how-it-works-steps{color:var(--app-shell-text-muted);margin:0;padding-left:20px}.context-section__content .how-it-works-steps li{margin-bottom:var(--app-shell-spacing-3)}.context-section__content .how-it-works-steps li:last-child{margin-bottom:0}.context-section__content .how-it-works-steps p{margin:4px 0 0}.privacy-note{margin-top:var(--app-shell-spacing-4);border-left:4px solid var(--brand-flagship);padding:var(--app-shell-spacing-3);background:var(--brand-accent-mint);color:var(--app-shell-text);border-radius:4px;font-size:12px;line-height:1.6}.privacy-note__label{margin-bottom:4px;font-weight:600;display:block}.app-shell__footer{margin-top:var(--app-shell-spacing-2);padding:14px var(--app-shell-spacing-8);border-top:1px solid var(--app-shell-border);background:var(--app-shell-surface);text-align:center}.app-shell__footer-copy{max-width:calc(var(--app-shell-max-content-width) + (var(--app-shell-spacing-8) * 2));color:var(--app-shell-text-subtle);margin:0 auto;font-size:12px}@media (width<=767px){.app-shell__header-content,.app-shell__main,.app-shell__footer{padding-left:var(--app-shell-spacing-4);padding-right:var(--app-shell-spacing-4)}.app-shell__header-content{padding-top:var(--app-shell-spacing-3);padding-bottom:var(--app-shell-spacing-3);flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.app-shell__main{padding-top:var(--app-shell-spacing-5);padding-bottom:var(--app-shell-spacing-5)}.app-shell__section-card{padding:var(--app-shell-spacing-4)}.step-context-links,.section-card__heading--with-jump{flex-direction:column;align-items:flex-start}.app-shell__ad-band{min-height:calc(var(--app-shell-ad-mobile-height) + (var(--app-shell-spacing-4) * 2))}.app-shell__ad-placeholder,.app-shell__ad-frame{width:min(100%, var(--app-shell-ad-mobile-max-width));max-width:100%;height:var(--app-shell-ad-mobile-height)}.app-shell__ad-label--desktop{display:none}.app-shell__ad-label--mobile{display:inline}}