/* Full-window application layout. Feature styling lives in editor-core.css. */
body.editor-core-page { height:100dvh;min-height:0;overflow:hidden; }
.editor-core-page main#main-content { height:100%;min-height:0;padding:0; }
.editor-core-page .editor-core-panel { height:100%;padding:0;border:0;overflow:hidden; }
.editor-core-page .global-flashes { position:fixed;z-index:30;left:50%;bottom:36px;transform:translateX(-50%);width:min(640px,calc(100% - 32px));max-height:25dvh;overflow:auto; }
.editor-core-panel > .shell { width:100%;max-width:none;height:100%;margin:0;padding:0; }
.editor-core-app { height:100%;min-height:0;border:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;font-size:.82rem; }
.editor-core-app .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.editor-core-app__topbar { grid-row:1;flex-direction:row;flex-wrap:nowrap;gap:16px;padding:10px 16px;background:#0a0e15; }
.editor-workspace-back { display:flex;align-items:center;gap:8px;flex:none;color:var(--muted);font-size:.72rem;text-decoration:none; }
.editor-workspace-back:hover { color:var(--text); }
.editor-core-topbar__project { flex:1 1 220px;flex-wrap:nowrap;gap:8px; }
.editor-core-topbar__project label { flex:0 1 32ch;max-width:32ch; }
.editor-core-project-name { border-color:transparent!important;background:transparent!important;font-size:.86rem; }
.editor-core-project-name:hover,.editor-core-project-name:focus-visible { border-color:var(--border)!important; }
.editor-core-badge { font-size:.61rem;letter-spacing:.01em;text-transform:none;white-space:nowrap;border:0;padding:0; }
.editor-core-topbar__actions { flex-wrap:nowrap;gap:4px; }
.editor-core-app .button.sm { font-size:.74rem;padding:7px 10px;min-height:32px; }
.editor-core-app .button.xs { font-size:.7rem;padding:5px 8px;min-height:28px; }
.editor-core-topbar__actions > .ghost { border-color:transparent; }
.editor-core-topbar__actions > .editor-workspace-history { font-size:1.15rem;line-height:1;padding:5px 9px; }
.editor-core-export-menu__options { width:240px;max-height:calc(100dvh - 90px);overflow:auto; }
.editor-core-app__workspace { grid-row:3;position:relative;min-height:0;overflow:hidden;grid-template-columns:clamp(220px,19vw,280px) minmax(0,1fr) 306px;gap:0;padding:0; }
.editor-core-pane,.editor-core-stage { align-self:stretch;min-height:0;max-height:none;border:0; }
.editor-core-pane { padding:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:#090d13; }
.editor-core-pane--left { border-right:1px solid var(--border); }
.editor-core-pane--right { grid-column:auto;border-left:1px solid var(--border); }
.editor-workspace-dockbar { display:flex;justify-content:space-between;min-width:0;border-bottom:1px solid var(--border); }
.editor-workspace-tabs { display:flex;gap:0;flex:1;min-width:0; }
.editor-workspace-tabs > button { background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font:inherit;font-size:.76rem;padding:13px 12px;cursor:pointer; }
.editor-core-pane--right .editor-workspace-tabs > button { padding-inline:9px; }
.editor-workspace-tabs > button[aria-selected=true] { color:var(--text);border-bottom-color:var(--accent);background:#ffffff04; }
.editor-workspace-tabs > button:focus-visible { outline:1px solid var(--accent);outline-offset:-3px; }
.editor-workspace-scroll { overflow:auto;min-width:0;min-height:0;overscroll-behavior:contain;padding:12px;scrollbar-width:thin; }
.editor-workspace-scroll > h2 { font-size:1rem;margin:4px 0 12px; }
.editor-workspace-scroll > p { font-size:.78rem;line-height:1.6; }
#editor-layers-panel { display:grid;grid-template-rows:minmax(0,1fr);padding:12px;overflow:hidden; }
#editor-layers-panel > .editor-core-block { min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr); }
#editor-layers-panel .editor-core-block__body { min-height:0;display:grid;grid-template-rows:auto auto auto minmax(64px,1fr) auto auto;gap:6px; }
#editor-layers-panel .editor-core-layer-tree { min-height:0;max-height:none;align-content:start;overscroll-behavior:contain;scrollbar-width:thin; }
#editor-layers-panel .editor-core-layer-item { padding:7px 6px; }
#editor-layers-panel .editor-core-layer-item strong { font-size:.75rem; }
#editor-layers-panel .editor-core-layer-item span { font-size:.65rem; }
#editor-layers-panel .editor-core-layer-ops { margin:0;gap:3px; }
#editor-layers-panel [data-editor-core-outline-count] { margin:0;font-size:.65rem; }
#editor-layers-panel .editor-core-field { margin:0; }
#editor-layers-panel .editor-core-field > span { display:none; }
#editor-layers-panel .editor-operation-tools[open] { max-height:200px;overflow:auto; }
.editor-workspace-add-menu { position:relative; }
.editor-workspace-add-menu > summary { cursor:pointer;list-style:none; }
.editor-workspace-add-menu > summary::-webkit-details-marker { display:none; }
.editor-workspace-add-menu .editor-core-layer-tools { position:absolute;right:0;top:calc(100% + 6px);z-index:9;display:grid;min-width:150px;padding:8px;background:#101927;border:1px solid var(--border);box-shadow:0 12px 24px #0008; }
.editor-workspace-add-menu:not([open]) .editor-core-layer-tools { display:none; }
.editor-workspace-add-menu .editor-core-layer-tools > button { text-align:left; }
.editor-workspace-scroll .editor-core-block { border:0;background:none; }
.editor-workspace-scroll .editor-core-block__header { padding:0 0 10px;border:0; }
.editor-workspace-scroll .editor-core-block__body { padding:0; }
.editor-workspace-scroll .editor-core-block__header h2 { font-size:.73rem;letter-spacing:.06em; }
.editor-workspace-scroll :is(.editor-core-projects,.editor-core-builds,.editor-core-import-options,.editor-core-artwork) { margin:12px 0;padding:12px; }
.editor-workspace-scroll :is(input,select,textarea) { max-width:100%; }
.editor-core-stage { grid-row:auto;padding:12px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;background:#05080d;overflow:hidden; }
.editor-core-stage__header { gap:6px;min-width:0; }
.editor-core-stage__meta { gap:6px;min-width:0; }
.editor-core-stage__meta [data-editor-core-render-label] { display:none; }
.editor-core-stage__toolbar { padding:0;border:0;background:none;gap:6px; }
.editor-core-toolgroup { gap:3px; }
.editor-core-zoom-control span { display:none; }
.editor-core-zoom-control input[type=range] { width:66px; }
.editor-core-zoom-label { min-width:2.5rem; }
.editor-core-stage__viewport { height:auto;min-height:0; }
.editor-core-stage__grid { background-size:24px 24px;background-image:radial-gradient(#233047 1px,transparent 1px); }
.editor-core-scene canvas { background:transparent; }
.editor-core-stage__timeline { padding:6px 8px; }
.editor-core-stage__timeline > input { width:100%;display:block; }
.editor-core-timeline__controls { margin-bottom:3px;gap:4px; }
.editor-core-time { margin-left:auto;font-size:.76rem; }
.editor-core-app__status { grid-row:4;flex-wrap:nowrap;padding:6px 12px;font-size:.66rem;min-width:0;gap:12px;background:#0a0e15; }
.editor-core-app__status > span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.editor-core-app__status > span:last-child { text-align:right; }
.editor-core-tabbar { gap:4px; }
.editor-core-tabbar .button { flex:1;padding:6px; }
.editor-core-tab .form-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.editor-core-tab .form-grid label { min-width:0; }
.editor-core-tab .form-grid :is(input,select,textarea) { width:100%;font-size:.78rem; }
.editor-core-tab .form-grid label > span { font-size:.72rem; }
.editor-core-tab .form-grid input[type=checkbox] { width:auto; }
.editor-core-tab .form-grid .editor-shell-checkbox { display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px; }
.editor-workspace-tools { min-height:0;display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr); }
.editor-workspace-tools > * { grid-area:1/1; }
.editor-workspace-tool-list { display:grid;gap:8px; }
.editor-workspace-tool-list > button { display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);background:#0e141f;color:var(--text);padding:12px 10px;cursor:pointer;font:inherit; }
.editor-workspace-tool-list > button:hover { background:#142038;border-color:#385477; }
.editor-workspace-tool-list strong { flex:1;font-size:.8rem; }
.editor-workspace-tool-list small { display:block;color:var(--muted);font-size:.72rem;line-height:1.5;font-weight:400;margin-top:3px; }
.editor-workspace-tool-list > button > span:first-child { color:var(--accent);font-size:1.15rem; }
.editor-workspace-tool-back { border:0;background:transparent;padding:4px 0 14px;color:var(--accent);cursor:pointer;font:inherit; }
.editor-workspace-basic-aod { margin:16px 0;font-size:.75rem; }
.editor-workspace-basic-aod > summary { cursor:pointer;color:var(--muted); }
.editor-workspace-tool-panel > :is(h2,.editor-workspace-tool-back) { display:block; }
.editor-core-workflow { display:grid;padding:12px;gap:8px;border:1px solid var(--border); }
.editor-core-workflow__copy { flex:auto; }
.editor-core-workflow__copy strong { font-size:.86rem; }
.editor-core-workflow__copy p { font-size:.76rem; }
.editor-core-workflow__actions { gap:6px; }
.editor-core-workflow__actions > :is(a,button) { width:100%;flex:auto; }
.editor-core-simulation { border:0;padding:0;background:none;gap:16px; }
.editor-core-simulation__row,.editor-core-simulation__metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start; }
.editor-core-simulation__row label,.editor-core-simulation__metrics label { display:grid;align-items:start;gap:5px;min-width:0; }
.editor-core-simulation .editor-shell-checkbox { display:flex;align-items:center;min-height:32px; }
.editor-core-simulation :is(input:not([type=checkbox]),select) { width:100%;max-width:none;min-width:0; }
.editor-core-simulation .button { white-space:normal; }

.editor-wear-customize [data-wff-configurations] {
  display: grid;
  gap: 10px;
}

.editor-wear-customize [data-wff-configurations] > p {
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
}

.editor-wear-customize h3 {
  margin: .55rem 0 0;
  font-size: .88rem;
}

.editor-wear-customize__item {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--border);
  background: #0b111a;
  overflow-wrap: anywhere;
}

.editor-wear-customize__item :is(h4,p) {
  margin: 0;
  font-size: .78rem;
}

.editor-wear-customize__item h4 {
  font-size: .87rem;
}

.editor-wear-customize__item .editor-core-field,
.editor-wear-customize__item select {
  min-width: 0;
  width: 100%;
}

.editor-wear-customize__item button,
.editor-wear-customize [data-wear-customize-reset] {
  justify-self: start;
  white-space: normal;
}

.editor-wear-customize__swatches:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem .55rem;
}

.editor-wear-customize__swatches span {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}

.editor-wear-customize__swatches i {
  width: .85rem;
  height: .85rem;
  border: 1px solid var(--border);
}

.editor-wear-customize__status {
  color: #a5c9ff;
}

.editor-wear-customize__notice {
  color: #ffd8a1;
}

.editor-wear-customize__authoring {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-height: 32px;
  padding-top: .45rem;
  border-top: 1px solid var(--border);
  font-size: .78rem;
}

.editor-core-app .editor-workspace-close,.editor-workspace-mobilebar,.editor-workspace-scrim { display:none; }
.editor-workspace-welcome { width:min(720px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:36px;background:#0b111c;color:var(--text,#edf3ff);border:1px solid #2c3e57;box-shadow:0 24px 120px #000b; }
.editor-workspace-welcome::backdrop { background:#02050bd6;backdrop-filter:blur(5px); }
.editor-workspace-welcome-close { position:absolute;top:12px;right:16px;padding:4px 10px;background:none;border:0;color:inherit;cursor:pointer;font-size:1.6rem; }
.editor-workspace-wordmark { color:#78abff;font-size:.68rem;letter-spacing:.16em; }
.editor-workspace-welcome h1 { margin:16px 0 8px;font-size:clamp(1.6rem,4vw,2rem);line-height:1.2; }
.editor-workspace-welcome > p:not(.editor-workspace-wordmark) { color:#a9b9d0;font-size:.9rem;line-height:1.6; }
.editor-workspace-welcome-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0; }
.editor-workspace-welcome-steps figure { margin:0;min-width:0; }
.editor-workspace-welcome-steps figcaption strong,.editor-workspace-welcome-steps figcaption span { display:block; }
.editor-workspace-welcome-steps figcaption strong { margin:18px 0 6px;font-size:.84rem; }
.editor-workspace-welcome-steps figcaption span { color:#a9b9d0;font-size:.76rem;line-height:1.6; }
.editor-welcome-art { position:relative;height:102px;border:1px solid #23334a;display:grid;place-items:center;background:linear-gradient(135deg,#122746,#0b1422);overflow:hidden; }
.editor-welcome-art--layers i { position:absolute;width:65px;height:45px;background:#102743;border:1px solid #5c8fcb;transform:rotate(-16deg); }
.editor-welcome-art--layers i:nth-child(1) { translate:-12px 12px;opacity:.4; }
.editor-welcome-art--layers i:nth-child(2) { translate:0 0;opacity:.7; }
.editor-welcome-art--layers i:nth-child(3) { translate:12px -12px;background:#193e66; }
.editor-welcome-art--watch::before { content:'';width:78px;height:78px;border:2px solid #8cbaf9;border-radius:50%;background:repeating-conic-gradient(from 0deg,#8cbaf9 0deg 2deg,transparent 2deg 30deg);box-shadow:inset 0 0 0 7px #0c1728; }
.editor-welcome-art--watch::after { content:'';position:absolute;width:58px;height:58px;border-radius:50%;background:#0c1728; }
.editor-welcome-art--watch :is(i,b) { position:absolute;z-index:1;width:3px;height:28px;background:#e5f1ff;top:24px;left:calc(50% - 1px);transform-origin:50% 100%;transform:rotate(50deg); }
.editor-welcome-art--watch b { height:20px;top:32px;transform:rotate(-55deg);background:#79aefe; }
.editor-welcome-art--build { color:#9dc4ff;font-size:2.5rem; }
.editor-welcome-art--build i { position:absolute;bottom:20px;width:55px;height:12px;border:1px solid #6b9cd7;border-top:0; }
.editor-workspace-welcome .editor-workspace-welcome-note { font-size:.74rem; }
.editor-workspace-welcome-actions { display:flex;gap:10px;flex-wrap:wrap;margin-top:22px; }
@media(max-width:1200px) {
  .editor-workspace-back span { max-width:6.4rem;line-height:1.4; }
  .editor-core-topbar__project { flex-wrap:wrap;gap:2px; }
  .editor-core-topbar__project label { flex-basis:100%; }
  .editor-core-app__topbar { gap:10px; }
  .editor-core-zoom-control { display:none; }
  .editor-core-app__workspace { grid-template-columns:220px minmax(0,1fr) 286px; }
}
@media(max-width:1000px) {
  .editor-core-app__workspace { grid-template-columns:220px minmax(0,1fr); }
  .editor-workspace-mobilebar { grid-row:2;display:flex;align-items:center;justify-content:space-between;background:#0a0e15;border-bottom:1px solid var(--border);font-size:.72rem;min-height:36px;padding:0 10px; }
  .editor-workspace-mobilebar > button { border:0;background:none;color:var(--text);font:inherit;padding:8px;cursor:pointer; }
  .editor-workspace-mobilebar > span { color:var(--muted); }
  .editor-workspace-mobilebar > [data-editor-workspace-open=left] { visibility:hidden; }
  .editor-core-pane--right { position:absolute;z-index:12;top:0;right:0;bottom:0;width:min(330px,calc(100% - 24px));box-shadow:-20px 0 60px #0009;display:none; }
  .editor-core-app[data-open-side=right] .editor-core-pane--right { display:grid; }
  .editor-core-app[data-open-side=right] .editor-workspace-scrim { display:block;position:absolute;inset:0;z-index:10;background:#02050b99;border:0; }
  .editor-core-app .editor-core-pane--right .editor-workspace-close { display:block; }
  .editor-workspace-close { border:0;background:none;color:var(--muted);font-size:1.3rem;padding:4px 12px;cursor:pointer; }
}
@media(max-width:700px) {
  .editor-core-app__topbar { display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 10px; }
  .editor-workspace-back { font-size:.7rem; }
  .editor-workspace-back span { max-width:6rem; }
  .editor-core-topbar__actions { grid-column:1/-1;justify-content:space-between;gap:2px; }
  .editor-core-topbar__actions .button.sm { padding:6px 8px;white-space:nowrap; }
  .editor-core-topbar__project { gap:0; }
  .editor-core-topbar__project label { flex-basis:auto; }
  .editor-core-badge { display:none; }
  .editor-core-app__workspace { grid-template-columns:minmax(0,1fr); }
  .editor-core-stage { grid-row:auto;padding:8px;gap:6px; }
  .editor-workspace-mobilebar > [data-editor-workspace-open=left] { visibility:visible; }
  .editor-workspace-mobilebar > span { display:none; }
  .editor-core-pane--left { position:absolute;z-index:12;left:0;top:0;bottom:0;width:min(300px,calc(100% - 24px));box-shadow:20px 0 60px #0009;display:none; }
  .editor-core-app[data-open-side=left] .editor-core-pane--left { display:grid; }
  .editor-core-app[data-open-side=left] .editor-workspace-scrim { display:block;position:absolute;inset:0;z-index:10;background:#02050b99;border:0; }
  .editor-core-app .editor-core-pane--left .editor-workspace-close { display:block; }
  .editor-core-stage__toolbar { justify-content:space-between; }
  .editor-core-stage__header { flex-wrap:nowrap; }
  .editor-core-app .editor-core-stage .button.sm { padding:5px 7px;min-height:30px;font-size:.68rem; }
  .editor-core-toolgroup [data-editor-core-action=add-hand] { display:none; }
  .editor-core-app__status [data-editor-core-footer] { display:none; }
  .editor-core-app__status > span:last-child { text-align:left; }
  .editor-workspace-welcome { padding:24px; }
  .editor-workspace-welcome-steps { gap:12px;margin:20px 0; }
  .editor-welcome-art { height:78px; }
  .editor-workspace-welcome-steps figcaption strong { font-size:.73rem; }
  .editor-workspace-welcome-steps figcaption span { font-size:.69rem; }
  .editor-welcome-art--watch::before { width:60px;height:60px; }
  .editor-welcome-art--watch::after { width:44px;height:44px; }
  .editor-welcome-art--watch i { top:12px; }.editor-welcome-art--watch b { top:20px; }
}
@media(prefers-reduced-motion:no-preference) {
  .editor-workspace-tool-list > button,.editor-workspace-tabs > button { transition:background .15s,color .15s,border-color .15s; }
}

/* Keep the native picker and its keyboard behavior inside the artwork tile. */
.editor-core-app .editor-workspace-image-picker { position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;min-height:92px;margin:0 0 12px;padding:14px 12px;border:1px dashed #385477;background:#0d1725;color:var(--text);text-align:left;cursor:pointer; }
.editor-core-app .editor-workspace-image-picker:hover { border-color:var(--accent);background:#11213b; }
.editor-core-app .editor-workspace-image-picker:focus-within { outline:2px solid var(--accent);outline-offset:3px; }
.editor-core-app .editor-workspace-image-picker__input { position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer; }
.editor-workspace-image-picker__icon { width:26px;height:26px;flex:none;color:var(--accent);pointer-events:none; }
.editor-workspace-image-picker__copy { display:grid;gap:5px;min-width:0;pointer-events:none; }
.editor-workspace-image-picker__copy strong { font-size:.82rem;font-weight:600; }
.editor-workspace-image-picker__copy small { color:var(--muted);font-size:.68rem;line-height:1.5; }

.editor-watch-preview-trigger { display:inline-flex;align-items:center;gap:6px;white-space:nowrap; }
.editor-watch-preview-trigger small { max-width:10ch;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.65rem; }
.editor-watch-preview-trigger.is-active { color:#d2e6ff;border-color:#456fa7;background:#13233a; }
.editor-core-scene-wrap.has-watch-preview { position:relative;isolation:isolate; }
.has-watch-preview .editor-core-scene { position:absolute;z-index:2; }
.has-watch-preview .editor-core-scene canvas { border:0; }
.editor-watch-frame,.editor-watch-matte { position:absolute;pointer-events:none;user-select:none; }
.editor-watch-frame-crop { position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0; }
.editor-watch-frame { z-index:0;max-width:none; }
.editor-watch-matte { z-index:1;background:#000; }
.editor-watch-frame[hidden],.editor-watch-matte[hidden],.editor-watch-frame-crop[hidden] { display:none; }
.editor-watch-picker { width:min(720px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 40px));box-sizing:border-box;overflow:auto;padding:24px;border:1px solid #374b66;border-radius:0;background:#0a111c;color:#e5edfa;box-shadow:0 28px 100px #000b; }
.editor-watch-picker::backdrop { background:#02060bd9;backdrop-filter:blur(5px); }
.editor-watch-picker > header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.editor-watch-picker h2 { font-size:1.35rem;margin:4px 0 12px; }
.editor-watch-eyebrow { margin:0;color:#7da9df;font-size:.65rem;letter-spacing:.16em; }
.editor-watch-picker > p { font-size:.79rem;line-height:1.65;color:#aebed3;margin:0 0 18px;max-width:60ch; }
.editor-watch-search { display:flex;align-items:center;gap:16px;margin:0 0 18px;color:#c4d3e7;font-size:.75rem; }
.editor-watch-search input { min-width:0;flex:1;border:1px solid #30455f;border-radius:0;background:#0d192a;color:#e5edfa;font:inherit;padding:10px 12px; }
.editor-watch-choices { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.editor-watch-brand { grid-column:1/-1;margin:12px 0 0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b7c9e2; }
.editor-watch-brand[hidden] { display:none; }
.editor-watch-choice { min-width:0;padding:0;border:1px solid #23354b;border-radius:0;background:#101b2a;color:#e5edfa;text-align:left;font:inherit;cursor:pointer;overflow:hidden; }
.editor-watch-choice:hover { background:#17283d;border-color:#5a7ea9; }
.editor-watch-choice:focus-visible,.editor-watch-search input:focus-visible { outline:2px solid #8fc1ff;outline-offset:3px; }
.editor-watch-choice[aria-pressed=true] { border-color:#80b6ff;box-shadow:inset 0 0 0 1px #80b6ff; }
.editor-watch-choice[hidden] { display:none; }
.editor-watch-choice__art { height:136px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2d3d51 0,transparent 70%); }
.editor-watch-choice__device { position:relative;display:block;flex:none;overflow:hidden; }
.editor-watch-choice__art img { position:absolute;max-width:none;pointer-events:none; }
.editor-watch-choice__art--off::before { content:'';width:70px;height:70px;border:1px dashed #6b8fbc;border-radius:50%;background:#080e17; }
.editor-watch-choice__copy { display:grid;gap:4px;padding:8px 12px 14px; }
.editor-watch-choice__copy small { color:#84a8d3;font-size:.62rem;letter-spacing:.06em; }
.editor-watch-choice__copy strong { font-size:.81rem;font-weight:600; }
.editor-watch-choice__copy > span { color:#9eb0c9;font-size:.65rem;line-height:1.5; }
.editor-watch-picker footer { margin-top:18px;padding-top:12px;border-top:1px solid #23354b;color:#7f98b7;font-size:.65rem; }
.editor-watch-picker .editor-watch-empty { margin:20px 0; }
@media(max-width:700px) {
  .editor-watch-preview-trigger small { display:none; }
  .editor-watch-preview-trigger { font-size:.68rem!important;padding:5px 7px!important; }
  .editor-watch-picker { padding:18px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px); }
  .editor-watch-picker h2 { font-size:1.15rem; }
  .editor-watch-choices { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .editor-watch-search { display:grid;gap:6px; }
}