:root{--claire-black:#000;--claire-green:#0ad69f;--claire-violet:#5a00ff;--claire-azure:#0092ff;--claire-orchid:#cd00ff;--claire-white:#fff;--claire-grey-50:#f5f5f5;--claire-grey-200:#e2e2e2;--claire-grey-500:#6b6b6b;--claire-ink:#1a1a1a;--color-background:var(--claire-white);--color-surface:var(--claire-grey-50);--color-foreground:var(--claire-black);--color-muted-foreground:var(--claire-grey-500);--color-border:var(--claire-grey-200);--color-primary:var(--claire-green);--color-primary-foreground:var(--claire-black);--color-secondary:var(--claire-violet);--color-secondary-foreground:var(--claire-white);--color-accent:var(--claire-azure);--color-accent-foreground:var(--claire-white);--color-highlight:var(--claire-orchid);--color-inverse:var(--claire-black);--color-inverse-foreground:var(--claire-white);--color-focus:var(--claire-violet);--gradient-brand:linear-gradient(45deg, var(--claire-green) 0%, var(--claire-violet) 55%, var(--claire-azure) 100%);--font-sans:"Open Sans", system-ui, sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:3.75rem;--leading-tight:1.15;--leading-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-none:0;--radius-sm:.375rem;--radius-badge:var(--radius-full);--radius-full:9999px;--border-width:2px;--frame-width:6px;--underscore-height:4px;--logo-min-digital:70px;--logo-min-print:20mm;--logo-sm:96px;--logo-md:160px;--logo-lg:280px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 8px 24px #0000001f}.dark{--color-background:var(--claire-black);--color-surface:var(--claire-ink);--color-foreground:var(--claire-white);--color-muted-foreground:#a8a8a8;--color-border:#333;--color-inverse:var(--claire-white);--color-inverse-foreground:var(--claire-black);--color-focus:var(--claire-green)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-foreground);background:var(--color-background)}:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:2px}.c-btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.c-btn:disabled{opacity:.45;cursor:not-allowed}.c-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.c-btn--md{padding:var(--space-2) var(--space-6);font-size:var(--text-base)}.c-btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--text-lg)}.c-btn--primary{background:var(--color-primary);color:var(--color-primary-foreground)}.c-btn--primary:hover:not(:disabled){background:var(--color-inverse);color:var(--color-inverse-foreground)}.c-btn--secondary{background:var(--color-secondary);color:var(--color-secondary-foreground)}.c-btn--secondary:hover:not(:disabled){background:var(--color-inverse);color:var(--color-inverse-foreground)}.c-btn--outline{color:var(--color-foreground);border-color:var(--color-foreground);background:0 0}.c-btn--outline:hover:not(:disabled){background:var(--color-foreground);color:var(--color-background)}.c-btn--ghost{color:var(--color-foreground);background:0 0}.c-btn--ghost:hover:not(:disabled){color:var(--color-secondary)}.c-btn__spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1em;height:1em;animation:.7s linear infinite c-spin}@keyframes c-spin{to{transform:rotate(360deg)}}.c-link{color:inherit;font-weight:var(--font-weight-semibold);text-decoration:underline;text-decoration-thickness:var(--underscore-height);text-underline-offset:.2em}.c-link--accent{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.c-link--plain{text-decoration:none}.c-link--plain:hover,.c-link--accent:hover{color:var(--color-secondary)}.c-heading{font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.c-heading--display{font-size:var(--text-4xl)}.c-heading--h1{font-size:var(--text-3xl)}.c-heading--h2{font-size:var(--text-2xl)}.c-heading--h3{font-size:var(--text-xl)}.c-heading--h4{font-size:var(--text-lg)}.c-text{line-height:var(--leading-normal)}.c-text--lead{font-size:var(--text-lg)}.c-text--body{font-size:var(--text-base)}.c-text--small{font-size:var(--text-sm)}.c-text--caption{font-size:var(--text-xs);color:var(--color-muted-foreground)}.c-underscore{width:1.25em;height:var(--underscore-height);background:currentColor;display:inline-block}.c-card{padding:var(--space-8);gap:var(--space-3);border-radius:var(--radius-none);flex-direction:column;display:flex}.c-card--plain{background:var(--color-background);border:var(--border-width) solid var(--color-border);color:var(--color-foreground)}.c-card--green{background:var(--claire-green);color:var(--claire-white)}.c-card--azure{background:var(--claire-azure);color:var(--claire-white)}.c-card--violet{background:var(--claire-violet);color:var(--claire-white)}.c-card--black{background:var(--claire-black);color:var(--claire-white)}.c-card--gradient{background:var(--gradient-brand);color:var(--claire-white)}.c-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.c-badge{padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-badge);align-items:center;display:inline-flex}.c-badge--green{background:var(--claire-green);color:var(--claire-black)}.c-badge--violet{background:var(--claire-violet);color:var(--claire-white)}.c-badge--azure{background:var(--claire-azure);color:var(--claire-white)}.c-badge--orchid{background:var(--claire-orchid);color:var(--claire-white)}.c-badge--outline{border:1px solid var(--color-foreground);color:var(--color-foreground)}.c-field{gap:var(--space-1);flex-direction:column;display:flex}.c-field__label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.c-field__hint{font-size:var(--text-xs);color:var(--color-muted-foreground)}.c-field__error{font-size:var(--text-xs);color:var(--claire-orchid)}.c-input{font:inherit;padding:var(--space-2) var(--space-3);background:var(--color-background);color:var(--color-foreground);border:0;border-bottom:var(--border-width) solid var(--color-foreground);border-radius:var(--radius-none)}.c-input:focus{border-bottom-color:var(--color-primary);outline:none}.c-input:disabled{opacity:.45}.c-input[aria-invalid=true]{border-bottom-color:var(--claire-orchid)}.c-frame{border:var(--frame-width) solid var(--color-primary);border-bottom-style:dashed}.c-header{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);display:flex}.c-header nav{gap:var(--space-8);font-size:var(--text-sm);display:flex}.c-footer{background:var(--claire-black);color:var(--claire-white);padding:var(--space-12) var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.c-footer__links{gap:var(--space-6);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.c-footer__legal{gap:var(--space-4);font-size:var(--text-xs);color:#a8a8a8;padding-top:var(--space-4);border-top:1px solid #333;flex-wrap:wrap;display:flex}.c-logo{height:auto;min-width:var(--logo-min-digital);display:block}.c-logo--sm{width:var(--logo-sm)}.c-logo--md{width:var(--logo-md)}.c-logo--lg{width:var(--logo-lg)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-background);border-bottom:var(--border-width) solid var(--color-border)}.app-brand{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:inline-flex}.app-brand__name{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-foreground);display:inline-flex}.app-brand .c-underscore{color:var(--color-primary)}.app-tagline{color:var(--color-muted-foreground);font-size:var(--text-sm)}.app-main{gap:var(--space-8);padding:var(--space-8);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:75rem;margin-inline:auto;display:grid}.app-form{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.stepper{gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.stepper-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--color-background);border:var(--border-width) solid var(--color-border);font:inherit;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--color-muted-foreground);cursor:pointer;text-align:left;min-height:var(--space-12);display:flex}.stepper-item:focus-visible{outline:var(--border-width) solid var(--color-focus)}.stepper-num{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-border);color:var(--color-foreground);flex:none;place-items:center;display:inline-grid}.stepper-item.is-active{border-color:var(--color-foreground);color:var(--color-foreground)}.stepper-item.is-active .stepper-num{background:var(--color-primary)}.stepper-item.is-done .stepper-num{background:var(--color-foreground);color:var(--color-background)}.step-panel{background:var(--color-background);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.step-title{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.step-title .c-heading{margin:0}.muted{color:var(--color-muted-foreground);margin:0}.step-nav{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}.field-block{gap:var(--space-2);flex-direction:column;display:flex}.field-block .c-heading{margin:0}.field-meta{justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);display:flex}.counter{color:var(--color-muted-foreground);white-space:nowrap}.counter.is-full,.warn-msg{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.error-msg{color:var(--claire-orchid);margin:0}.dropzone{align-items:center;gap:var(--space-4);padding:var(--space-6);border:var(--border-width) dashed var(--color-muted-foreground);background:var(--color-surface);cursor:pointer;font-weight:var(--font-weight-semibold);display:flex}.dropzone:hover,.dropzone.is-over{border-color:var(--color-primary)}.dropzone:focus-visible{outline:var(--border-width) solid var(--color-focus)}.dropzone-thumb{width:var(--space-16);height:var(--space-16);object-fit:contain;background:var(--color-background)}.dropzone-icon{width:var(--space-12);height:var(--space-12);background:var(--color-primary);font-size:var(--text-xl);flex:none;place-items:center;display:inline-grid}input[type=range]{width:100%;accent-color:var(--color-primary)}.choice-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.layout-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.layout-card{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-background);border:var(--border-width) solid var(--color-border);cursor:pointer;font:inherit;font-weight:var(--font-weight-semibold);flex-direction:column;display:flex}.layout-card.is-active{border-color:var(--color-primary);background:var(--color-surface)}.layout-card:focus-visible{outline:var(--border-width) solid var(--color-focus)}.layout-thumb{pointer-events:none;max-width:100%;display:block;overflow:hidden}.layout-label{font-size:var(--text-sm)}.swatch{width:var(--space-12);height:var(--space-12);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);cursor:pointer}.swatch.is-active{outline:var(--border-width) solid var(--color-foreground);outline-offset:var(--space-1)}.swatch-picker,.color-field{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex}.swatch-picker input,.color-field input{width:var(--space-12);height:var(--space-12);cursor:pointer;background:0 0;border:0;padding:0}.advanced{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}.advanced summary{cursor:pointer;font-weight:var(--font-weight-semibold);padding-block:var(--space-2)}.advanced-body{gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}.check{gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;align-items:center;display:flex}.check input{width:var(--space-6);height:var(--space-6);accent-color:var(--color-primary)}.notice{padding:var(--space-4);background:var(--color-surface);border-left:var(--frame-width) solid var(--color-secondary);gap:var(--space-3);flex-direction:column;display:flex}.notice .c-text{margin:0}.download-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.on-dark{color:var(--claire-white);border-color:var(--claire-white)}.app-preview{min-width:0}.preview-sticky{top:var(--space-8);gap:var(--space-3);background:var(--color-background);padding:var(--space-6);flex-direction:column;display:flex;position:sticky}.preview-head{justify-content:space-between;align-items:baseline;display:flex}.preview-head .c-heading{margin:0}.preview-stage{max-width:100%;padding:var(--space-4);background:var(--color-surface);justify-content:center;display:flex;overflow:auto}.preview-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.banner-canvas{flex:none;display:block}.banner-canvas.is-draggable{cursor:grab;touch-action:none}.banner-canvas.is-draggable:active{cursor:grabbing}.modal{padding:var(--space-4);z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal-box{background:var(--color-background);flex-direction:column;width:100%;max-width:60rem;max-height:100%;display:flex;overflow:auto}.modal-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-background);display:flex;position:sticky;top:0}.modal-bar .c-text{margin:0}.mock-site{color:var(--claire-ink);font-family:Georgia,serif}.mock-masthead{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);text-align:center;padding:var(--space-6);border-bottom:var(--border-width) solid var(--claire-ink)}.mock-nav{gap:var(--space-6);padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);border-bottom:1px solid var(--color-border);justify-content:center;display:flex}.mock-layout{gap:var(--space-8);padding:var(--space-8);grid-template-columns:minmax(0,1fr) 12rem;display:grid}.mock-article h1{font-size:var(--text-xl);line-height:var(--leading-tight);margin:0 0 var(--space-2)}.mock-article p{line-height:var(--leading-normal);margin:0 0 var(--space-4)}.mock-meta{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-muted-foreground)}.mock-ad{margin-block:var(--space-6);justify-content:center;display:flex}.mock-side{gap:var(--space-3);flex-direction:column;display:flex}.mock-line{height:var(--space-3);background:var(--color-border)}.mock-line.short{width:60%}@media (width<=960px){.app-main{padding:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}.app-preview{order:-1}.preview-sticky{padding:var(--space-4);position:static}.step-panel{padding:var(--space-4)}.app-tagline{display:none}.mock-layout{padding:var(--space-4);grid-template-columns:1fr}.mock-side{display:none}}@media (width<=560px){.stepper{grid-template-columns:repeat(2,1fr)}.layout-grid{grid-template-columns:1fr}.preview-stage{padding:var(--space-2)}}.c-card.assistant-card{background:color-mix(in srgb, var(--claire-green) 12%, var(--claire-white));border-color:color-mix(in srgb, var(--claire-green) 40%, var(--claire-white))}.assistant{gap:var(--space-3);flex-direction:column;display:flex}.assistant__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.assistant__head .c-heading{margin:0}.assistant__action{justify-content:flex-end;display:flex}.assistant__goals{gap:var(--space-2);flex-wrap:wrap;display:flex}.assistant__fixes{gap:var(--space-1);flex-direction:column;display:flex}.assistant__fixes ul{padding-left:var(--space-4);margin:0}.goal{font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);color:var(--color-foreground);border:var(--border-width) solid var(--color-foreground);border-radius:var(--radius-sm);cursor:pointer;background:0 0;transition:background-color .15s,color .15s,border-color .15s}.goal:hover:not(.is-active){background:var(--color-surface)}.goal.is-active{background:var(--color-inverse);border-color:var(--color-inverse);color:var(--color-inverse-foreground)}.versions{gap:var(--space-4);flex-direction:column;display:flex}.versions__head{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.versions__head .c-heading{margin:0}.versions__rule .c-underscore{color:var(--color-primary)}.versions__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.version__btn{align-items:center;gap:var(--space-4);text-align:left;width:100%;font:inherit;color:inherit;background:var(--color-background);border:var(--border-width) solid var(--color-border);padding:var(--space-4);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;transition:background-color .15s,border-color .15s;display:grid}.version__btn:hover{border-color:var(--color-foreground)}.version__btn.is-current{border-color:var(--color-inverse);background:var(--color-surface)}.version__num{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-border);color:var(--color-foreground);font-weight:var(--font-weight-bold);flex:none;place-items:center;display:inline-grid}.version__btn.is-current .version__num{background:var(--color-inverse);color:var(--color-inverse-foreground)}.version__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.version__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted-foreground);text-transform:uppercase}.version__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.version__desc{line-height:var(--leading-normal)}.version__cta,.version__note{font-size:var(--text-xs);color:var(--color-muted-foreground)}.version__mark{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-inverse);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;flex:none;align-self:center}.version__btn.is-current .version__mark{background:var(--color-inverse);color:var(--color-inverse-foreground)}@media (width<=560px){.version__btn{grid-template-columns:auto minmax(0,1fr)}.version__mark{text-align:center;grid-column:1/-1;justify-self:stretch}}