/* Editing surfaces share the application palette, with a quieter preview stage. */
.editor-heading{background:#fff}
.editor-heading small{display:block;margin-top:5px;line-height:1.6;color:#8492a6}
.editor-heading .heading-actions button{min-height:36px;border-radius:10px}
.editor-heading .heading-actions .primary{box-shadow:0 4px 12px #2563eb16}
.editor-grid{background:#fff;border-top:1px solid #e9eef5}
.editor-grid .asset-panel,.editor-grid .inspector{scrollbar-width:thin;scrollbar-color:#d7dfeb transparent}
.editor-grid .tabs{position:sticky;top:0;z-index:4;background:#fff;height:54px;gap:24px;border-bottom:1px solid #edf1f7}
.editor-grid .tabs button{font-size:13px;color:#7a899e;font-weight:500}
.editor-grid .tabs button.active{color:#2563eb;font-weight:600}
.editor-grid .asset-header{margin:22px 0 16px;font-size:13px;color:#283d59}
.editor-grid .packaging-heading small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#8997aa}
.editor-grid label{font-size:12px;color:#708099}
.editor-grid .picker-trigger{min-height:36px;border-radius:9px;font-size:12px}
.editor-grid .section-note{font-size:11px;color:#8a98aa;line-height:1.8;margin-top:16px}
.editor-grid .caption-presets{gap:16px;margin:18px 0}
.editor-grid .caption-preset{display:block;padding:0;background:transparent;border:1px solid transparent;border-radius:12px;overflow:hidden;text-align:left;width:100%}
.editor-grid .caption-preset .preset-preview{height:78px;display:flex;align-items:center;justify-content:center;padding:12px;background:#eef2f8;border-radius:10px}
.editor-grid .caption-preset .preset-sample{display:inline-block;font-size:15px;line-height:1.5;font-weight:650;letter-spacing:.2px;padding:0;background:none;color:#fff;text-shadow:0 1px 4px #27394ea6}
.editor-grid .caption-preset.preset-daily .preset-preview{background:#56697c}
.editor-grid .caption-preset.preset-professional .preset-preview{background:#dce5ef}
.editor-grid .caption-preset.preset-professional .preset-sample{background:#25354b;padding:5px 9px;border-radius:3px;text-shadow:none}
.editor-grid .caption-preset.preset-story .preset-preview{background:#34404d}
.editor-grid .caption-preset.preset-story .preset-sample{color:#f7ce92;text-shadow:none}
.editor-grid .caption-preset .preset-meta{display:block;padding:9px 3px 2px;background:none;color:#30435d}
.editor-grid .caption-preset .preset-meta b{font-size:12px;font-weight:600}
.editor-grid .caption-preset .preset-meta small{font-size:10px;font-weight:400;margin-top:3px;color:#8b98aa}
.editor-grid .caption-preset:hover{border-color:#c1d5ff;background:#f7faff}
.editor-grid .caption-preset:focus-visible{outline:2px solid #4f83ef;outline-offset:3px}
.editor-grid .viewer{background:radial-gradient(ellipse at 50% 40%,#fafbfd 0%,#edf1f7 100%);padding:26px 32px 48px;position:relative}
.editor-grid .preview{border-radius:10px;box-shadow:0 20px 50px -18px #1e345b50,0 2px 8px #142b4112;outline:1px solid #ffffff80;max-height:100%}
.editor-grid .viewer-tools{bottom:14px;left:20px}
.editor-grid .viewer-tools .picker-trigger{background:#ffffffd9;box-shadow:0 2px 8px #1b355608;border:1px solid #e5ebf3}
.editor-grid .viewer-label{font-size:10px;letter-spacing:.1px;color:#92a0b2}
.editor-grid #timelineStatus{font-size:12px;color:#b5c2d5;line-height:1.8}
.editor-grid .inspector .empty{margin-top:55px;padding:24px 16px;font-size:12px;line-height:1.9;color:#91a0b3}
.editor-grid .control-section{border-bottom:1px solid #edf1f6}
.timeline{border-top:1px solid #e1e8f1;background:#fff}
.timeline .timeline-toolbar{min-height:58px;padding:8px 18px;background:#fff;border-bottom:1px solid #edf1f7}
.timeline .tool-group{gap:7px}
.timeline .icon-button{border-radius:8px;color:#72829a}
.timeline .icon-button:hover:not(:disabled){background:#edf3ff;color:#2563eb}
.timeline #play{width:36px;height:36px;border-radius:50%;background:#edf3ff;color:#2563eb}
.timeline .timecode{font-size:11px;font-variant-numeric:tabular-nums;color:#8c9ab0}
.timeline .timecode b{font-weight:500;color:#3e70d5}
.timeline .track-labels{background:#fff;border-right:1px solid #e8eef6}
.timeline .track-label{color:#71819a;font-size:11px;gap:9px}
.timeline .track-label .icon{opacity:.7}
.timeline .ruler,.timeline .ruler-label{height:30px;color:#92a1b5;background:#fbfcfe}
.timeline .track{background:#f5f7fb;border-bottom:1px solid #edf1f7}
.timeline .track:nth-child(odd){background:#fafbfd}
.timeline .clip{border-radius:6px}
.timeline .timeline-foot{padding:8px 16px;font-size:10px;color:#98a5b7;background:#fff}
@media(min-width:901px){
 .editor-grid{grid-template-columns:244px minmax(220px,1fr) 250px}
 .editor-grid .asset-panel,.editor-grid .inspector{padding-left:18px;padding-right:18px}
}
@media(max-width:600px){
 .editor-grid .caption-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .editor-grid .caption-preset .preset-preview{height:66px;padding:6px}
 .editor-grid .caption-preset .preset-sample{font-size:11px}
 .timeline .timeline-toolbar{padding:8px;gap:5px}
}
@media(prefers-reduced-motion:no-preference){
 .editor-grid .caption-preset{transition:background .2s ease,border-color .2s ease}
 .editor-grid .caption-preset .preset-preview{transition:filter .2s ease}
 .editor-grid .caption-preset:hover .preset-preview{filter:brightness(1.06)}
}