.page-module__UvcT7G__page{max-width:var(--max-width-content);padding:var(--spacing-4xl) var(--container-padding) calc(var(--spacing-6xl) + 72px);gap:var(--spacing-5xl);flex-direction:column;margin:0 auto;display:flex}.page-module__UvcT7G__hero{gap:var(--spacing-lg);padding:var(--spacing-xxxl) var(--spacing-xxl);border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 0%, var(--color-accent-purple-tint-soft), transparent 55%), radial-gradient(circle at 92% 110%, var(--color-accent-cyan-tint-soft), transparent 55%), var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);flex-direction:column;display:flex;position:relative;overflow:hidden}.page-module__UvcT7G__hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg, transparent 0 14px, rgba(var(--color-primary-main-rgb), .035) 14px 15px);opacity:.6;position:absolute;inset:0}.page-module__UvcT7G__hero>*{z-index:1;position:relative}.page-module__UvcT7G__hero__back{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);background-color:var(--color-bg-base);border:var(--border-thin) solid var(--color-border);font-size:var(--font-size-tiny);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast), color var(--transition-fast);align-self:flex-start;text-decoration:none;display:inline-flex}.page-module__UvcT7G__hero__back:hover{border-color:var(--color-primary-main);color:var(--color-primary-main)}.page-module__UvcT7G__hero__eyebrow{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);background-color:var(--color-accent-purple-tint);color:var(--color-accent-purple);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;display:inline-flex}.page-module__UvcT7G__hero__title{font-family:var(--font-family-title);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:-.025em;color:var(--color-text-primary);max-width:22ch;margin:0;line-height:1.05}.page-module__UvcT7G__hero__title em{background:linear-gradient(120deg, var(--color-primary-light), var(--color-accent-cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.page-module__UvcT7G__hero__lede{max-width:58ch;font-size:var(--font-size-medium);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.page-module__UvcT7G__layout{gap:var(--spacing-4xl);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.page-module__UvcT7G__columnMain{gap:var(--spacing-xxl);flex-direction:column;min-width:0;display:flex}.page-module__UvcT7G__columnSide{top:calc(var(--header-height) + var(--spacing-xl));position:sticky}.page-module__UvcT7G__sideSticky{gap:var(--spacing-xl);flex-direction:column;display:flex}.page-module__UvcT7G__card{gap:var(--spacing-xl);padding:var(--spacing-xxl);background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;display:flex}.page-module__UvcT7G__card:focus-within{border-color:var(--color-primary-main);background-color:var(--color-bg-elevated)}.page-module__UvcT7G__card__head{align-items:flex-start;gap:var(--spacing-lg);display:flex}.page-module__UvcT7G__card__step{border-radius:var(--radius-md);background-color:var(--color-primary-tint);width:32px;height:32px;color:var(--color-primary-light);font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-module__UvcT7G__card__title{font-family:var(--font-family-title);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;line-height:1.2}.page-module__UvcT7G__card__subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-body)}.page-module__UvcT7G__titleField{gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.page-module__UvcT7G__titleInput{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-base);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-title);font-size:var(--font-size-xlarge);font-weight:var(--font-weight-semibold);letter-spacing:-.015em;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);line-height:1.25}.page-module__UvcT7G__titleInput::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.page-module__UvcT7G__titleInput:focus{border-color:var(--color-primary-main);background-color:var(--color-bg-surface);box-shadow:0 0 0 3px rgba(var(--color-primary-main-rgb), .18);outline:none}.page-module__UvcT7G__descField{gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.page-module__UvcT7G__descInput{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-base);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);resize:vertical;min-height:120px;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast)}.page-module__UvcT7G__descInput::placeholder{color:var(--color-text-muted)}.page-module__UvcT7G__descInput:focus{border-color:var(--color-primary-main);background-color:var(--color-bg-surface);box-shadow:0 0 0 3px rgba(var(--color-primary-main-rgb), .18);outline:none}.page-module__UvcT7G__counter{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-muted);letter-spacing:.04em;transition:color var(--transition-fast);align-self:flex-end}.page-module__UvcT7G__counter[data-warn=true]{color:var(--color-accent-coral)}.page-module__UvcT7G__visGrid{gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module__UvcT7G__visOption{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-base);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);text-align:left;font-family:var(--font-family-body);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.page-module__UvcT7G__visOption:hover{border-color:var(--color-primary-main);transform:translateY(-1px)}.page-module__UvcT7G__visOption:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:2px}.page-module__UvcT7G__visOption[data-active=true]{border-color:var(--tone-color,var(--color-primary-main));background-color:var(--tone-tint,var(--color-primary-tint));box-shadow:0 0 0 1px var(--tone-color,var(--color-primary-main)) inset}.page-module__UvcT7G__visOption[data-tone=purple]{--tone-color:var(--color-accent-purple);--tone-tint:var(--color-accent-purple-tint-soft)}.page-module__UvcT7G__visOption[data-tone=cyan]{--tone-color:var(--color-accent-cyan);--tone-tint:var(--color-accent-cyan-tint-soft)}.page-module__UvcT7G__visOption[data-tone=coral]{--tone-color:var(--color-accent-coral);--tone-tint:var(--color-accent-coral-tint-soft)}.page-module__UvcT7G__visOption__icon{border-radius:var(--radius-md);background-color:var(--color-bg-surface);width:32px;height:32px;color:var(--tone-color,var(--color-text-secondary));transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.page-module__UvcT7G__visOption[data-active=true] .page-module__UvcT7G__visOption__icon{background-color:var(--tone-color);color:var(--color-text-inverse)}.page-module__UvcT7G__visOption__label{font-size:var(--font-size-medium);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-module__UvcT7G__visOption__desc{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-body)}.page-module__UvcT7G__options{gap:var(--spacing-md);flex-direction:column;display:flex}.page-module__UvcT7G__toggleRow{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-bg-base);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);grid-template-columns:auto 1fr auto;display:grid}.page-module__UvcT7G__toggleRow:hover{border-color:var(--color-primary-main)}.page-module__UvcT7G__toggleRow[data-tone=primary]{--tone-color:var(--color-primary-main);--tone-tint:var(--color-primary-tint-soft)}.page-module__UvcT7G__toggleRow[data-tone=cyan]{--tone-color:var(--color-accent-cyan);--tone-tint:var(--color-accent-cyan-tint-soft)}.page-module__UvcT7G__toggleRow[data-tone=coral]{--tone-color:var(--color-accent-coral);--tone-tint:var(--color-accent-coral-tint-soft)}.page-module__UvcT7G__toggleRow[data-active=true]{border-color:var(--tone-color);background-color:var(--tone-tint)}.page-module__UvcT7G__toggleRow__icon{border-radius:var(--radius-md);background-color:var(--color-bg-surface);width:36px;height:36px;color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.page-module__UvcT7G__toggleRow[data-active=true] .page-module__UvcT7G__toggleRow__icon{background-color:var(--tone-color);color:var(--color-text-inverse)}.page-module__UvcT7G__toggleRow__body{flex-direction:column;gap:2px;min-width:0;display:flex}.page-module__UvcT7G__toggleRow__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-module__UvcT7G__toggleRow__desc{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-body)}.page-module__UvcT7G__toggleRow__switch{align-items:center;display:inline-flex;position:relative}.page-module__UvcT7G__toggleRow__switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.page-module__UvcT7G__switchTrack{background-color:var(--color-bg-medium);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-pill);width:40px;height:22px;transition:background-color var(--transition-fast), border-color var(--transition-fast);display:inline-block;position:relative}.page-module__UvcT7G__switchThumb{background-color:var(--color-text-secondary);width:16px;height:16px;transition:transform var(--transition-fast), background-color var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.page-module__UvcT7G__toggleRow[data-active=true] .page-module__UvcT7G__switchTrack{background-color:var(--tone-color);border-color:var(--tone-color)}.page-module__UvcT7G__toggleRow[data-active=true] .page-module__UvcT7G__switchThumb{background-color:var(--color-text-inverse);transform:translate(18px)}.page-module__UvcT7G__toggleRow__switch input:focus-visible+.page-module__UvcT7G__switchTrack{outline:2px solid var(--color-primary-main);outline-offset:2px}.page-module__UvcT7G__preview{gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.page-module__UvcT7G__preview__header,.page-module__UvcT7G__tips__header{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);display:inline-flex}.page-module__UvcT7G__preview__card{gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-bg-base);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.page-module__UvcT7G__preview__card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0% 0%, var(--color-primary-tint-soft), transparent 60%);opacity:.8;position:absolute;inset:0}.page-module__UvcT7G__preview__card>*{z-index:1;position:relative}.page-module__UvcT7G__preview__meta{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.page-module__UvcT7G__preview__chip{padding:2px var(--spacing-md);background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);align-items:center;gap:4px;display:inline-flex}.page-module__UvcT7G__preview__chip[data-tone=purple]{background-color:var(--color-accent-purple-tint-soft);border-color:var(--color-accent-purple);color:var(--color-accent-purple)}.page-module__UvcT7G__preview__chip[data-tone=cyan]{background-color:var(--color-accent-cyan-tint-soft);border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.page-module__UvcT7G__preview__chip[data-tone=coral]{background-color:var(--color-accent-coral-tint-soft);border-color:var(--color-accent-coral);color:var(--color-accent-coral)}.page-module__UvcT7G__preview__chip[data-tone=primary]{background-color:var(--color-primary-tint-soft);border-color:var(--color-primary-main);color:var(--color-primary-light)}.page-module__UvcT7G__preview__title{font-family:var(--font-family-title);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);letter-spacing:-.015em;color:var(--color-text-primary);word-break:break-word;margin:0;line-height:1.2}.page-module__UvcT7G__preview__desc{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-body);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.page-module__UvcT7G__preview__placeholder{color:var(--color-text-muted);font-style:italic}.page-module__UvcT7G__preview__footer{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-tiny);color:var(--color-text-muted);display:flex}.page-module__UvcT7G__preview__footer strong{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.page-module__UvcT7G__tips{gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.page-module__UvcT7G__tips__list{counter-reset:tips;gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-module__UvcT7G__tips__list li{counter-increment:tips;font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-body);padding-left:28px;position:relative}.page-module__UvcT7G__tips__list li:before{content:counter(tips);background-color:var(--color-primary-tint);width:20px;height:20px;color:var(--color-primary-light);font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;left:0}.page-module__UvcT7G__errorBanner{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-accent-coral-tint-soft);border:var(--border-thin) solid var(--color-accent-coral);border-radius:var(--radius-md);color:var(--color-accent-coral);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);display:flex}.page-module__UvcT7G__actionBar{z-index:var(--z-sticky);background-color:var(--color-bg-base);border-top:var(--border-thin) solid var(--color-border);box-shadow:var(--shadow-floating);position:fixed;bottom:0;left:0;right:0}.page-module__UvcT7G__actionBar__inner{max-width:var(--max-width-content);padding:var(--spacing-lg) var(--container-padding);justify-content:space-between;align-items:center;gap:var(--spacing-xl);margin:0 auto;display:flex}.page-module__UvcT7G__actionBar__hint{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-text-secondary);min-width:0;display:inline-flex}.page-module__UvcT7G__actionBar__hint svg{color:var(--color-primary-main);flex-shrink:0}.page-module__UvcT7G__actionBar__buttons{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:inline-flex}.page-module__UvcT7G__btnGhost{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast)}.page-module__UvcT7G__btnGhost:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text-primary)}.page-module__UvcT7G__btnGhost:disabled{opacity:.5;cursor:not-allowed}.page-module__UvcT7G__btnPrimary{padding:var(--spacing-md) var(--spacing-xxl);background:linear-gradient(120deg, var(--color-primary-main), var(--color-accent-cyan));border-radius:var(--radius-md);color:var(--color-text-inverse);font-family:var(--font-family-body);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);letter-spacing:.01em;cursor:pointer;transition:background-position var(--transition-normal), transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 4px 14px rgba(var(--color-primary-main-rgb), .35);background-position:0%;background-size:180% 180%;border:none}.page-module__UvcT7G__btnPrimary:hover:not(:disabled){box-shadow:0 6px 18px rgba(var(--color-primary-main-rgb), .45);background-position:100%;transform:translateY(-1px)}.page-module__UvcT7G__btnPrimary:active:not(:disabled){transform:translateY(0)}.page-module__UvcT7G__btnPrimary:disabled{background:var(--color-bg-medium);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed}@media (max-width:1024px){.page-module__UvcT7G__layout{grid-template-columns:minmax(0,1fr)}.page-module__UvcT7G__columnSide{order:-1;position:static}.page-module__UvcT7G__sideSticky{flex-direction:row}.page-module__UvcT7G__preview,.page-module__UvcT7G__tips{flex:1}}@media (max-width:640px){.page-module__UvcT7G__page{padding:var(--spacing-xxl) var(--container-padding) calc(var(--spacing-5xl) + 96px);gap:var(--spacing-4xl)}.page-module__UvcT7G__hero{padding:var(--spacing-xl)}.page-module__UvcT7G__hero__title{font-size:var(--font-size-xxlarge)}.page-module__UvcT7G__hero__lede{font-size:var(--font-size-body)}.page-module__UvcT7G__card{padding:var(--spacing-xl);gap:var(--spacing-lg)}.page-module__UvcT7G__card__head{gap:var(--spacing-md)}.page-module__UvcT7G__titleInput{font-size:var(--font-size-large);padding:var(--spacing-md) var(--spacing-lg)}.page-module__UvcT7G__descInput{padding:var(--spacing-md) var(--spacing-lg);min-height:100px}.page-module__UvcT7G__visGrid{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr)}.page-module__UvcT7G__visOption{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);flex-direction:row}.page-module__UvcT7G__visOption__icon{width:36px;height:36px}.page-module__UvcT7G__visOption__desc{display:none}.page-module__UvcT7G__toggleRow{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.page-module__UvcT7G__sideSticky{flex-direction:column}.page-module__UvcT7G__actionBar__inner{padding:var(--spacing-md) var(--container-padding);align-items:stretch;gap:var(--spacing-md);flex-direction:column}.page-module__UvcT7G__actionBar__hint{font-size:var(--font-size-tiny);text-align:center;justify-content:center}.page-module__UvcT7G__actionBar__buttons{justify-content:flex-end}.page-module__UvcT7G__btnGhost,.page-module__UvcT7G__btnPrimary{flex:1}}