.atelier-preview-mock{border:1px solid var(--app-border);background:var(--app-card);box-shadow:var(--app-shadow-card-lg);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.atelier-preview-mock>:not(.atelier-preview-bar){align-self:center;margin-block:16px}.atelier-preview-mock>.tc-editor-frame{border-radius:14px;align-self:stretch;max-block-size:640px;margin-inline:16px;overflow-y:auto}.atelier-preview-bar{border-block-end:1px solid var(--app-border);background:var(--app-card);align-items:center;gap:6px;min-block-size:30px;padding-block:0;padding-inline:12px;display:flex}.atelier-preview-dot{background:var(--app-wash-2);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.atelier-preview-url{flex:1;justify-content:center;min-inline-size:0;display:flex}.atelier-preview-url>span{color:var(--app-text-subtle);background:var(--app-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-inline-size:100%;padding-block:2px;padding-inline:12px;font-size:10.5px;overflow:hidden}.atelier-live-dot{background:var(--status-yes);border-radius:50%;flex:none;block-size:7px;inline-size:7px;animation:2s infinite atelier-live-pulse}@keyframes atelier-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-yes) 55%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--status-yes) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-yes) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.atelier-live-dot{animation:none}}.atelier-look-card{background:var(--app-card);box-shadow:0 0 0 1px var(--app-border), var(--app-shadow-card);transition:box-shadow var(--app-duration,.2s) var(--app-ease,ease);border-radius:22px;position:relative}.atelier-look-card[data-selected=true]{box-shadow:0 0 0 2.5px var(--app-primary), var(--app-shadow-card-lg)}.atelier-look-check{background:var(--app-primary);block-size:22px;inline-size:22px;color:var(--app-primary-fg);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:9px;inset-inline-end:9px}.atl-card{background:var(--app-card);box-shadow:0 0 0 1px var(--app-border), var(--app-shadow-card);border-radius:22px}.atl-section{flex-direction:column;gap:20px;padding:16px;display:flex}.atl-section-head{align-items:flex-start;gap:12px;display:flex}summary.atl-section-head{padding:16px}.atl-fold-body{border-block-start:1px solid var(--app-border);flex-direction:column;gap:20px;padding:16px;display:flex}@media (width>=640px){.atl-section,summary.atl-section-head,.atl-fold-body{padding:20px}}.atl-title{font-family:var(--app-font-display);letter-spacing:-.01em;color:var(--app-text);font-weight:700}[dir=rtl] .atl-title{font-family:var(--app-font-display-he);letter-spacing:0}.atl-section-title{margin:0;font-size:19px;line-height:1.2;display:block}.atl-section-hint{color:var(--app-text-muted);margin:4px 0 0;font-size:13.5px;line-height:1.45;display:block}.atl-overline{letter-spacing:.14em;text-transform:uppercase;color:var(--app-text-subtle);margin:0;font-size:11px;font-weight:700}[dir=rtl] .atl-overline{letter-spacing:0}.atl-icon{background:var(--tov-soft);block-size:34px;inline-size:34px;color:var(--tov-deep);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.atl-icon-lg{background:var(--tov-field);block-size:44px;inline-size:44px;color:var(--app-text);border-radius:14px}.atl-summary{cursor:pointer;min-block-size:44px;list-style:none}.atl-summary::-webkit-details-marker{display:none}.atl-fold{border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px}.atl-fold-summary{color:var(--app-text);align-items:center;gap:8px;padding:16px;display:flex}@media (width>=640px){.atl-fold-summary{padding:20px}}.atl-fold-hint{color:var(--app-text-muted);margin-inline-start:8px;font-size:12px;font-weight:500}.atl-chevron{color:var(--app-text-subtle);transition:transform var(--app-duration-fast) var(--app-ease-smooth)}[dir=rtl] .atl-chevron,[dir=rtl] .atl-arrow{transform:scaleX(-1)}details[open]>summary .atl-chevron,[dir=rtl] details[open]>summary .atl-chevron{transform:rotate(90deg)}.atl-tabs{border-radius:var(--app-radius-full);background:var(--app-surface);gap:4px;inline-size:100%;margin-block-end:20px;padding:4px;display:flex}.atl-tab{border-radius:var(--app-radius-full);min-inline-size:0;font:inherit;color:var(--app-text-muted);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;padding-inline:12px;font-size:14px;font-weight:600;display:inline-flex}.atl-segment{border-radius:var(--app-radius-full);background:var(--app-surface);gap:2px;padding:4px;display:inline-flex}.atl-segment-item{border-radius:var(--app-radius-full);min-block-size:44px;font:inherit;color:var(--app-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;padding-inline:14px;font-size:14px;font-weight:600;display:inline-flex}.atl-tab[aria-selected=true],.atl-segment-item[aria-pressed=true]{background:var(--app-accent);color:var(--app-accent-fg);box-shadow:inset 0 0 0 1.5px var(--app-primary)}.atl-primary,.atl-ghost,.atl-danger{border-radius:var(--app-radius-full);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-block-size:44px;padding-inline:20px;font-family:inherit;font-size:14.5px;font-weight:700;line-height:1.1;text-decoration:none}.atl-primary{background:var(--app-primary);color:var(--app-primary-fg);box-shadow:var(--app-shadow-cta);border:0;display:inline-flex}.atl-primary:hover:not(:disabled){background:var(--app-primary-hover)}.atl-ghost{background:var(--app-card);color:var(--app-text);box-shadow:inset 0 0 0 1.5px var(--app-border-strong);border:0;display:inline-flex}.atl-ghost-sm{padding-inline:12px;font-size:12.5px}.atl-danger{border:1px solid var(--status-no-soft);color:var(--status-no-ink);background:0 0;display:inline-flex}.atl-primary:disabled,.atl-ghost:disabled,.atl-chip:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.atl-chip{background:var(--app-card);min-block-size:44px;box-shadow:inset 0 0 0 1.5px var(--app-border-strong);font:inherit;color:var(--app-text);text-align:start;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.atl-chip:hover:not(:disabled){background:var(--app-surface-hover)}.atl-add{border:1.5px dashed var(--app-border-strong);min-block-size:44px;font:inherit;color:var(--app-text);cursor:pointer;background:0 0;border-radius:14px;padding:10px;font-size:14px;font-weight:600}.atl-remove{min-block-size:44px;min-inline-size:44px;font:inherit;color:var(--status-no-ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding-inline:8px;font-size:12px;font-weight:600;display:inline-flex}:is(.atl-primary,.atl-ghost,.atl-danger,.atl-chip,.atl-tab,.atl-segment-item):focus-visible{outline:3px solid var(--app-primary);outline-offset:2px}.atl-bar{background:var(--app-card);box-shadow:0 0 0 1px var(--app-border), var(--app-shadow-lg);border-radius:22px}.atl-row{border:1px solid var(--app-border);border-radius:14px}.atl-soft{border:1px solid var(--app-border);background:var(--app-surface);border-radius:14px}.atl-link-card{color:inherit;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.atl-cta{inline-size:100%;font:inherit;text-align:start;cursor:pointer;border:0;align-items:center;gap:14px;padding:16px;display:flex}.atl-cta:hover{box-shadow:0 0 0 1.5px var(--app-primary), var(--app-shadow-card)}.atl-pick[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--app-primary), var(--app-shadow-card-lg)}.atl-helper{border-block-start:1px solid var(--app-border)}.atl-note{border:1px solid var(--app-border);background:var(--app-surface);border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.atl-alert{border:1px solid color-mix(in srgb, var(--app-error) 40%, transparent);background:var(--app-error-soft);color:var(--app-text);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:500}.atl-badge{border-radius:var(--app-radius-full);background:var(--tov-soft);letter-spacing:.04em;text-transform:uppercase;color:var(--app-text);align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.atl-skel{background:var(--app-surface)}.atl-loading{text-align:center;color:var(--app-text-muted);font-size:14px}.atl-screen{background:var(--app-bg);min-block-size:100vh;color:var(--app-text-muted);place-items:center;font-size:14px;display:grid}.atl-banner{z-index:10000;background:var(--app-error);text-align:center;color:var(--app-error-fg);padding:8px 16px;font-size:13px;position:fixed;inset-inline:0}.atl-fab{z-index:var(--z-fab);min-block-size:var(--app-touch-target);border-radius:var(--app-radius-full);background:var(--app-primary);font:inherit;color:var(--app-primary-fg);box-shadow:var(--app-shadow);cursor:pointer;border:0;align-items:center;gap:8px;padding-inline:16px;font-size:14px;font-weight:700;position:fixed;inset-block-end:calc(var(--safe-bottom) + 84px);inset-inline-end:16px}.atl-bar-preview{min-block-size:var(--app-touch-target);border:1px solid var(--app-border);border-radius:var(--app-radius-full);background:var(--app-bg);font:inherit;color:var(--app-text);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding-inline:12px;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.atl-chevron{transition:none}}