:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-forest-950:#071d16;--color-forest-900:#0b2b20;--color-forest-800:#123d2e;--color-forest-700:#1a523e;--color-forest-600:#246a51;--color-forest-500:#328468;--color-forest-400:#55a488;--color-forest-300:#83c1aa;--color-forest-200:#b8ddce;--color-forest-100:#ddefe8;--color-forest-50:#f0f8f4;--color-accent-700:#397b36;--color-accent-600:#4d9446;--color-accent-500:#66aa5d;--color-accent-400:#81bf76;--color-accent-300:#a7d49e;--color-accent-100:#e3f2df;--color-ink:#15201c;--color-text:#34433d;--color-text-muted:#65736d;--color-border:#d7e0dc;--color-border-strong:#bdcbc5;--color-background:#f6f8f7;--color-surface:#fff;--color-surface-soft:#edf3f0;--color-white:#fff;--color-success:#267348;--color-success-soft:#e4f4eb;--color-error:#a43e3e;--color-error-soft:#fbeaea;--color-warning:#8b621c;--color-warning-soft:#fbf2df;--font-body:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-heading:Georgia, "Times New Roman", serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:clamp(2.4rem, 8vw, 4.75rem);--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;--space-24:6rem;--container-width:75rem;--container-padding:1.25rem;--header-height:4.75rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999rem;--shadow-sm:0 .0625rem .125rem #071d160a, 0 .25rem .75rem #071d160a;--shadow-md:0 .125rem .25rem #071d160a, 0 .75rem 2rem #071d1614;--shadow-lg:0 .25rem .5rem #071d160d, 0 1.5rem 4rem #071d161f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:20rem}body{background-color:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.65}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}img,picture,svg,canvas{max-width:100%;display:block}img{height:auto}svg{width:100%;height:auto}svg:not(:root){overflow:visible}button,input,select,textarea{color:inherit;font:inherit;margin:0}button,select,input[type=checkbox],input[type=radio],input[type=range],input[type=color]{cursor:pointer}button{background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}details summary{cursor:pointer}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:.1875rem solid var(--color-accent-500);outline-offset:.1875rem}::selection{background-color:var(--color-forest-200);color:var(--color-forest-950)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;position:absolute!important;overflow:hidden!important}h1,h2,h3,h4{color:var(--color-ink);font-family:var(--font-heading);letter-spacing:-.025em;text-wrap:balance;font-weight:600;line-height:1.1}h1{font-size:var(--font-size-3xl);letter-spacing:-.045em}h2{font-size:clamp(2rem,5vw,3.25rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{text-wrap:pretty}strong{color:var(--color-ink);font-weight:700}.eyebrow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-forest-600);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:800;line-height:1.2;display:flex}.eyebrow:before{content:"";background-color:var(--color-accent-500);border-radius:var(--radius-pill);width:1.75rem;height:.125rem}.container{width:min(100% - calc(var(--container-padding) * 2), var(--container-width));margin-inline:auto}main{overflow:hidden}.section-heading{max-width:43rem;margin-bottom:var(--space-10)}.section-heading>p:not(.eyebrow){max-width:39rem;margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-md)}@media (width>=48rem){:root{--container-padding:2rem}.section-heading{margin-bottom:var(--space-12)}}@media (width>=64rem){:root{--container-padding:2.5rem;--header-height:5.25rem}}.site-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(1rem);background-color:#f6f8f7e6;border-bottom:.0625rem solid #bdcbc5a6;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.site-brand{align-items:center;gap:var(--space-3);flex-shrink:0;display:inline-flex}.site-brand__mark{width:2.65rem;height:2.65rem;transition:transform var(--transition-base);flex:none;place-items:center;display:grid}.site-brand__mark svg{width:100%;height:100%;overflow:visible}.site-brand__mark-background{fill:var(--color-forest-800);transition:fill var(--transition-base)}.site-brand__bird{fill:var(--color-white)}.site-brand__wing{fill:var(--color-forest-800);transition:fill var(--transition-base)}.site-brand__eye{fill:var(--color-forest-900)}.site-brand:hover .site-brand__mark{transform:translateY(-.1rem)}.site-brand:hover .site-brand__mark-background,.site-brand:hover .site-brand__wing{fill:var(--color-forest-700)}.site-brand__text{align-items:baseline;gap:.35rem;line-height:1;display:flex}.site-brand__name{color:var(--color-forest-900);font-family:var(--font-heading);letter-spacing:-.035em;font-size:1.25rem;font-weight:700}.site-brand__division{color:var(--color-forest-600);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.site-header__link{justify-content:center;align-items:center;gap:var(--space-2);border:.0625rem solid var(--color-border);border-radius:var(--radius-pill);min-height:2.75rem;color:var(--color-forest-800);font-size:var(--font-size-sm);transition:border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);background-color:#ffffffa6;padding:.7rem;font-weight:700;line-height:1;display:inline-flex}.site-header__link span{display:none}.site-header__link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.site-header__link:hover{border-color:var(--color-forest-700);background-color:var(--color-forest-800);color:var(--color-white);box-shadow:var(--shadow-sm);transform:translateY(-.0625rem)}@media (width>=48rem){.site-brand__mark{width:2.9rem;height:2.9rem}.site-brand__name{font-size:1.4rem}.site-brand__division{font-size:.8rem}.site-header__link{min-height:2.85rem;padding:.75rem 1.15rem}.site-header__link span{display:inline}}@media (width>=64rem){.site-header__link:hover svg{transform:translate(.1rem,-.1rem)}.site-header__link svg{transition:transform var(--transition-base)}}.primary-button,.secondary-button,.download-button{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-height:3.25rem;font-size:var(--font-size-base);text-align:center;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);border:.0625rem solid #0000;padding:.85rem 1.35rem;font-weight:750;line-height:1.2;display:inline-flex}.primary-button,.download-button{background-color:var(--color-forest-800);color:var(--color-white);box-shadow:0 .125rem .25rem #071d161a,0 .5rem 1.25rem #071d161f}.primary-button svg,.download-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem;transition:transform var(--transition-base);flex-shrink:0}.primary-button:hover,.download-button:hover{background-color:var(--color-forest-700);transform:translateY(-.125rem);box-shadow:0 .25rem .5rem #071d161f,0 .85rem 1.75rem #071d1629}.primary-button:hover svg{transform:translate(.2rem)}.download-button:hover svg{transform:translateY(.15rem)}.primary-button:active,.download-button:active{transform:translateY(0)}.primary-button:disabled,.download-button[aria-disabled=true]{cursor:not-allowed;background-color:var(--color-border-strong);color:var(--color-text-muted);box-shadow:none;opacity:.75;transform:none}.secondary-button{border-color:var(--color-border-strong);color:var(--color-forest-800);background-color:#0000}.secondary-button:hover{border-color:var(--color-forest-700);background-color:var(--color-forest-50)}.text-button{color:var(--color-forest-700);font-size:var(--font-size-sm);text-decoration:underline;-webkit-text-decoration-color:var(--color-forest-300);text-decoration-color:var(--color-forest-300);text-underline-offset:.25rem;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);font-weight:750;line-height:1.3;text-decoration-thickness:.1rem}.text-button:hover{color:var(--color-forest-900);text-decoration-color:currentColor}input[type=text],input[type=number],select,textarea{border:.0625rem solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-white);width:100%;min-height:3rem;color:var(--color-ink);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.7rem .85rem}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:var(--color-forest-400)}input[type=text]:focus-visible,input[type=number]:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-forest-600);outline:none;box-shadow:0 0 0 .1875rem #32846829}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--color-surface-soft);color:var(--color-text-muted);opacity:.8}.site-footer__inner{gap:var(--space-10);display:grid}.site-footer__brand{margin-bottom:var(--space-3);color:var(--color-white);font-family:var(--font-heading);font-size:var(--font-size-xl);letter-spacing:-.035em;font-weight:700;line-height:1;display:inline-block}.site-footer__brand span{color:var(--color-forest-300);font-family:var(--font-body);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;margin-left:.2rem;font-weight:800}.site-footer__inner>div>p{max-width:25rem;color:var(--color-forest-200);font-size:var(--font-size-sm)}.site-footer nav{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.site-footer nav a{color:var(--color-forest-100);font-size:var(--font-size-sm);transition:color var(--transition-fast);font-weight:650;position:relative}.site-footer nav a:after{content:"";background-color:var(--color-forest-300);transform-origin:100%;height:.0625rem;transition:transform var(--transition-base);position:absolute;bottom:-.2rem;left:0;right:0;transform:scaleX(0)}.site-footer nav a:hover{color:var(--color-white)}.site-footer nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-footer__copyright{padding-top:var(--space-6);color:var(--color-forest-300);font-size:var(--font-size-xs);letter-spacing:.025em;border-top:.0625rem solid #b8ddce29}@media (width>=48rem){.site-footer{padding-block:var(--space-16) var(--space-8)}.site-footer__inner{grid-template-columns:minmax(0,1.5fr) minmax(12rem,1fr);align-items:start}.site-footer nav{justify-self:end;min-width:12rem}.site-footer__copyright{grid-column:1/-1}}@media (width>=64rem){.site-footer__inner{grid-template-columns:minmax(0,2fr) minmax(14rem,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tool-intro{background:radial-gradient(circle at 90% 15%, #83c1aa4d, transparent 24rem), linear-gradient(145deg, var(--color-forest-50) 0%, #f8faf9 55%, #edf5f1 100%);padding-block:4.5rem 7rem;position:relative;overflow:hidden}.tool-intro:before{content:"";border:.0625rem solid #32846824;border-radius:50%;width:28rem;height:28rem;position:absolute;top:-12rem;right:-13rem}.tool-intro:after{content:"";border:.0625rem solid #3284681f;border-radius:50%;width:17rem;height:17rem;position:absolute;top:-6rem;right:-7rem}.tool-intro__inner{z-index:1;position:relative}.tool-intro__content{max-width:52rem}.tool-intro__lead{max-width:46rem;margin-top:var(--space-5);color:var(--color-text);font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.6}.privacy-note{align-items:flex-start;gap:var(--space-3);max-width:41rem;margin-top:var(--space-8);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(.5rem);background-color:#ffffffad;border:.0625rem solid #32846833;display:flex}.privacy-note__icon{fill:none;width:1.4rem;height:1.4rem;stroke:var(--color-success);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:.1rem}.privacy-note p{font-size:var(--font-size-sm);line-height:1.55}@media (width>=48rem){.tool-intro{padding-block:6rem 9rem}.privacy-note{padding:var(--space-4) var(--space-5);align-items:center}}@media (width>=64rem){.tool-intro{padding-block:7rem 10rem}.tool-intro:before{width:38rem;height:38rem;top:-15rem;right:-8rem}.tool-intro:after{width:22rem;height:22rem;top:-6rem;right:2rem}}.generator-section{z-index:5;padding-bottom:var(--space-20);margin-top:-4rem;position:relative}.generator{padding:var(--space-5);border-radius:var(--radius-xl);background-color:var(--color-surface);box-shadow:var(--shadow-lg);border:.0625rem solid #bdcbc5d9}.generator__heading{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.generator__heading .eyebrow{margin-bottom:var(--space-2)}.generator__heading h2{font-size:clamp(1.65rem,5vw,2.35rem)}.generator__support{align-items:center;gap:var(--space-2);border:.0625rem solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.035em;padding:.45rem .75rem;font-weight:750;line-height:1;display:inline-flex}.generator__support:before{content:"";background-color:var(--color-accent-500);border-radius:50%;width:.45rem;height:.45rem}@media (width>=48rem){.generator-section{padding-bottom:var(--space-24);margin-top:-5rem}.generator{padding:var(--space-8)}.generator__heading{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-8);flex-direction:row}.generator__support{margin-bottom:.25rem}}@media (width>=64rem){.generator{padding:var(--space-10)}}.upload-area{justify-content:center;align-items:center;gap:var(--space-5);min-height:20rem;padding:var(--space-8) var(--space-5);border:.125rem dashed var(--color-forest-300);border-radius:var(--radius-lg);background:radial-gradient(circle at center, #ddefe88c, transparent 68%), var(--color-forest-50);text-align:center;cursor:pointer;transition:border-color var(--transition-base), background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative}.upload-area:hover,.upload-area.is-dragging{border-color:var(--color-forest-600);background-color:var(--color-forest-100);transform:translateY(-.125rem);box-shadow:inset 0 0 0 .0625rem #32846814}.upload-area:focus-visible{outline:.1875rem solid var(--color-accent-500);outline-offset:.25rem}.upload-area__icon{fill:none;width:4.25rem;height:4.25rem;stroke:var(--color-forest-600);stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-base)}.upload-area:hover .upload-area__icon,.upload-area.is-dragging .upload-area__icon{transform:translateY(-.2rem)}.upload-area__content{max-width:29rem}.upload-area__title{color:var(--color-ink);font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,1.75rem);font-weight:600;line-height:1.2}.upload-area__description{margin-top:var(--space-2);color:var(--color-text-muted)}.upload-area__action{color:var(--color-forest-700);text-decoration:underline;-webkit-text-decoration-color:var(--color-forest-300);text-decoration-color:var(--color-forest-300);text-underline-offset:.2rem;font-weight:750;text-decoration-thickness:.1rem}.upload-area__limit{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (width>=48rem){.upload-area{min-height:23rem;padding:var(--space-12)}.upload-area__icon{width:4.75rem;height:4.75rem}}@media (width>=64rem){.upload-area{min-height:25rem}}.generator-workspace{gap:var(--space-6);margin-top:var(--space-6);display:grid}.mockup-controls,.mockup-preview-panel{min-width:0;padding:var(--space-5);border:.0625rem solid var(--color-border);border-radius:var(--radius-lg)}.mockup-controls{background-color:var(--color-surface)}.mockup-preview-panel{background-color:var(--color-surface-soft)}.mockup-controls__header,.mockup-preview-panel__header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.panel-label{margin-bottom:var(--space-2);color:var(--color-forest-600);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;line-height:1}.mockup-controls h3,.mockup-preview-panel h3{font-size:var(--font-size-xl)}.mockup-preview-panel__header>p{border-radius:var(--radius-pill);background-color:var(--color-forest-100);color:var(--color-forest-800);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.4rem .65rem;font-weight:700}@media (width>=48rem){.generator-workspace{gap:var(--space-8);margin-top:var(--space-8)}.mockup-controls,.mockup-preview-panel{padding:var(--space-6)}.mockup-controls__header,.mockup-preview-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);flex-direction:row}}@media (width>=64rem){.generator-workspace{grid-template-columns:minmax(19rem,.7fr) minmax(0,1.3fr);align-items:start}.mockup-controls,.mockup-preview-panel{padding:var(--space-8)}.mockup-preview-panel{top:calc(var(--header-height) + var(--space-5));position:sticky}}.control-group{padding-block:var(--space-5);border-top:.0625rem solid var(--color-border)}.control-group legend,.control-group>label,.control-group__heading label{color:var(--color-ink);font-size:var(--font-size-sm);font-weight:750;line-height:1.3}.control-group__heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.control-group__heading output{border-radius:var(--radius-pill);background-color:var(--color-forest-100);min-width:4rem;color:var(--color-forest-800);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:center;padding:.35rem .55rem;font-weight:750;line-height:1}.control-group select{margin-top:var(--space-3)}.frame-options{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.frame-option{position:relative}.frame-option input{opacity:0;width:.0625rem;height:.0625rem;position:absolute}.frame-option__content{justify-content:center;align-items:center;gap:var(--space-2);min-height:6rem;padding:var(--space-3);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-muted);transition:border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.frame-option__content svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:2.5rem;height:2rem}.frame-option__content strong{color:inherit;font-size:var(--font-size-xs)}.frame-option:hover .frame-option__content{border-color:var(--color-forest-300);background-color:var(--color-forest-50);transform:translateY(-.0625rem)}.frame-option input:checked+.frame-option__content{border-color:var(--color-forest-600);background-color:var(--color-forest-50);color:var(--color-forest-800);box-shadow:0 0 0 .0625rem var(--color-forest-600)}.frame-option input:focus-visible+.frame-option__content{outline:.1875rem solid var(--color-accent-500);outline-offset:.1875rem}@media (width>=48rem) and (width<=63.999rem){.frame-options{grid-template-columns:repeat(5,minmax(0,1fr))}}.segmented-control,.export-options{gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-1);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-control label,.export-options label{position:relative}.segmented-control input,.export-options input{opacity:0;width:.0625rem;height:.0625rem;position:absolute}.segmented-control span,.export-options span{border-radius:calc(var(--radius-md) - .2rem);min-height:2.65rem;color:var(--color-text-muted);font-size:var(--font-size-sm);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;padding:.65rem;font-weight:750;line-height:1;display:grid}.segmented-control input:checked+span,.export-options input:checked+span{background-color:var(--color-white);color:var(--color-forest-800);box-shadow:var(--shadow-sm)}.segmented-control input:focus-visible+span,.export-options input:focus-visible+span{outline:.1875rem solid var(--color-accent-500);outline-offset:.125rem}.export-options{grid-template-columns:repeat(3,minmax(0,1fr))}.background-options{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.background-option{position:relative}.background-option input{opacity:0;width:.0625rem;height:.0625rem;position:absolute}.background-swatch{aspect-ratio:1;border:.1875rem solid var(--color-white);width:100%;box-shadow:0 0 0 .0625rem var(--color-border);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;display:grid;position:relative}.background-swatch--forest{background:linear-gradient(135deg,#0b2b20,#55a488)}.background-swatch--sunrise{background:linear-gradient(135deg,#ef8e68,#f6cf87)}.background-swatch--ocean{background:linear-gradient(135deg,#164e63,#67e8f9)}.background-swatch--slate{background:linear-gradient(135deg,#172033,#64748b)}.background-swatch--custom{color:var(--color-forest-700);background:linear-gradient(135deg,#fff 50%,#e7ecea 50%)}.background-swatch--custom svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1rem;height:1rem}.background-option:hover .background-swatch{transform:scale(1.06)}.background-option input:checked+.background-swatch{box-shadow:0 0 0 .125rem var(--color-surface), 0 0 0 .25rem var(--color-forest-600)}.background-option input:focus-visible+.background-swatch{outline:.1875rem solid var(--color-accent-500);outline-offset:.25rem}.custom-color-control{margin-top:var(--space-5);padding:var(--space-4);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-soft)}.custom-color-control>label{margin-bottom:var(--space-3);color:var(--color-ink);font-size:var(--font-size-xs);font-weight:750;display:block}.custom-color-control>div{align-items:center;gap:var(--space-3);display:flex}.custom-color-control input{border:.0625rem solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-white);width:3rem;height:2.5rem;padding:.2rem}.custom-color-control output{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700}input[type=range]{appearance:none;background:0 0;width:100%;height:1.5rem}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-forest-600), var(--color-accent-400));height:.4rem}input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-forest-600), var(--color-accent-400));border:0;height:.4rem}input[type=range]::-webkit-slider-thumb{appearance:none;border:.1875rem solid var(--color-white);background-color:var(--color-forest-700);width:1.25rem;height:1.25rem;box-shadow:0 0 0 .0625rem var(--color-forest-700), 0 .2rem .5rem #071d1633;border-radius:50%;margin-top:-.425rem}input[type=range]::-moz-range-thumb{border:.1875rem solid var(--color-white);background-color:var(--color-forest-700);width:1rem;height:1rem;box-shadow:0 0 0 .0625rem var(--color-forest-700), 0 .2rem .5rem #071d1633;border-radius:50%}.checkbox-control{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:inline-flex}.checkbox-control input{width:1.1rem;height:1.1rem;accent-color:var(--color-forest-700);flex:none;margin-top:.15rem}.checkbox-control span{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4}.canvas-stage{min-height:18rem;padding:var(--space-4);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background-color:#f7f9f8;background-image:linear-gradient(45deg,#e1e7e4 25%,#0000 25%),linear-gradient(-45deg,#e1e7e4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e1e7e4 75%),linear-gradient(-45deg,#0000 75%,#e1e7e4 75%),none;background-position:0 0,0 .6rem,.6rem -.6rem,-.6rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:1.2rem 1.2rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;display:grid;overflow:hidden}#mockup-canvas{object-fit:contain;border-radius:var(--radius-sm);background-color:var(--color-white);width:100%;height:auto;max-height:38rem;box-shadow:var(--shadow-md)}.preview-actions{gap:var(--space-3);margin-top:var(--space-5);display:grid}.preview-actions .primary-button,.preview-actions .secondary-button{width:100%}@media (width>=48rem){.canvas-stage{min-height:25rem;padding:var(--space-6)}.preview-actions{grid-template-columns:minmax(0,1fr) auto}}@media (width>=64rem){.canvas-stage{min-height:30rem}}.generator-status:not(.visually-hidden){margin-top:var(--space-5);padding:var(--space-4);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-soft);font-size:var(--font-size-sm)}.error-message{align-items:flex-start;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-error-soft);color:var(--color-error);border:.0625rem solid #a43e3e40;display:flex}.error-message>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.5rem;height:1.5rem;margin-top:.1rem}.error-message__title{color:var(--color-error);font-weight:800;line-height:1.4}.error-message div p:last-child{margin-top:var(--space-1);font-size:var(--font-size-sm);line-height:1.5}.site-footer{padding-block:var(--space-6);background-color:var(--color-forest-900);color:var(--color-forest-200)}.site-footer__inner{text-align:center}.site-footer p{font-size:var(--font-size-sm)}.site-footer a{color:var(--color-white);text-decoration:underline;-webkit-text-decoration-color:var(--color-forest-500);text-decoration-color:var(--color-forest-500);text-underline-offset:.2rem;font-weight:700}.site-footer a:hover{-webkit-text-decoration-color:var(--color-accent-400);text-decoration-color:var(--color-accent-400)}.noscript-message{z-index:200;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);max-width:36rem;padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-error-soft);color:var(--color-error);font-size:var(--font-size-sm);text-align:center;box-shadow:var(--shadow-lg);border:.0625rem solid #a43e3e40;margin-inline:auto;font-weight:700;position:fixed}.feedback-cta{padding-block:var(--space-16);border-top:.0625rem solid var(--color-border);background:radial-gradient(circle at 90% 20%, #83c1aa33, transparent 22rem), var(--color-forest-50)}.feedback-cta__inner{align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}.feedback-cta .eyebrow{margin-bottom:var(--space-3)}.feedback-cta h2{font-size:clamp(1.75rem,5vw,2.5rem)}.feedback-cta p:not(.eyebrow){max-width:38rem;margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-md)}.feedback-cta__link{justify-content:center;align-items:center;gap:var(--space-3);border:.0625rem solid var(--color-forest-700);border-radius:var(--radius-md);background-color:var(--color-forest-700);max-width:100%;min-height:3.25rem;color:var(--color-white);font-size:var(--font-size-sm);text-align:center;box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);padding:.85rem 1.2rem;font-weight:750;line-height:1.25;display:inline-flex}.feedback-cta__link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2rem;height:1.2rem}.feedback-cta__link span{overflow-wrap:anywhere}.feedback-cta__link:hover{border-color:var(--color-forest-900);background-color:var(--color-forest-900);box-shadow:var(--shadow-md);transform:translateY(-.125rem)}@media (width>=48rem){.feedback-cta{padding-block:var(--space-20)}.feedback-cta__inner{justify-content:space-between;align-items:center;gap:var(--space-12);flex-direction:row}.feedback-cta__link{flex:none}}