.lt-editor { padding: 24px 0 48px; }
.lt-workspace { scroll-margin-top: 6rem; }
.lt-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.lt-heading h1 { margin: 4px 0 10px; }
.lt-heading p { max-width: 620px; }
.lt-workspace { position: relative; display: block; }
.lt-preview, .lt-screen { min-width: 0; width: 100%; }
.lt-stage {
    position: relative; overflow: hidden; width: 100%; aspect-ratio: 16/3; border-radius: 16px;
    background: repeating-conic-gradient(#454b59 0% 25%, #505767 0% 50%) 50% / 24px 24px;
}
.lt-stage iframe, .lt-card-preview iframe {
    position: absolute; left: 0; top: 0; transform-origin: 0 0; border: 0; pointer-events: none; background: transparent;
}
.lt-transport { display: flex; align-items: center; gap: 8px; margin-top: 8px; min-height: 44px; }
.lt-transport .editor-player-controls { position: static; transform: none; flex: 1; width: auto; max-width: none; }
.lt-transport .editor-player-controls__edit-standalone { position: static; flex-shrink: 0; }
.lt-settings.is-collapsed { display: none; }
.lt-settings .creator-setting-field { margin-bottom: 16px; }
.lt-settings .creator-setting-group > .creator-setting-field--toggle { margin: 0; }
.lt-settings .creator-setting-field[hidden] { display: none; }
.lt-settings fieldset { border: 0; min-width: 0; }
.lt-settings .creator-settings-panel__section { display: block; padding: 16px; }
.lt-settings .creator-settings-panel__section[hidden] { display: none; }
.lt-settings button { min-height: 44px; }
.lt-settings [data-lt-fields] input[type=number], .lt-settings [data-lt-fields] input[type=text], .lt-settings select {
    max-width: 100%; min-height: 44px;
}
.lt-settings .creator-color-field { display: flex; }
.lt-catalog { margin-top: 30px; }
.lt-catalog__hint { margin: 8px 0 24px; color: var(--project-muted); font-size: 14px; line-height: 1.6; }
.lt-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; align-items: stretch; }
.lt-catalog-section + .lt-catalog-section { margin-top: 44px; }
.lt-catalog-section__title { margin: 0 0 20px; font-size: 22px; }
.lt-card {
    display: block; padding: 0; overflow: hidden; border: 1px solid #dce0e8; border-radius: 12px;
    background: #fff; text-align: left; cursor: pointer; color: #111827; text-decoration: none;
}
.lt-card[aria-pressed=true] { outline: 3px solid #0b6edc; outline-offset: 2px; }
.lt-card strong { display: block; padding: 14px 16px; }
.lt-card-preview { position: relative; overflow: hidden; background: #242936; aspect-ratio: 16/9; }
.lt-card-preview span { display: block; padding: 30px; color: white; }
.lt-catalog-grid .lt-card {
    position: relative; min-width: 0; display: flex; flex-direction: column; padding: 0;
    border: 1px solid var(--project-line); border-radius: 8px; background: var(--project-surface);
    color: var(--project-ink); font: inherit;
}
.lt-catalog-grid .lt-card[aria-pressed=true] { border-color: var(--project-blue); outline: 0; outline-offset: 0; }
.lt-catalog-grid .lt-card:focus-visible { outline: 3px solid var(--project-blue); outline-offset: 3px; }
.lt-catalog-grid .lt-card-preview { flex: 0 0 auto; width: 100%; aspect-ratio: 20/9; isolation: isolate; background: repeating-conic-gradient(#454b59 0% 25%, #505767 0% 50%) 50% / 24px 24px; }
.lt-catalog-grid .lt-card-body { position: relative; display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 20px; }
.lt-catalog-grid .lt-card-body strong { margin: 0; padding: 0; font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; }
.lt-editor #lt-error { color: #b42318; }
.lt-editor #lt-message { min-height: 24px; }
.lt-workspace.is-editor-expanded { display: grid; gap: 0; align-items: stretch; }
.lt-workspace.is-editor-expanded .lt-preview {
    grid-area: preview; display: flex; align-items: center; justify-content: center;
    padding: 20px; min-height: 0; position: relative; container-type: size;
}
.lt-workspace.is-editor-expanded .lt-screen {
    width: 100%; max-width: calc((100cqh - 70px) * var(--lt-ratio, 1.7778));
}
.lt-workspace.is-editor-expanded .lt-stage { width: 100%; border-radius: 10px; }
.lt-workspace.is-editor-expanded .lt-settings { display: contents; }
.lt-workspace.is-editor-expanded .lt-settings .preview-settings-panel__body {
    min-height: 0; width: auto; overflow: auto; padding-top: 0; padding-bottom: 16px;
}
.lt-workspace.is-editor-expanded .lt-transport .editor-player-controls__edit-standalone { display: none; }
.lt-workspace.is-editor-expanded #lt-message:empty { display: none; }
@media(max-width:900px) {
    .lt-heading { align-items: flex-start; flex-direction: column; }
}
@media(max-width:1100px) { .lt-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:700px) {
    .lt-workspace.is-editor-expanded {
        grid-template-columns: 60px minmax(0, 1fr);
        grid-template-rows: auto minmax(190px, 32dvh) minmax(0, 1fr);
        grid-template-areas: "toolbar toolbar" "rail preview" "rail settings";
    }
    .lt-workspace.is-editor-expanded .lt-preview { padding: 10px; }
    .lt-workspace.is-editor-expanded .lt-settings .preview-settings-panel__body { padding-left: 0; }
}
@media(max-width:480px) {
    .lt-editor { padding-top: 16px; }
    .lt-heading h1 { font-size: 28px; }
    .lt-settings .preview-settings-panel__header-control { min-width: 110px; max-width: 100%; }
}

@media(max-width:650px) { .lt-catalog-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; } .lt-catalog-grid .lt-card-body { padding: 18px; } }

.lt-stage iframe,.lt-card-preview iframe{color-scheme:light}


.lt-slider-track{display:flex;align-items:center;gap:12px;min-width:0}.lt-slider-track input[type=range]{flex:1;min-width:0;margin:0}.lt-slider-value{min-width:42px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}
.lt-effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.lt-effect-card{display:grid;gap:8px;border:1px solid var(--project-line);border-radius:8px;padding:8px;background:var(--project-paper);color:inherit;text-align:left;font:inherit;font-size:12px}.lt-effect-card img{width:100%;height:auto}.lt-effect-card[aria-pressed=true]{outline:2px solid var(--project-blue,#6AA8FF)}

.lt-icon-color-action { justify-self: start; align-self: flex-start; }

.lt-gradient-element { margin-bottom: 20px; min-width: 0; }
.lt-gradient-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.lt-gradient-heading > span { min-width: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 600; line-height: 1.4; }
.lt-settings .lt-gradient-toggle { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 104px; flex-shrink: 0; margin: 0; padding: 8px 10px; gap: 6px; font-size: 12px; line-height: 1.2; white-space: nowrap; }
.lt-gradient-toggle::before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid currentColor; border-radius: 3px; background: linear-gradient(90deg,transparent,currentColor); }
.lt-gradient-toggle[aria-pressed=true] { background: var(--project-blue,#6AA8FF); color: var(--portal-color-editor-text,#fff); }
.lt-gradient-options { margin-top: 12px; padding: 12px; border: 1px solid var(--project-line,#dce0e8); border-radius: 8px; background: var(--project-paper-deep,#fff); }
.lt-gradient-options[hidden] { display: none; }
.lt-gradient-geometry { display: grid; gap: 8px; }

.lt-side-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.lt-side-mode-card{display:grid;justify-items:center;gap:4px;min-width:0;padding:8px;border:1px solid var(--project-line);border-radius:8px;background:var(--project-surface);color:var(--project-ink);font:inherit;font-size:12px}
.lt-side-mode-card[aria-pressed=true]{border-color:var(--project-blue);outline:2px solid var(--project-blue)}
.lt-side-mode-picture{display:grid;place-items:center;white-space:pre-line;text-align:center;line-height:1.1;width:100%;min-height:34px;border-radius:4px;background:#2b3547;color:#fff;font-size:15px;font-weight:700}

.lt-settings .lt-light-block { border-color: rgba(116, 133, 165, .35); background: rgba(116, 133, 165, .06); }
.lt-settings .lt-light-block .creator-setting-field:last-child { margin-bottom: 0; }
.lt-settings .lt-light-details[hidden] { display: none; }
.lt-settings .lt-light-details { border-top-color: rgba(116, 133, 165, .25); }
.lt-panel-fields > h3 { margin: 0 0 12px; font-size: 13px; line-height: 1.4; }
.lt-panel-fields > .lt-gradient-element:last-child { margin-bottom: 0; }

.lt-card-features { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 0; padding: 0; list-style: none; color: var(--project-muted); font-size: 12px; line-height: 1.5; }
.lt-card-features li { max-width: 100%; overflow-wrap: anywhere; }
.lt-card-features li::before { content: '•'; margin-right: 6px; color: var(--project-blue); }

.lt-effect-hint{font-size:12px;line-height:1.5;color:var(--project-muted);margin:6px 0 12px}


.lt-effects-gallery { margin-bottom: 16px; }

.lt-motion-parts{margin-top:16px}.lt-motion-parts>summary{cursor:pointer;font-weight:600;padding:10px 0}.lt-motion-parts .creator-setting-group{margin-top:12px}.lt-motion-hint{font-size:13px;color:var(--muted-color,#64748b);line-height:1.5}

/* Высокая карточка вписывается в плеер; транспорт остаётся во всю ширину. */
.lt-workspace--vertical .lt-screen { display: flex; flex-direction: column; align-items: center; }
.lt-workspace--vertical .lt-stage { height: min(68dvh, 720px); }
.lt-workspace--vertical .lt-transport { width: 100%; }
.lt-workspace--vertical.is-editor-expanded .lt-screen { max-width: none; height: 100%; justify-content: center; }
.lt-workspace--vertical.is-editor-expanded .lt-stage { height: max(0px, 100cqh - 70px); flex: 0 0 auto; }
.lt-card--vertical .lt-card-preview { aspect-ratio: 1; }
@media(max-width:700px) {
    .lt-workspace--vertical.is-editor-expanded { grid-template-rows: auto minmax(210px, 46dvh) minmax(0, 1fr); }
    .lt-workspace--vertical .lt-stage { height: 54dvh; }
}