:root {
    --syncs-ink: #191522;
    --syncs-plum: #21182f;
    --syncs-plum-soft: #382a4c;
    --syncs-lavender: #9b7bc4;
    --syncs-lavender-light: #e9ddf8;
    --syncs-paper: #f8f7f5;
    --syncs-white: #fff;
    --syncs-line: #ded9e4;
    --syncs-muted: #6f6978;
    --syncs-success: #38634c;
    --syncs-danger: #8b3041;
    --syncs-radius-sm: .8rem;
    --syncs-radius: 1.4rem;
    --syncs-radius-lg: 2rem;
    --syncs-shadow: 0 1.5rem 5rem rgba(29, 20, 42, .1);
    --syncs-container: min(90rem, calc(100vw - 3rem));
}

html { scroll-behavior: smooth; }
body.syncs-booth-page { background: var(--syncs-paper); color: var(--syncs-ink); margin: 0; }
body.syncs-booth-page.admin-bar .syncs-site-header { top: 32px; }
.syncs-booth-page * { box-sizing: border-box; }
.syncs-booth-page :where(button,input,select,textarea) { font: inherit; }
.syncs-booth-page :where(a) { color: inherit; }
.syncs-booth-page :where(img) { display: block; max-width: 100%; }
.syncs-site [hidden] { display: none !important; }
.syncs-site { background: var(--syncs-paper); color: var(--syncs-ink); font-family: Inter, "Segoe UI", Tahoma, Arial, sans-serif; line-height: 1.55; min-height: 100vh; overflow: clip; }
.syncs-site[dir="rtl"] { font-family: Tahoma, Arial, sans-serif; }
.syncs-container { margin-inline: auto; width: var(--syncs-container); }
.syncs-skip-link { background: var(--syncs-white); inset-inline-start: 1rem; padding: .8rem 1rem; position: fixed; top: -8rem; z-index: 10000; }
.syncs-skip-link:focus { top: 1rem; }

.syncs-site-header { backdrop-filter: blur(18px); background: rgba(31, 23, 43, .92); border-bottom: 1px solid rgba(255,255,255,.1); color: var(--syncs-white); position: sticky; top: 0; z-index: 1000; }
.syncs-site-header__inner { align-items: center; display: grid; gap: 2rem; grid-template-columns: auto 1fr auto; min-height: 5.7rem; }
.syncs-brand { align-items: center; display: inline-flex; gap: 1rem; text-decoration: none; }
.syncs-brand img { height: 3.2rem; object-fit: contain; object-position: center; width: 6.5rem; }
.syncs-brand span { border-inline-start: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.72); font-size: .72rem; letter-spacing: .08em; line-height: 1.25; max-width: 10rem; padding-inline-start: 1rem; text-transform: uppercase; }
.syncs-site-nav { align-items: center; display: flex; gap: clamp(1rem, 2.2vw, 2.2rem); justify-content: center; }
.syncs-site-nav a { color: rgba(255,255,255,.78); font-size: .9rem; font-weight: 650; text-decoration: none; transition: color .2s ease; }
.syncs-site-nav a:hover { color: var(--syncs-white); }
.syncs-header-actions { align-items: center; display: flex; gap: .7rem; }
.syncs-language,.syncs-account-link { align-items: center; background: transparent; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; color: var(--syncs-white); cursor: pointer; display: inline-flex; font-size: .82rem; font-weight: 750; justify-content: center; min-height: 2.6rem; padding: .55rem 1rem; text-decoration: none; transition: background .2s ease,border-color .2s ease; }
.syncs-language:hover,.syncs-account-link:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.5); }

.syncs-hero { background: radial-gradient(circle at 80% 10%,#3b2852 0,transparent 34%),var(--syncs-plum); color: var(--syncs-white); isolation: isolate; overflow: hidden; position: relative; }
.syncs-hero::before,.syncs-hero::after { border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; position: absolute; z-index: -1; }
.syncs-hero::before { height: 40rem; inset-inline-end: -12rem; top: -20rem; width: 40rem; }
.syncs-hero::after { bottom: -25rem; height: 45rem; inset-inline-start: 15%; width: 45rem; }
.syncs-hero__grid { align-items: center; display: grid; gap: clamp(2.5rem,5vw,5rem); grid-template-columns: minmax(0,.9fr) minmax(26rem,1.1fr); padding-block: clamp(3.5rem,6vw,6rem); }
.syncs-eyebrow,.syncs-kicker { color: var(--syncs-lavender); display: block; font-size: .75rem; font-weight: 850; letter-spacing: .16em; margin: 0 0 1rem; text-transform: uppercase; }
.syncs-hero h1 { color: inherit; font-size: clamp(2.8rem,5vw,5.3rem); font-weight: 540; letter-spacing: -.055em; line-height: 1; margin: 0; max-width: 13ch; }
.syncs-site[dir="rtl"] .syncs-hero h1 { letter-spacing: -.035em; line-height: 1.1; }
.syncs-hero__lead { color: rgba(255,255,255,.7); font-size: clamp(1.05rem,1.6vw,1.3rem); margin: 2rem 0 0; max-width: 37rem; }
.syncs-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2.5rem; }
.syncs-hero__actions > span { color: rgba(255,255,255,.58); font-size: .85rem; }
.syncs-button { align-items: center; border: 0; border-radius: 999px; cursor: pointer; display: inline-flex; font-weight: 780; gap: .55rem; justify-content: center; min-height: 3.2rem; padding: .75rem 1.4rem; text-decoration: none; transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }
.syncs-button:hover:not(:disabled) { transform: translateY(-2px); }
.syncs-button:disabled { cursor: not-allowed; opacity: .45; }
.syncs-button--primary { background: var(--syncs-white); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.15); color: var(--syncs-plum); }
.syncs-button--dark { background: var(--syncs-plum); color: var(--syncs-white); }
.syncs-button--quiet { background: transparent; border: 1px solid var(--syncs-line); color: var(--syncs-ink); }
.syncs-trust-list { display: flex; flex-wrap: wrap; gap: .75rem 1.6rem; list-style: none; margin: 3rem 0 0; padding: 0; }
.syncs-trust-list li { color: rgba(255,255,255,.73); font-size: .8rem; position: relative; }
.syncs-trust-list li::before { color: var(--syncs-lavender); content: "●"; font-size: .55rem; margin-inline-end: .6rem; }
.syncs-hero__visual { background: #0d0b11; border: 1px solid rgba(255,255,255,.13); border-radius: clamp(1.4rem,3vw,2.6rem); box-shadow: 0 2rem 6rem rgba(0,0,0,.32); margin: 0; overflow: hidden; position: relative; }
.syncs-hero__visual img { aspect-ratio: 16/10; height: 100%; object-fit: cover; width: 100%; }
.syncs-hero__visual figcaption { backdrop-filter: blur(10px); background: rgba(18,14,24,.7); bottom: 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.75); font-size: .72rem; inset-inline-start: 1rem; padding: .55rem .85rem; position: absolute; }

.syncs-process { background: var(--syncs-white); border-bottom: 1px solid var(--syncs-line); }
.syncs-process__grid { display: grid; grid-template-columns: repeat(3,1fr); }
.syncs-process article { border-inline-end: 1px solid var(--syncs-line); padding: 2.4rem clamp(1rem,3vw,3rem); }
.syncs-process article:last-child { border-inline-end: 0; }
.syncs-process article > span { color: var(--syncs-lavender); font-size: .72rem; font-weight: 850; }
.syncs-process h2 { font-size: 1rem; margin: .5rem 0 .25rem; }
.syncs-process p { color: var(--syncs-muted); font-size: .86rem; margin: 0; }

.syncs-builder-section { background: linear-gradient(180deg,#f2eef6 0,var(--syncs-paper) 15%); padding-block: clamp(3.5rem,7vw,6.5rem); }
.syncs-section-heading { margin-bottom: 3rem; max-width: 47rem; }
.syncs-section-heading h2,.syncs-privacy-note h2,.syncs-faq h2,.syncs-capabilities h2,.syncs-social h2 { font-size: clamp(2.1rem,4.2vw,4rem); font-weight: 560; letter-spacing: -.045em; line-height: 1.07; margin: 0; }
.syncs-section-heading > p:last-child { color: var(--syncs-muted); font-size: 1.05rem; margin: 1.2rem 0 0; max-width: 42rem; }
.syncs-section-heading--wide { max-width: 64rem; }
.syncs-section-heading--compact { margin-bottom: 2rem; }
.syncs-booth-builder__status { background: transparent; border-radius: var(--syncs-radius-sm); margin-bottom: 1rem; min-height: 0; padding: 0; }
.syncs-booth-builder__status.is-visible { background: #eee8f5; border-inline-start: .25rem solid var(--syncs-lavender); color: var(--syncs-plum); padding: 1rem 1.2rem; }
.syncs-booth-builder__status.is-error { background: #fae9ed; border-color: var(--syncs-danger); color: var(--syncs-danger); }
.syncs-studio-card,.syncs-dashboard,.syncs-project-view { background: var(--syncs-white); border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius-lg); box-shadow: var(--syncs-shadow); overflow: hidden; }
.syncs-wizard-head,.syncs-dashboard__head,.syncs-project-view__head { align-items: center; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(1.5rem,3vw,2.7rem); }
.syncs-wizard-head h3,.syncs-dashboard__head h3,.syncs-project-view__head h3 { font-size: clamp(1.45rem,2.5vw,2.15rem); font-weight: 600; letter-spacing: -.03em; margin: 0; }
.syncs-kicker { margin-bottom: .45rem; }
.syncs-session-note { background: var(--syncs-paper); border: 1px solid var(--syncs-line); border-radius: 999px; color: var(--syncs-muted); font-size: .8rem; padding: .65rem 1rem; }
.syncs-user-chip { align-items: center; display: flex; gap: .8rem; }
.syncs-user-chip span { font-size: .85rem; font-weight: 750; }
.syncs-user-chip button,.syncs-verification-banner button { background: transparent; border: 0; color: #6a4e8d; cursor: pointer; font: inherit; font-size: .8rem; font-weight: 750; padding: 0; text-decoration: underline; text-underline-offset: .2rem; }
.syncs-account-link { text-decoration: none; }
.syncs-progress { border-block: 1px solid var(--syncs-line); display: grid; grid-template-columns: repeat(4,1fr); list-style: none; margin: 0; padding: 0; }
.syncs-progress li { color: #99929f; font-size: .78rem; position: relative; }
.syncs-progress li > button { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; font: inherit; gap: .7rem; padding: 1rem clamp(.7rem,2vw,1.6rem); text-align: start; width: 100%; }
.syncs-progress li > button:disabled { cursor: default; opacity: .58; }
.syncs-progress li:not(:last-child)::after { background: var(--syncs-line); content: ""; height: 1px; inset-inline-end: -5%; position: absolute; top: 50%; width: 10%; }
.syncs-progress li span { align-items: center; border: 1px solid var(--syncs-line); border-radius: 50%; display: inline-flex; font-size: .65rem; height: 1.8rem; justify-content: center; width: 1.8rem; }
.syncs-progress li.is-current { color: var(--syncs-ink); }
.syncs-progress li.is-current span { background: var(--syncs-plum); border-color: var(--syncs-plum); color: var(--syncs-white); }
.syncs-progress li.is-complete { color: var(--syncs-success); }
.syncs-progress li.is-complete span { background: #e4f1e9; border-color: #c4ddcd; }
.syncs-wizard-panel { padding: clamp(2rem,5vw,4.5rem); }
.syncs-wizard-panel[hidden] { display: none; }
.syncs-panel-intro { align-items: flex-start; display: grid; gap: 1.2rem; grid-template-columns: auto 1fr; margin-bottom: 2.5rem; }
.syncs-panel-intro > span,.syncs-work-card__heading > span { align-items: center; background: var(--syncs-lavender-light); border-radius: 50%; color: #684d89; display: flex; font-size: .72rem; font-weight: 850; height: 2.4rem; justify-content: center; width: 2.4rem; }
.syncs-panel-intro h3,.syncs-work-card__heading h3,.syncs-generation-card h3 { font-size: clamp(1.35rem,2.4vw,2rem); font-weight: 610; letter-spacing: -.025em; margin: 0; }
.syncs-panel-intro p,.syncs-work-card__heading p,.syncs-generation-card p { color: var(--syncs-muted); margin: .45rem 0 0; max-width: 48rem; }
.syncs-form-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.syncs-span { grid-column: 1 / -1; }
.syncs-field { display: grid; gap: .55rem; min-width: 0; }
.syncs-field > span,.syncs-choice-group legend,.syncs-feature-card legend { color: #48414f; font-size: .82rem; font-weight: 780; }
.syncs-field > small { color: var(--syncs-muted); font-size: .72rem; }
.syncs-field :where(input,select,textarea),.syncs-auth-form :where(input,select,textarea) { appearance: none; background: #fbfafb; border: 1px solid #d7d1dc; border-radius: var(--syncs-radius-sm); color: var(--syncs-ink); min-height: 3.4rem; padding: .85rem 1rem; width: 100%; }
.syncs-date-control { display: grid; grid-template-columns: 1fr auto; position: relative; }
.syncs-date-control > input[type="text"] { border-end-end-radius: 0; border-start-end-radius: 0; }
.syncs-date-control > button { background: var(--syncs-lavender-light); border: 1px solid #d7d1dc; border-inline-start: 0; border-radius: 0 var(--syncs-radius-sm) var(--syncs-radius-sm) 0; color: #684d89; cursor: pointer; min-width: 3.4rem; }
.syncs-site[dir="rtl"] .syncs-date-control > button { border-radius: var(--syncs-radius-sm) 0 0 var(--syncs-radius-sm); }
.syncs-date-control > input[type="date"] { height: 1px; opacity: 0; pointer-events: none; position: absolute; width: 1px; }
.syncs-date-summary { align-items: center; background: #f7f4fa; border: 1px solid #e2dce8; border-radius: var(--syncs-radius-sm); color: #62596b; display: flex; font-size: .84rem; margin: -.25rem 0 0; min-height: 2.9rem; padding: .65rem .85rem; }
.syncs-date-summary.is-confirmed { background: #f1f8f4; border-color: #bfdac8; color: #28633e; }
.syncs-date-summary.is-warning { background: #fff8e8; border-color: #ead296; color: #735615; }
.syncs-date-summary.is-error { background: #fff1f1; border-color: #e9b9b9; color: #8a2929; }
.syncs-builder-help { align-items: center; background: #f7f4fa; border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius-sm); color: #554d5c; display: flex; flex-wrap: wrap; gap: .65rem 1rem; margin-top: 1rem; padding: .85rem 1rem; }
.syncs-builder-help span { font-weight: 760; }
.syncs-builder-help a,.syncs-error-modal__help a { color: #684d89; font-weight: 760; text-decoration: none; }
.syncs-error-modal__icon { align-items: center; background: #fff1f1; border-radius: 50%; color: #9a2e2e; display: inline-flex; font-size: 1.2rem; font-weight: 900; height: 2.5rem; justify-content: center; width: 2.5rem; }
.syncs-error-modal__help { background: #f7f4fa; border-radius: var(--syncs-radius-sm); display: grid; gap: .4rem; margin: 1rem 0; padding: .9rem; }
.syncs-field textarea,.syncs-auth-form textarea { min-height: 7rem; resize: vertical; }
.syncs-field :where(input,select,textarea)::placeholder { color: #aaa3af; }
.syncs-choice-group,.syncs-feature-card { border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius); margin: 0; padding: 1.2rem; }
.syncs-choice-grid { display: grid; gap: .7rem; grid-template-columns: repeat(4,1fr); }
.syncs-choice-grid label { cursor: pointer; }
.syncs-choice-grid input { opacity: 0; position: absolute; }
.syncs-choice-grid span { background: var(--syncs-paper); border: 1px solid var(--syncs-line); border-radius: .75rem; display: block; font-size: .82rem; padding: .8rem; text-align: center; }
.syncs-choice-grid input:checked + span { background: var(--syncs-plum); border-color: var(--syncs-plum); color: var(--syncs-white); }
.syncs-feature-card { display: grid; gap: 1.3rem; }
.syncs-switch,.syncs-check { align-items: flex-start; cursor: pointer; display: flex; gap: .75rem; }
.syncs-switch input,.syncs-check input { accent-color: var(--syncs-plum); flex: 0 0 auto; height: 1.2rem; margin-top: .15rem; width: 1.2rem; }
.syncs-upload-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.syncs-dropzone { align-content: start; background: #fbfafb; border: 1px dashed #cfc6d8; border-radius: var(--syncs-radius); cursor: pointer; display: grid; min-height: 14rem; padding: 1.5rem; position: relative; transition: background .2s ease,border-color .2s ease,transform .2s ease; }
.syncs-dropzone:first-child { grid-row: span 2; min-height: 29rem; }
.syncs-dropzone:hover { background: #f5f0fa; border-color: var(--syncs-lavender); transform: translateY(-2px); }
.syncs-dropzone.has-files { background: #f0f6f2; border-color: #7eaa8e; }
.syncs-dropzone__icon { align-items: center; background: var(--syncs-lavender-light); border-radius: 50%; color: #684d89; display: flex; font-size: 1.4rem; height: 3rem; justify-content: center; margin-bottom: 2rem; width: 3rem; }
.syncs-dropzone > strong { font-size: 1rem; }
.syncs-dropzone > small { color: var(--syncs-muted); font-size: .76rem; margin-top: .35rem; }
.syncs-dropzone input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.syncs-dropzone__action { color: #684d89; font-size: .78rem; font-weight: 800; margin-top: auto; padding-top: 1.5rem; }
.syncs-dropzone__names { color: var(--syncs-muted); display: block; font-size: .7rem; margin-top: .35rem; overflow-wrap: anywhere; }
.syncs-file-privacy { align-items: center; background: var(--syncs-paper); border-radius: var(--syncs-radius); display: flex; gap: 1rem; margin-top: 1.2rem; padding: 1rem 1.2rem; }
.syncs-file-privacy > span { color: var(--syncs-lavender); font-size: 1.5rem; }
.syncs-file-privacy p { color: var(--syncs-muted); font-size: .78rem; margin: 0; }
.syncs-file-privacy strong { color: var(--syncs-ink); display: block; }
.syncs-review-grid { display: grid; gap: 1px; grid-template-columns: repeat(2,1fr); margin: 0 0 2rem; overflow: hidden; }
.syncs-review-grid div { background: var(--syncs-paper); padding: 1.3rem; }
.syncs-review-grid dt { color: var(--syncs-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.syncs-review-grid dd { font-size: 1rem; font-weight: 650; margin: .4rem 0 0; }
.syncs-generation-card { align-items: center; background: var(--syncs-plum); border-radius: var(--syncs-radius-lg); color: var(--syncs-white); display: grid; gap: 2rem; grid-template-columns: 1fr auto; padding: clamp(1.6rem,4vw,3rem); }
.syncs-generation-card .syncs-kicker { color: #c9afea; }
.syncs-generation-card p { color: rgba(255,255,255,.65); }
.syncs-generate-button { white-space: nowrap; }
.syncs-wizard-actions { align-items: center; border-top: 1px solid var(--syncs-line); display: flex; gap: 1rem; justify-content: space-between; padding: 1.2rem clamp(1.5rem,5vw,4.5rem); }
.syncs-wizard-actions > span { color: var(--syncs-muted); font-size: .76rem; }
.syncs-honeypot { border: 0 !important; clip: rect(0,0,0,0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; }

.syncs-modal,.syncs-modal * { box-sizing: border-box; }
.syncs-modal { align-items: center; display: flex; inset: 0; justify-content: center; padding: 1.2rem; position: fixed; z-index: 9999; }
.syncs-modal__backdrop { background: rgba(20,15,28,.72); border: 0; inset: 0; position: absolute; }
.syncs-modal__panel { background: var(--syncs-white); border-radius: var(--syncs-radius-lg); box-shadow: 0 3rem 7rem rgba(0,0,0,.28); max-height: calc(100vh - 2.4rem); max-width: 34rem; overflow: auto; padding: clamp(1.7rem,5vw,3.2rem); position: relative; width: 100%; z-index: 1; }
.syncs-modal__panel > h3 { font-size: clamp(1.6rem,4vw,2.4rem); letter-spacing: -.035em; line-height: 1.08; margin: 0; }
.syncs-modal__panel > p { color: var(--syncs-muted); }
.syncs-modal__close { align-items: center; background: var(--syncs-paper); border: 0; border-radius: 50%; cursor: pointer; display: flex; font-size: 1.4rem; height: 2.4rem; inset-inline-end: 1.2rem; justify-content: center; position: absolute; top: 1.2rem; width: 2.4rem; }
.syncs-auth-tabs { background: var(--syncs-paper); border-radius: 999px; display: grid; gap: .25rem; grid-template-columns: 1fr 1fr; margin: 1.7rem 0 1.2rem; padding: .25rem; }
.syncs-auth-tabs button { background: transparent; border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-size: .78rem; font-weight: 750; padding: .7rem; }
.syncs-auth-tabs button.is-active { background: var(--syncs-white); box-shadow: 0 .2rem 1rem rgba(31,23,43,.08); }
.syncs-auth-form { display: grid; gap: 1rem; }
.syncs-auth-form > small { color: var(--syncs-muted); font-size: .72rem; text-align: center; }
.syncs-verification-icon { align-items: center; background: var(--syncs-lavender-light); border-radius: 50%; color: #684d89; display: flex; font-size: 1.5rem; height: 4rem; justify-content: center; margin-bottom: 1.5rem; width: 4rem; }
.syncs-verify-panel { text-align: center; }
.syncs-verify-panel .syncs-kicker { text-align: center; }
.syncs-verify-panel .syncs-button { margin-top: .7rem; width: 100%; }
.syncs-feedback-form { display: grid; gap: 1.2rem; }
.syncs-feedback-form fieldset { border: 0; margin: 0; padding: 0; }
.syncs-feedback-form legend { font-size: .82rem; font-weight: 780; margin-bottom: .65rem; }
.syncs-rating { display: flex; gap: .55rem; }
.syncs-rating input { opacity: 0; position: absolute; }
.syncs-rating span { align-items: center; background: var(--syncs-paper); border: 1px solid var(--syncs-line); border-radius: 50%; cursor: pointer; display: flex; font-weight: 800; height: 2.7rem; justify-content: center; width: 2.7rem; }
.syncs-rating input:checked + span { background: var(--syncs-plum); border-color: var(--syncs-plum); color: var(--syncs-white); }

.syncs-dashboard__head { background: var(--syncs-plum); color: var(--syncs-white); }
.syncs-dashboard__head p,.syncs-project-view__head p { color: rgba(255,255,255,.65); margin: .4rem 0 0; }
.syncs-dashboard__head .syncs-actions { margin: 0; }
.syncs-dashboard__head .syncs-button--dark { background: var(--syncs-white); color: var(--syncs-plum); }
.syncs-dashboard__head .syncs-button--quiet,.syncs-project-view__head .syncs-button--quiet { border-color: rgba(255,255,255,.24); color: var(--syncs-white); }
.syncs-verification-banner { align-items: center; background: #fff7e5; color: #694e15; display: flex; gap: 1rem; padding: 1rem clamp(1.5rem,3vw,2.7rem); }
.syncs-verification-banner p { margin: 0 auto 0 0; }
.syncs-site[dir="rtl"] .syncs-verification-banner p { margin: 0 0 0 auto; }
.syncs-loading,.syncs-empty-state { padding: 5rem 2rem; text-align: center; }
.syncs-empty-state > span { color: var(--syncs-lavender); font-size: 3rem; }
.syncs-empty-state h3 { font-size: 1.6rem; margin: .5rem 0; }
.syncs-empty-state p { color: var(--syncs-muted); margin: 0 auto 1.5rem; }
.syncs-project-heading { align-items: center; display: flex; justify-content: space-between; padding: 2.2rem 2.7rem 1rem; }
.syncs-project-heading h3 { font-size: 1.5rem; margin: 0; }
.syncs-project-heading span { color: var(--syncs-muted); font-size: .75rem; }
.syncs-project-list { display: grid; gap: .7rem; padding: 0 2.7rem 2.7rem; }
.syncs-project-list button { align-items: center; background: var(--syncs-paper); border: 1px solid transparent; border-radius: var(--syncs-radius); color: var(--syncs-ink); cursor: pointer; display: grid; gap: 1rem; grid-template-columns: auto 1fr auto; padding: 1rem; text-align: start; transition: background .2s ease,border-color .2s ease,transform .2s ease; }
.syncs-project-list button:hover { background: var(--syncs-white); border-color: var(--syncs-line); transform: translateY(-1px); }
.syncs-project-list__number { align-items: center; background: var(--syncs-plum); border-radius: .8rem; color: var(--syncs-white); display: flex; font-weight: 800; height: 3.2rem; justify-content: center; padding: .5rem; min-width: 3.2rem; }
.syncs-project-list button > span:nth-child(2) { display: grid; }
.syncs-project-list small { color: var(--syncs-muted); }

.syncs-project-view { background: transparent; border: 0; box-shadow: none; display: grid; gap: 1.2rem; overflow: visible; }
.syncs-project-view__head { background: var(--syncs-plum); border-radius: var(--syncs-radius-lg); color: var(--syncs-white); }
.syncs-project-view__head > div { text-align: end; }
.syncs-workflow-rail { background: var(--syncs-white); border: 1px solid var(--syncs-line); border-radius: 999px; display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; padding: .35rem; }
.syncs-workflow-rail span { border-radius: 999px; color: var(--syncs-muted); font-size: .76rem; padding: .7rem; text-align: center; }
.syncs-workflow-rail .is-active { background: var(--syncs-lavender-light); color: #5f467e; font-weight: 800; }
.syncs-work-card { background: var(--syncs-white); border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius-lg); padding: clamp(1.5rem,4vw,3rem); }
.syncs-work-card__heading { align-items: start; display: grid; gap: 1rem; grid-template-columns: auto 1fr; margin-bottom: 1.6rem; }
.syncs-existing-files { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
.syncs-existing-files > span { background: var(--syncs-paper); border-radius: .65rem; display: grid; font-size: .76rem; overflow-wrap: anywhere; padding: .7rem .8rem; }
.syncs-existing-files small { color: var(--syncs-muted); }
.syncs-add-files { border-block: 1px solid var(--syncs-line); margin-block: 1.2rem; padding-block: 1rem; }
.syncs-add-files summary { cursor: pointer; font-weight: 800; }
.syncs-upload { align-items: end; display: grid; gap: .7rem; grid-template-columns: 1fr auto; margin-top: .8rem; }
.syncs-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-block: 1rem; }
.syncs-spec { background: #191522; border-radius: var(--syncs-radius); color: #e9e2ef; direction: ltr; font-size: .75rem; line-height: 1.65; max-height: 32rem; overflow: auto; padding: 1.3rem; text-align: left; white-space: pre-wrap; }
.syncs-empty-inline { background: var(--syncs-paper); border-radius: var(--syncs-radius); color: var(--syncs-muted); padding: 2rem; text-align: center; }
.syncs-design-grid { display: grid; gap: clamp(1rem,2vw,1.5rem); grid-template-columns: repeat(auto-fit,minmax(min(100%,25rem),1fr)); margin-block: 1.25rem 1.75rem; }
.syncs-design { background: var(--syncs-paper); border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius); display: grid; gap: .8rem; overflow: hidden; padding: .8rem; }
.syncs-design img,.syncs-image-placeholder { aspect-ratio: 16/9; background: #e3dee7; border-radius: .9rem; display: grid; object-fit: contain; place-items: center; width: 100%; }
.syncs-design > div:not(.syncs-image-placeholder) { display: grid; }
.syncs-design small { color: var(--syncs-muted); }
.syncs-total { color: var(--syncs-plum); font-size: clamp(2.5rem,6vw,4.5rem); font-weight: 650; letter-spacing: -.06em; margin: 1rem 0; }
.syncs-appointment-form { border-top: 1px solid var(--syncs-line); margin-top: 1.5rem; padding-top: 1.5rem; }
.syncs-addons__details { border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius-sm); overflow: hidden; }
.syncs-addons__details > summary { align-items: center; cursor: pointer; display: flex; font-size: 1rem; font-weight: 800; justify-content: space-between; list-style: none; padding: 1rem 1.2rem; }
.syncs-addons__details > summary::after { content: '+'; font-size: 1.35rem; }
.syncs-addons__details[open] > summary::after { content: '−'; }
.syncs-addons__details > form { border-top: 1px solid var(--syncs-line); display: grid; gap: 1.5rem; padding: 1.25rem; }
.syncs-addon-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.syncs-addon-card { align-content: start; background: #fbfafc; border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius-sm); display: grid; gap: .75rem; min-height: 205px; padding: 1.1rem; }
.syncs-addon-card__title { font-size: 1.05rem; font-weight: 850; }
.syncs-addon-card small { color: #625b68; line-height: 1.65; }
.syncs-addon-card input,.syncs-addon-card select,.syncs-gift-search input,.syncs-gift-card input { background: #fff; border: 1px solid #cbc5d0; border-radius: 12px; color: #17121c; min-height: 44px; padding: .65rem .75rem; width: 100%; }
.syncs-addon-card strong { color: #694d8d; }
.syncs-gifts { border-top: 1px solid var(--syncs-line); padding-top: 1.35rem; }
.syncs-gifts__head { align-items: end; display: flex; gap: 1rem; justify-content: space-between; }
.syncs-gifts__head h4 { font-size: 1.2rem; margin: 0 0 .35rem; }
.syncs-gifts__head p { color: #625b68; margin: 0; max-width: 720px; }
.syncs-gift-search { display: flex; gap: .5rem; min-width: min(100%,340px); }
.syncs-catalog-status { color: #6b6270; font-size: .82rem; margin: .8rem 0; }
.syncs-gift-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3,minmax(0,1fr)); max-height: 760px; overflow: auto; padding: .15rem; }
.syncs-gift-card { background: #fff; border: 1px solid var(--syncs-line); border-radius: 16px; overflow: hidden; }
.syncs-gift-card img { aspect-ratio: 4/3; background: #f6f4f8; display: block; object-fit: contain; width: 100%; }
.syncs-gift-card > div { display: grid; gap: .45rem; padding: .9rem; }
.syncs-gift-card strong { line-height: 1.45; }
.syncs-gift-card small { color: #756d7b; }
.syncs-gift-card span { color: #694d8d; font-weight: 850; }
.syncs-gift-card label { font-size: .78rem; font-weight: 750; }
.syncs-addon-summary { background: #17121c; border-radius: var(--syncs-radius-sm); color: #fff; display: grid; gap: .55rem; padding: 1rem 1.2rem; }
.syncs-addon-summary span { display: flex; gap: 1rem; justify-content: space-between; }
.syncs-addon-summary small { color: #ddd4e8; }
@media (max-width: 760px) { .syncs-addon-grid,.syncs-gift-grid { grid-template-columns: 1fr; } .syncs-gifts__head { align-items: stretch; flex-direction: column; } .syncs-gift-search { min-width: 0; } }

.syncs-portfolio { background: var(--syncs-white); padding-block: clamp(5rem,9vw,9rem); }
.syncs-portfolio__grid { display: grid; gap: 1.3rem; grid-template-columns: repeat(12,1fr); }
.syncs-project-card { background: var(--syncs-paper); border: 1px solid var(--syncs-line); border-radius: var(--syncs-radius-lg); color: inherit; grid-column: span 4; margin: 0; overflow: hidden; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.syncs-project-card:hover,.syncs-project-card:focus-visible { box-shadow: 0 20px 55px rgba(22,16,35,.16); transform: translateY(-4px); }
.syncs-project-card:nth-child(1),.syncs-project-card:nth-child(2) { grid-column: span 6; }
.syncs-project-card img { aspect-ratio: 16/10; background: #0d0b11; object-fit: cover; width: 100%; }
.syncs-project-card > div { padding: clamp(1.25rem,2vw,2rem); }
.syncs-project-card h3 { font-size: clamp(1.2rem,2vw,1.55rem); letter-spacing: -.025em; line-height: 1.2; margin: 0; }
.syncs-project-card p { color: var(--syncs-muted); font-size: .88rem; margin: .8rem 0 0; }

.syncs-clients { background: #f2eef6; border-block: 1px solid var(--syncs-line); padding-block: clamp(4rem,7vw,7rem); }
.syncs-client-grid { display: grid; gap: 1px; grid-template-columns: repeat(6,1fr); list-style: none; margin: 0; overflow: hidden; padding: 0; }
.syncs-client-grid li { align-items: center; background: rgba(255,255,255,.72); display: flex; justify-content: center; min-height: 8.5rem; padding: 1.5rem; }
.syncs-client-grid img { height: 4.2rem; object-fit: contain; width: min(100%,10rem); }

.syncs-capabilities { background: var(--syncs-white); padding-block: clamp(5rem,9vw,9rem); }
.syncs-capabilities__grid { align-items: end; display: grid; gap: clamp(3rem,8vw,9rem); grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr); }
.syncs-capabilities__grid > div > p:last-child { color: var(--syncs-muted); font-size: 1.05rem; margin: 1.4rem 0 0; max-width: 48rem; }
.syncs-capabilities ul { border-top: 1px solid var(--syncs-line); list-style: none; margin: 0; padding: 0; }
.syncs-capabilities li { border-bottom: 1px solid var(--syncs-line); font-size: .92rem; font-weight: 760; padding: 1rem .2rem; }
.syncs-capabilities li::before { color: var(--syncs-lavender); content: "↗"; margin-inline-end: .8rem; }

.syncs-social { background: #17111f; color: var(--syncs-white); padding-block: clamp(5rem,9vw,8rem); }
.syncs-social__heading { align-items: end; display: flex; gap: 2rem; justify-content: space-between; }
.syncs-social-links { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; }
.syncs-social-link { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: rgba(255,255,255,.75); font-size: .78rem; font-weight: 780; padding: .65rem 1rem; text-decoration: none; }
.syncs-social-link:hover,.syncs-social-link--primary { background: var(--syncs-white); border-color: var(--syncs-white); color: var(--syncs-plum); }
.syncs-social-feed { display: grid; gap: 1rem; grid-template-columns: repeat(4,1fr); margin-top: 3rem; }
.syncs-social-card { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: var(--syncs-radius); overflow: hidden; }
.syncs-social-card img { aspect-ratio: 1; object-fit: cover; width: 100%; }
.syncs-social-card > div { padding: 1.2rem; }
.syncs-social-card span { color: #c6abe8; font-size: .7rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.syncs-social-card p { color: rgba(255,255,255,.68); font-size: .84rem; margin: .7rem 0 1rem; }
.syncs-social-card a { font-size: .76rem; font-weight: 800; text-underline-offset: .2rem; }
.syncs-social-fallback { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; margin-top: 3rem; }
.syncs-social-fallback a { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: var(--syncs-radius); display: grid; gap: .35rem; padding: 1.6rem; text-decoration: none; }
.syncs-social-fallback strong { font-size: 1.15rem; }

.syncs-file-state { color: #5f5270; display: block; line-height: 1.5; }
.syncs-dropzone.has-files .syncs-file-state { color: #2f7653; font-weight: 600; }
.syncs-generation-showcase { align-items: center; background: rgba(20,15,28,.94); display: flex; inset: 0; justify-content: center; overflow: auto; padding: clamp(1rem,4vw,3rem); position: fixed; z-index: 100000; }
.syncs-design-failed,.syncs-image-processing { align-items: center; background: #f5f1f6; border-radius: 18px; display: flex; flex-direction: column; gap: .65rem; justify-content: center; min-height: 260px; padding: 1.5rem; text-align: center; }
.syncs-design-failed { background: #fff2f2; border: 1px solid #edc8c8; color: #7b2727; }
.syncs-design-failed span { font-size: .9rem; line-height: 1.7; }
.syncs-image-processing .syncs-generation-showcase__spinner { border-color: rgba(98,70,120,.2); border-top-color: #76518f; }
.syncs-generation-showcase__panel { color: #fff; margin: auto; max-width: 70rem; text-align: center; width: 100%; }
.syncs-generation-showcase__panel h3 { font-size: clamp(1.6rem,4vw,3rem); margin: .5rem auto 1rem; max-width: 52rem; }
.syncs-generation-showcase__panel > p:not(.syncs-kicker) { color: #d8cfe2; font-size: 1.05rem; }
.syncs-generation-showcase__panel > strong { color: #c4a7ec; display: block; font-size: clamp(2rem,5vw,4rem); line-height: 1; margin-top: 1rem; }
.syncs-generation-showcase__panel > span { color: #bcaec8; display: block; margin-top: .35rem; }
.syncs-generation-showcase__spinner { animation: syncs-spin 1s linear infinite; border: 3px solid rgba(255,255,255,.2); border-radius: 50%; border-top-color: #c4a7ec; display: inline-block; height: 2.5rem; width: 2.5rem; }
.syncs-generation-showcase__grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 2rem; }
.syncs-generation-showcase__grid a { background: #fff; border-radius: 1rem; color: #21182b; overflow: hidden; text-align: start; text-decoration: none; }
.syncs-generation-showcase__grid img { aspect-ratio: 16/9; display: block; object-fit: cover; width: 100%; }
.syncs-generation-showcase__grid span { display: block; font-weight: 600; padding: .75rem 1rem; }
.syncs-generation-showcase__progress { background:rgba(255,255,255,.14); border-radius:999px; height:.45rem; margin:1.25rem auto .75rem; max-width:36rem; overflow:hidden; }
.syncs-generation-showcase__progress span { background:linear-gradient(90deg,#9a79c4,#f0d9ff); border-radius:inherit; display:block; height:100%; transition:width .25s linear; width:0; }
.syncs-generation-showcase__tip { min-height:1.8rem; transition:opacity .25s ease; }
.syncs-generation-showcase__grid a { opacity:.58; transform:scale(.98); transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease; }
.syncs-generation-showcase__grid a.is-featured { box-shadow:0 1.2rem 3rem rgba(0,0,0,.3); opacity:1; transform:scale(1.025); }
@keyframes syncs-spin { to { transform: rotate(360deg); } }
@media (max-width: 700px) { .syncs-generation-showcase__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .syncs-generation-showcase__grid a:nth-child(n+5) { display: none; } }
.syncs-social-fallback span { color: rgba(255,255,255,.58); font-size: .85rem; }

.syncs-privacy-note { background: var(--syncs-plum); color: var(--syncs-white); padding-block: clamp(5rem,9vw,8rem); }
.syncs-privacy-note__inner { align-items: end; display: grid; gap: 4rem; grid-template-columns: 1fr 1fr; }
.syncs-privacy-note__inner > p { color: rgba(255,255,255,.65); font-size: 1.05rem; margin: 0; }
.syncs-faq { background: var(--syncs-white); padding-block: clamp(5rem,9vw,9rem); }
.syncs-faq__grid { align-items: start; display: grid; gap: 5rem; grid-template-columns: .75fr 1.25fr; }
.syncs-faq details { border-bottom: 1px solid var(--syncs-line); padding-block: 1.3rem; }
.syncs-faq summary { cursor: pointer; font-size: 1rem; font-weight: 800; list-style: none; padding-inline-end: 2rem; position: relative; }
.syncs-faq summary::after { content: "+"; inset-inline-end: 0; position: absolute; }
.syncs-faq details[open] summary::after { content: "−"; }
.syncs-faq details p { color: var(--syncs-muted); margin: 1rem 0 0; }

.syncs-site-footer { background: #16111e; color: var(--syncs-white); padding-block: 5rem 2rem; }
.syncs-site-footer__grid { display: grid; gap: 4rem; grid-template-columns: 1.5fr 1fr 1.2fr; }
.syncs-site-footer__grid > div { align-content: start; display: grid; gap: .65rem; }
.syncs-footer-brand img { height: auto; max-width: 10rem; }
.syncs-footer-brand p,.syncs-site-footer__grid > div > p { color: rgba(255,255,255,.54); font-size: .82rem; margin: .5rem 0 0; max-width: 22rem; }
.syncs-site-footer h2 { color: #c4a8e7; font-size: .72rem; letter-spacing: .14em; margin: 0 0 .7rem; text-transform: uppercase; }
.syncs-site-footer__grid a { color: rgba(255,255,255,.75); font-size: .88rem; text-decoration: none; width: fit-content; }
.syncs-site-footer__grid a:hover { color: var(--syncs-white); }
.syncs-site-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.45); display: flex; font-size: .72rem; justify-content: space-between; margin-top: 4rem; padding-top: 1.5rem; }
.syncs-site-footer__bottom a { color: rgba(255,255,255,.75); text-decoration: none; }
.syncs-site-footer__bottom .syncs-admin-login { font-size: .68rem; opacity: .72; }

.syncs-site :where(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #b595dc; outline-offset: 3px; }
.syncs-character-count { color: var(--syncs-muted); display: block; font-variant-numeric: tabular-nums; margin-inline-start: auto; text-align: end; }
.syncs-upload-policy { color: var(--syncs-muted); display: block; line-height: 1.6; }
.syncs-test-warning { background: #fff8df; border: 1px solid #ead28a; border-radius: 1rem; color: #5d4700; margin-bottom: 1.2rem; padding: 1rem 1.2rem; }
.syncs-error-details { background: #f7f4fb; border-radius: 1rem; display: grid; gap: .65rem; margin: 1rem 0; padding: 1rem; }
.syncs-error-details > div { display: grid; gap: .2rem; grid-template-columns: minmax(7rem,.7fr) 1.3fr; }
.syncs-error-details dt { color: var(--syncs-muted); font-size: .78rem; font-weight: 800; }
.syncs-error-details dd { font-size: .86rem; margin: 0; overflow-wrap: anywhere; }

@media (max-width: 74rem) {
    .syncs-site-nav { display: none; }
    .syncs-site-header__inner { grid-template-columns: 1fr auto; }
    .syncs-hero__grid { gap: 3rem; grid-template-columns: 1fr 27rem; }
    .syncs-client-grid { grid-template-columns: repeat(4,1fr); }
    .syncs-social-feed { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 54rem) {
    :root { --syncs-container: min(100% - 2rem,90rem); }
    body.syncs-booth-page.admin-bar .syncs-site-header { top: 46px; }
    .syncs-brand span { display: none; }
    .syncs-account-link { display: none; }
    .syncs-hero__grid { grid-template-columns: 1fr; padding-block: 5rem 3rem; }
    .syncs-hero__visual { margin-inline: auto; width: 100%; }
    .syncs-process__grid { grid-template-columns: 1fr; }
    .syncs-process article { border-bottom: 1px solid var(--syncs-line); border-inline-end: 0; }
    .syncs-form-grid,.syncs-upload-grid,.syncs-review-grid,.syncs-generation-card,.syncs-privacy-note__inner,.syncs-faq__grid,.syncs-site-footer__grid,.syncs-capabilities__grid { grid-template-columns: 1fr; }
    .syncs-project-card,.syncs-project-card:nth-child(1),.syncs-project-card:nth-child(2) { grid-column: span 6; }
    .syncs-client-grid { grid-template-columns: repeat(3,1fr); }
    .syncs-social__heading { align-items: flex-start; flex-direction: column; }
    .syncs-social-links { justify-content: flex-start; }
    .syncs-dropzone:first-child { grid-row: auto; min-height: 14rem; }
    .syncs-generation-card { align-items: start; }
    .syncs-generation-card .syncs-button { width: 100%; }
    .syncs-site-footer__bottom { align-items: flex-start; flex-direction: column; gap: .8rem; }
}

@media (max-width: 38rem) {
    .syncs-site-header__inner { min-height: 4.8rem; }
    .syncs-brand img { height: 2.7rem; width: 5.6rem; }
    .syncs-hero h1 { font-size: clamp(2.7rem,14vw,4rem); }
    .syncs-hero__actions { align-items: stretch; flex-direction: column; }
    .syncs-hero__actions .syncs-button { width: 100%; }
    .syncs-trust-list { display: grid; }
    .syncs-project-card,.syncs-project-card:nth-child(1),.syncs-project-card:nth-child(2) { grid-column: 1 / -1; }
    .syncs-client-grid { grid-template-columns: repeat(2,1fr); }
    .syncs-client-grid li { min-height: 7rem; padding: 1rem; }
    .syncs-social-feed,.syncs-social-fallback { grid-template-columns: 1fr; }
    .syncs-wizard-head,.syncs-dashboard__head,.syncs-project-view__head { align-items: flex-start; flex-direction: column; }
    .syncs-progress li > button { justify-content: center; padding: .8rem .3rem; }
    .syncs-progress li strong { display: none; }
    .syncs-progress li:not(:last-child)::after { display: none; }
    .syncs-wizard-panel { padding: 1.4rem; }
    .syncs-choice-grid { grid-template-columns: repeat(2,1fr); }
    .syncs-wizard-actions { padding: 1rem 1.4rem; }
    .syncs-wizard-actions > span { display: none; }
    .syncs-wizard-actions .syncs-button { flex: 1; }
    .syncs-dashboard__head .syncs-actions { display: grid; width: 100%; }
    .syncs-project-heading { padding: 1.5rem 1.4rem 1rem; }
    .syncs-project-list { padding: 0 1.4rem 1.4rem; }
    .syncs-workflow-rail { border-radius: var(--syncs-radius); grid-template-columns: repeat(2,1fr); }
    .syncs-upload { grid-template-columns: 1fr; }
}

.syncs-spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-top:1.1rem; }
.syncs-spec-card { border:1px solid rgba(112,82,147,.22); border-radius:1rem; background:#fff; min-width:0; }
.syncs-spec-card summary { cursor:pointer; font-weight:750; padding:.95rem 1.1rem; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.syncs-spec-card summary::after { content:'+'; font-size:1.25rem; color:#8065a8; }
.syncs-spec-card[open] summary::after { content:'−'; }
.syncs-spec-card > div { padding:0 1.1rem 1rem; overflow:visible; }
.syncs-spec-card p { margin:.25rem 0 .65rem; }
.syncs-spec-card ul { margin:0; padding-inline-start:1.25rem; display:grid; gap:.45rem; }
.syncs-master-prompt-panel { align-items:start; background:#151020; border-radius:1.25rem; color:#f7f3ff; display:grid; gap:1rem; grid-template-columns:1fr auto; margin-top:1.25rem; padding:clamp(1.2rem,3vw,2rem); }
.syncs-master-prompt-panel h4 { font-size:clamp(1.2rem,2vw,1.65rem); margin:.35rem 0 0; }
.syncs-master-prompt-panel .syncs-kicker { color:#c9afea; }
.syncs-master-prompt { white-space:pre-wrap; overflow-wrap:anywhere; background:#21182b; border:1px solid rgba(255,255,255,.16); border-radius:.9rem; color:#f7f3ff; font:500 .88rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace; grid-column:1/-1; min-height:clamp(22rem,55vh,38rem); padding:1.25rem; resize:vertical; width:100%; }
.syncs-regenerate-concept { align-items:center; background:linear-gradient(135deg,#f4eef9,#fff); border:1px solid #dfd1ea; border-radius:1.1rem; display:grid; gap:1.25rem; grid-template-columns:1fr auto; margin-block:1rem 1.5rem; padding:clamp(1rem,3vw,1.5rem); }
.syncs-regenerate-concept p { color:var(--syncs-muted); margin:.35rem 0 0; }
@media (max-width:700px) { .syncs-master-prompt-panel,.syncs-regenerate-concept { grid-template-columns:1fr; } .syncs-master-prompt-panel .syncs-button,.syncs-regenerate-concept .syncs-button { width:100%; } .syncs-master-prompt { min-height:26rem; } }
.syncs-adjustment-note { margin:1rem 0; padding:1rem 1.1rem; border-radius:1rem; background:#f4edff; border:1px solid #d8c6ef; color:#241a33; }
.syncs-adjustment-note dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; margin:.75rem 0 0; }
.syncs-adjustment-note dl > div { background:rgba(255,255,255,.72); border-radius:.65rem; padding:.65rem; }
.syncs-adjustment-note dt { font-size:.76rem; color:#6a5b7a; }
.syncs-adjustment-note dd { margin:.2rem 0 0; font-weight:650; }
.syncs-clarification-panel { max-width:45rem; max-height:calc(100vh - 2rem); overflow:auto; }
.syncs-clarification-panel fieldset { border:0; padding:0; margin:1.1rem 0; }
.syncs-clarification-panel legend { font-weight:750; margin-bottom:.65rem; }
.syncs-clarification-option { display:flex; align-items:center; gap:.65rem; padding:.65rem .75rem; margin:.45rem 0; border:1px solid rgba(112,82,147,.24); border-radius:.75rem; cursor:pointer; }

@media (max-width:47.5rem) {
    .syncs-spec-grid,.syncs-adjustment-note dl { grid-template-columns:1fr; }
    .syncs-work-card { padding:1.1rem; }
    .syncs-spec-card summary { padding:.8rem .95rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .syncs-site *, .syncs-site *::before, .syncs-site *::after { scroll-behavior: auto !important; transition: none !important; }
}