/* NS Viewport Studio stage structural layout extracted from sahne.html in v1.0.28. */
body{overflow:hidden;height:100vh}
/* Page heading */
.ph{padding:14px 20px 10px;border-bottom:1px solid var(--br-1);background:var(--bg-1);flex-shrink:0}
.ph-title{font-size:18px;font-weight:800;letter-spacing:-.5px;margin-bottom:2px}
.ph-sub{font-size:12px;color:var(--tx-3)}
/* Bars */
.fbar{flex-shrink:0;background:var(--bg-1);border-bottom:1px solid var(--br-1);padding:9px 18px;display:flex;align-items:center;gap:8px;overflow-x:auto}
.fbar::-webkit-scrollbar,.tags-bar::-webkit-scrollbar{height:0}
.fbar-sep{width:1px;height:20px;background:var(--br-2);flex-shrink:0;margin:0 4px}
.tags-bar{flex-shrink:0;background:var(--bg-1);border-bottom:1px solid var(--br-1);padding:8px 18px;display:flex;align-items:center;gap:6px;overflow-x:auto}
.compare-wrap{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;font-size:12px;color:var(--tx-2)}
.zoom-wrap{display:flex;align-items:center;gap:6px;padding:0 4px}
.zoom-wrap input[type=range]{accent-color:var(--blue);width:76px;cursor:pointer;height:4px}
.zoom-wrap svg{color:var(--tx-3);flex-shrink:0}
.zoom-lbl{font-size:11px;color:var(--tx-3);font-family:var(--mono);min-width:30px}
.vbtn{width:30px;height:30px;border-radius:var(--r6);background:var(--bg-3);border:1px solid var(--br-2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tx-3);font-size:12px;transition:var(--motion-standard)}
.vbtn:hover{color:var(--tx-1);border-color:var(--br-3);background:var(--bg-4)}
.vbtn.on{color:var(--blue);border-color:var(--blue-a30);background:var(--blue-a10)}
.vbtns{display:flex;gap:2px}
/* Category groups */
.cat-pad{padding:20px 20px 40px}
.cat-section{margin-bottom:30px}
.cat-section.filtered-out{display:none}
.cat-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cat-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx-3)}
.cat-count{font-size:10px;color:var(--tx-4);margin-left:6px;font-family:var(--mono)}
.cat-more{font-size:12px;color:var(--blue);cursor:pointer;transition:opacity var(--ease)}
.cat-more:hover{opacity:.75;text-decoration:underline}
/* Size columns */
.scroll-wrap{position:relative}
.size-cols{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}
.size-cols::-webkit-scrollbar{height:0}
.size-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center}
.size-lbl{font-size:10px;color:var(--tx-3);margin-bottom:8px;text-align:center;font-weight:500;letter-spacing:.1px}
/* Device card */
.dc{width:142px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.dc-frame{
  width:100%;height:120px;
  background:
    radial-gradient(circle at 50% 22%, rgba(77,141,246,.14), transparent 48%),
    linear-gradient(180deg, rgba(14,21,37,.96), rgba(8,12,20,.98));
  border:1px solid rgba(84,100,132,.22);border-radius:var(--r10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -16px 26px rgba(0,0,0,.24);
  overflow:visible;display:flex;align-items:center;justify-content:center;
  transition:var(--motion-standard);position:relative;
}
.dc-frame svg{max-width:100%;max-height:100%;display:block;transition:transform var(--motion-fast),filter var(--motion-fast);filter:drop-shadow(0 14px 18px rgba(3,8,20,.46))}
.dc:hover .dc-frame{border-color:var(--blue-a30);box-shadow:var(--sh-blue),inset 0 1px 0 rgba(255,255,255,.05), inset 0 -16px 26px rgba(0,0,0,.24);transform:translateY(-3px)}
.dc:hover .dc-frame svg{transform:translateY(-1px) scale(1.02)}
.dc.on .dc-frame{border-color:var(--blue);box-shadow:var(--sh-blue),inset 0 1px 0 rgba(255,255,255,.05), inset 0 -18px 28px rgba(0,0,0,.28);background:linear-gradient(180deg, rgba(17,28,47,.98), rgba(8,12,20,1))}
.dc.on .dc-frame svg{filter:drop-shadow(0 16px 22px rgba(4,10,24,.58))}
.dc-info{text-align:center}
.dc-lbl{font-size:10px;color:var(--tx-3);font-weight:500}
.dc-specs{font-size:9px;color:var(--tx-4);font-family:var(--mono);margin-top:1px}
.dc.on .dc-lbl{color:var(--blue)}
/* Scroll arrows */
.sarrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:26px;height:26px;border-radius:50%;background:var(--bg-4);border:1px solid var(--br-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--tx-2);box-shadow:var(--sh-sm);opacity:0;pointer-events:none;transition:var(--motion-standard)}
.scroll-wrap:hover .sarrow:not(.hide){opacity:1;pointer-events:all}
.sarrow:hover{background:var(--bg-5);color:var(--tx-1)}
.sarrow.l{left:-12px}.sarrow.r{right:-12px}
.sarrow.hide{opacity:0 !important;pointer-events:none !important}
/* Compare mode */
body.compare-mode .dc.on .dc-frame::after{content:'';position:absolute;inset:0;border:2px solid var(--blue);border-radius:var(--r10);pointer-events:none}
/* Loading state for dynamic rendering */
.dc-frame.loading{background:linear-gradient(90deg,var(--bg-1),var(--bg-2),var(--bg-1));background-size:200% 100%;animation:shimmer 1.2s ease infinite}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

.stage-url-bar{flex:1;max-width:520px}

/* v1.0.68 — Saatlerde gerçekçi cihaz görsel asset yüzeyi */
.dc-frame .watch-prototype-asset{width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;isolation:isolate}
.dc-frame .watch-prototype-asset::before{content:'';position:absolute;inset:auto 18% 4% 18%;height:18px;background:radial-gradient(ellipse,rgba(3,8,20,.38),transparent 72%);filter:blur(8px);z-index:-1}
.dc-frame .watch-prototype-asset img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(3,8,20,.45));transition:transform var(--motion-fast),filter var(--motion-fast)}
.dc:hover .watch-prototype-asset img{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 20px 24px rgba(3,8,20,.55))}
.dc.on .watch-prototype-asset img{filter:drop-shadow(0 22px 28px rgba(77,141,246,.28)) drop-shadow(0 14px 18px rgba(3,8,20,.48))}


/* v1.0.69 — Saatlerde gerçek cihaz asset görünürlüğü */
.dc.is-watch{width:238px}
.dc.is-watch .dc-frame{height:268px!important;background:linear-gradient(180deg,#f8fafc,#e8edf5);border-color:rgba(148,163,184,.42);box-shadow:0 18px 42px rgba(3,8,20,.18),inset 0 1px 0 rgba(255,255,255,.75);overflow:visible}
.dc.is-watch .size-lbl{font-weight:800;color:var(--blue-2)}
.dc-frame .watch-prototype-asset{width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;isolation:isolate;position:relative}
.dc.is-watch.on .dc-frame{border-color:rgba(77,141,246,.75);box-shadow:0 22px 46px rgba(37,99,235,.28),inset 0 0 0 1px rgba(255,255,255,.65)}
.dc.is-watch .dc-lbl::after{content:' · gerçek cihaz';color:var(--blue-2);font-weight:700}
@media(max-width:900px){.dc.is-watch{width:214px}.dc.is-watch .dc-frame{height:248px!important}}


/* v1.0.71 — gerçek saat asset görünürlüğü ve cache-bust doğrulama yüzeyi */
.dc.is-watch{width:286px!important}
.dc.is-watch .dc-frame{height:320px!important;background:linear-gradient(180deg,#ffffff,#eef3fb)!important}
.dc.is-watch .watch-prototype-asset{width:100%!important;height:100%!important;min-height:300px!important}
.dc.is-watch.real-svg-prototype-card .dc-frame::after{content:'CANLI ÖNİZLEME';position:absolute;left:10px;top:10px;font-size:9px;font-weight:800;letter-spacing:.5px;color:#2563eb;background:rgba(255,255,255,.9);border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:4px 7px;box-shadow:0 8px 18px rgba(15,23,42,.12)}
@media(max-width:900px){.dc.is-watch{width:250px!important}.dc.is-watch .dc-frame{height:292px!important}.dc.is-watch .watch-prototype-asset{min-height:272px!important}}


/* v1.0.71 — Saatler PNG değil, canlı ekranlı inline SVG cihaz */
.dc.is-watch.real-svg-prototype-card{width:286px!important}
.dc.is-watch.real-svg-prototype-card .dc-frame{height:320px!important;background:linear-gradient(180deg,#ffffff,#eef3fb)!important;border-color:rgba(37,99,235,.34)!important;overflow:visible!important}
.dc-frame .watch-svg-prototype{width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}
.dc-frame .watch-svg-prototype::before{content:'';position:absolute;left:13%;right:13%;bottom:4%;height:26px;background:radial-gradient(ellipse,rgba(15,23,42,.34),transparent 72%);filter:blur(10px);z-index:-1}
.dc-frame .watch-svg-prototype svg[data-live-watch-screen="true"]{width:96%!important;height:98%!important;max-width:96%!important;max-height:98%!important;display:block!important;filter:drop-shadow(0 24px 30px rgba(15,23,42,.38));transition:transform var(--motion-fast),filter var(--motion-fast)}
.dc.is-watch.real-svg-prototype-card:hover .watch-svg-prototype svg[data-live-watch-screen="true"]{transform:translateY(-5px) scale(1.035);filter:drop-shadow(0 30px 36px rgba(15,23,42,.48))}
.dc.is-watch.real-svg-prototype-card.on .dc-frame{border-color:rgba(37,99,235,.80)!important;box-shadow:0 26px 52px rgba(37,99,235,.26),inset 0 0 0 1px rgba(255,255,255,.65)!important}
.dc.is-watch.real-svg-prototype-card .dc-frame::after{content:'CANLI ÖNİZLEME';position:absolute;left:10px;top:10px;font-size:9px;font-weight:800;letter-spacing:.45px;color:#2563eb;background:rgba(255,255,255,.92);border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:4px 7px;box-shadow:0 8px 18px rgba(15,23,42,.12);z-index:2}
.dc.is-watch.real-svg-prototype-card .dc-lbl::after{content:' · canlı ekran';color:var(--blue-2);font-weight:700}
.dc-frame .watch-prototype-asset,.dc-frame .watch-prototype-asset img{display:none!important}
@media(max-width:900px){.dc.is-watch.real-svg-prototype-card{width:250px!important}.dc.is-watch.real-svg-prototype-card .dc-frame{height:292px!important}}

/* v1.0.72 — Tüm cihazlarda canlı URL ekran katmanı */
.dc.is-live-device{width:190px}
.dc.is-live-device.is-phone{width:190px}
.dc.is-live-device.is-fold{width:206px}
.dc.is-live-device.is-tablet{width:270px}
.dc.is-live-device.is-laptop,.dc.is-live-device.is-monitor,.dc.is-live-device.is-ultrawide,.dc.is-live-device.is-tv{width:306px}
.dc.is-live-device.is-watch{width:286px!important}
.live-device-prototype{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible}
.live-device-prototype .device-shell-visual{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;z-index:1;pointer-events:none;overflow:visible}
.live-screen-layer{position:absolute;z-index:2;overflow:hidden;background:#07111f;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 10px 20px rgba(255,255,255,.03);pointer-events:none;transform:translateZ(0)}
.live-screen-frame{position:absolute;left:0;top:0;border:0;background:#07111f;display:block;pointer-events:none}
.live-screen-url-badge{position:absolute;left:5px;bottom:5px;z-index:3;font-size:7px;line-height:1;font-weight:900;letter-spacing:.42px;color:#eaf4ff;background:rgba(10,20,36,.76);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px 5px;backdrop-filter:blur(6px);box-shadow:0 6px 14px rgba(0,0,0,.18);pointer-events:none}
.dc.is-live-device .dc-frame::before{content:'CANLI ÖNİZLEME';position:absolute;left:10px;top:10px;z-index:6;font-size:9px;font-weight:900;letter-spacing:.44px;color:#0f4fbd;background:rgba(255,255,255,.94);border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:4px 7px;box-shadow:0 8px 18px rgba(15,23,42,.12);pointer-events:none}
.dc.is-live-device .dc-frame{overflow:visible;background:linear-gradient(180deg,#ffffff,#eef3fb)!important;border-color:rgba(37,99,235,.24)!important;box-shadow:0 18px 42px rgba(3,8,20,.16),inset 0 1px 0 rgba(255,255,255,.75)!important}
.dc.is-live-device:hover .live-device-prototype{transform:translateY(-4px) scale(1.018);transition:transform var(--motion-fast)}
.dc.is-live-device.on .dc-frame{border-color:rgba(37,99,235,.82)!important;box-shadow:0 26px 52px rgba(37,99,235,.24),inset 0 0 0 1px rgba(255,255,255,.65)!important}
@media(max-width:900px){.dc.is-live-device{width:210px}.dc.is-live-device.is-tablet,.dc.is-live-device.is-laptop,.dc.is-live-device.is-monitor,.dc.is-live-device.is-ultrawide,.dc.is-live-device.is-tv{width:280px}.dc.is-live-device.is-watch{width:270px!important}}

/* v1.0.73 — 1. cihaz: Premium Kare 46mm gerçek SVG + canlı ekran doğrulaması */


/* v1.0.74 — küçükten büyüğe sıralı gerçek cihaz kartları ve tam oturan canlı ekran katmanı */
.size-lbl{min-width:56px;text-align:center}
.dc.is-live-device .dc-frame{display:flex;align-items:center;justify-content:center}
.dc.is-live-device .live-device-prototype{width:100%;height:100%}
.dc.is-live-device .live-screen-layer{display:block}
.dc.is-live-device .live-screen-frame{position:absolute;will-change:transform;backface-visibility:hidden}
.dc.is-live-device .device-shell-visual svg,.dc.is-live-device .device-shell-visual{shape-rendering:geometricPrecision}

/* v1.0.76 — seçilebilir canlı iframe / güvenli önizleme modu */
.preview-mode-toggle{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(8,13,24,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.preview-mode-btn{height:28px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--tx-3);font-size:11px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:var(--motion-fast)}
.preview-mode-btn.on{background:rgba(77,141,246,.20);color:#eaf4ff;box-shadow:0 0 0 1px rgba(77,141,246,.22)}
body[data-preview-mode="safe"] .live-pill .live-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14)}
.live-screen-layer[data-preview-mode="safe"] .live-screen-url-badge{background:rgba(245,158,11,.88);color:#101624}
.live-screen-layer[data-preview-mode="iframe"] .live-screen-url-badge{background:rgba(34,197,94,.88);color:#06140d}




.dc.is-watch.real-svg-prototype-card{width:304px!important}
.dc.is-watch.real-svg-prototype-card .dc-frame{height:340px!important}
.dc.is-watch[data-device-id^="w-pop-"] .dc-frame{background:radial-gradient(circle at 50% 18%,rgba(77,141,246,.16),transparent 34%),linear-gradient(180deg,#ffffff,#edf4ff)!important;border-color:rgba(37,99,235,.40)!important}
.dc.is-watch[data-device-id^="w-pop-"] .dc-lbl::after{content:' · global popüler form';color:var(--blue-2);font-weight:800}
.dc.is-watch .live-screen-frame{background:#06111f}
.dc.is-watch .live-screen-url-badge{left:50%;bottom:6px;transform:translateX(-50%);max-width:86%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px;padding:2px 5px}
@media(max-width:900px){.dc.is-watch.real-svg-prototype-card{width:268px!important}.dc.is-watch.real-svg-prototype-card .dc-frame{height:304px!important}}

/* v1.0.94 — global popular watch catalogue + live-fit screen layer */
.dc.is-watch[data-device-id^="w-pop-"] .dc-frame{background:radial-gradient(circle at 50% 18%,rgba(77,141,246,.16),transparent 34%),linear-gradient(180deg,#ffffff,#edf4ff)!important;border-color:rgba(37,99,235,.40)!important;overflow:visible!important}
.dc.is-watch[data-device-id^="w-pop-"] .dc-lbl::after{content:' · global popüler form';color:var(--blue-2);font-weight:800}
.dc.is-watch[data-device-id^="w-pop-"] .dc-frame::after{content:'CANLI EKRAN';position:absolute;left:10px;top:10px;font-size:9px;font-weight:900;letter-spacing:.44px;color:#0f4fbd;background:rgba(255,255,255,.94);border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:4px 7px;box-shadow:0 8px 18px rgba(15,23,42,.12);pointer-events:none;z-index:7}
.dc.is-watch[data-device-id*="rugged"] .dc-frame::after,.dc.is-watch[data-device-id*="outdoor"] .dc-frame::after,.dc.is-watch[data-device-id*="ultra"] .dc-frame::after{content:'OUTDOOR CANLI';color:#92400e;background:rgba(255,251,235,.94);border-color:rgba(245,158,11,.28)}
.dc.is-watch .live-screen-layer{border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 10px 22px rgba(255,255,255,.04)!important;background:#06111f!important}
.dc.is-watch .live-screen-frame{left:0!important;top:0!important;background:#06111f!important}
.dc.is-watch .live-screen-url-badge{left:50%;bottom:6px;transform:translateX(-50%);max-width:86%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px;padding:2px 5px}

/* v1.0.94 — real web-sourced product images, 40mm first-size set */
.dc.is-live-device.is-watch .dc-frame,.dc.is-live-device.real-svg-prototype-card .dc-frame{background:linear-gradient(180deg,#05070b,#0b1018)!important;border-color:rgba(255,255,255,.10)!important;overflow:hidden!important;box-shadow:0 20px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important}
.live-watch-real-product-prototype{position:relative;display:block;width:100%;height:100%;isolation:isolate;overflow:hidden;background:#05070b}
.live-watch-real-product-prototype .watch-prototype-img{position:absolute;z-index:1;display:block;pointer-events:none;user-select:none;object-fit:contain;max-width:none;max-height:none}
.live-watch-real-product-prototype .watch-real-product-fit-layer{z-index:2;background:#020617!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.live-watch-real-product-prototype .watch-screen-glass{position:absolute;z-index:3;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 32%,rgba(0,0,0,.08) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -14px 18px rgba(0,0,0,.08)}

/* v1.0.94 — gerçek çalışan saat prototipi: etkileşimli ekran + yansımasız cam */
.dc.is-watch .live-screen-layer,
.studio-device-preview .live-screen-layer{
  pointer-events:auto!important;
  touch-action:auto!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  isolation:isolate;
}
.dc.is-watch .live-screen-frame,
.studio-device-preview .live-screen-frame{
  pointer-events:auto!important;
  background:#000!important;
}
.live-watch-real-product-prototype .watch-screen-glass{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.live-watch-real-product-prototype .watch-prototype-img{
  filter:drop-shadow(0 22px 28px rgba(3,8,20,.34));
}
.watch-control-zone{
  position:absolute;
  z-index:5;
  border:0;
  margin:0;
  padding:0;
  border-radius:999px;
  background:rgba(96,165,250,.01);
  cursor:pointer;
  pointer-events:auto;
  touch-action:none;
  opacity:1;
}
.watch-control-zone:focus-visible{
  outline:2px solid rgba(59,130,246,.85);
  outline-offset:2px;
  background:rgba(59,130,246,.16);
}
.watch-control-zone:hover{background:rgba(59,130,246,.10)}
.dc.is-watch .live-screen-url-badge{display:none!important}
.dc.is-watch .dc-frame::before{content:'CANLI · ETKİLEŞİMLİ';}


/* v1.0.94 — Enterprise watch prototype polish: transparent PNG feeling, black preview surface, pixel-fit controls */
.dc.is-watch.real-svg-prototype-card{width:326px!important}
.dc.is-watch.real-svg-prototype-card .dc-frame{height:372px!important;padding:0!important}
.dc.is-watch[data-device-id^="w-pop-"]{gap:8px}
.dc.is-watch[data-device-id^="w-pop-"] .dc-frame{
  background:
    radial-gradient(circle at 50% 18%,rgba(59,130,246,.18),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(235,242,252,.96))!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:
    0 28px 60px rgba(3,8,20,.20),
    0 2px 0 rgba(255,255,255,.80) inset,
    0 -18px 40px rgba(15,23,42,.06) inset!important;
}
.dc.is-watch[data-device-id^="w-pop-"] .dc-frame::after{display:none!important}
.dc.is-watch[data-device-id^="w-pop-"] .dc-frame::before{
  content:'CANLI · PROTOTİP';
  position:absolute;left:12px;top:12px;z-index:8;
  font-size:9px;font-weight:950;letter-spacing:.55px;
  color:#073b7a;background:rgba(255,255,255,.92);
  border:1px solid rgba(37,99,235,.16);
  border-radius:999px;padding:4px 7px;
  box-shadow:0 10px 20px rgba(15,23,42,.10);
  pointer-events:none;
}
.live-watch-real-product-prototype{
  background:transparent!important;
  overflow:hidden!important;
  border-radius:24px;
  transform:translateZ(0);
}
.live-watch-real-product-prototype .watch-prototype-img{
  filter:drop-shadow(0 24px 30px rgba(3,8,20,.28)) saturate(1.02) contrast(1.02);
}
.live-watch-real-product-prototype .watch-screen-fit-layer{
  z-index:2!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  outline:1px solid rgba(255,255,255,.03);
  pointer-events:auto!important;
  touch-action:auto!important;
  overscroll-behavior:contain;
}
.live-watch-real-product-prototype .watch-screen-fit-layer[data-screen-shape="round"]{clip-path:circle(50% at 50% 50%)}
.live-screen-frame{
  pointer-events:auto!important;
  background:#000!important;
  color-scheme:dark;
}
.live-screen-layer[data-loaded="true"]::before{opacity:0}
.live-screen-layer::before{
  content:'';
  position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);
  opacity:.18;transform:translateX(-120%);
  animation:watchScreenReady 1.4s ease-out 1;
}
@keyframes watchScreenReady{0%{transform:translateX(-120%)}70%{transform:translateX(120%)}100%{transform:translateX(120%);opacity:0}}
.live-watch-real-product-prototype .watch-screen-glass{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  pointer-events:none!important;
}
.live-screen-affordance{
  position:absolute;right:5px;top:5px;z-index:5;
  font-size:6px;font-weight:950;text-transform:uppercase;letter-spacing:.42px;
  color:rgba(255,255,255,.64);background:rgba(0,0,0,.36);
  border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:2px 4px;
  pointer-events:none;opacity:0;transition:opacity .18s ease;
}
.live-screen-layer:hover .live-screen-affordance,
.live-screen-layer:focus-within .live-screen-affordance{opacity:1}
.watch-control-zone{
  position:absolute;z-index:7;border:0;margin:0;padding:0;border-radius:999px;
  background:rgba(37,99,235,.001);cursor:pointer;pointer-events:auto;touch-action:none;
}
.watch-control-zone::after{
  content:'';position:absolute;inset:-4px;border-radius:inherit;
  background:rgba(59,130,246,.12);border:1px solid rgba(147,197,253,.34);
  opacity:0;transform:scale(.84);transition:opacity .16s ease,transform .16s ease;
}
.watch-control-zone:hover::after,.watch-control-zone:focus-visible::after{opacity:1;transform:scale(1)}
.watch-control-chip{
  position:absolute;left:50%;top:-24px;transform:translateX(-50%) translateY(4px);
  opacity:0;white-space:nowrap;border-radius:999px;padding:4px 7px;
  background:rgba(2,6,23,.86);color:#eaf4ff;border:1px solid rgba(255,255,255,.16);
  font-size:8px;font-weight:900;letter-spacing:.02em;pointer-events:none;
  box-shadow:0 12px 20px rgba(0,0,0,.22);transition:opacity .16s ease,transform .16s ease;
}
.watch-control-zone:hover .watch-control-chip,.watch-control-zone:focus-visible .watch-control-chip{opacity:1;transform:translateX(-50%) translateY(0)}
.live-watch-real-product-prototype.watch-control-pulse .watch-screen-fit-layer{
  box-shadow:0 0 0 2px rgba(96,165,250,.25),0 0 24px rgba(96,165,250,.22)!important;
}
.dc.is-watch .live-screen-url-badge{display:none!important}
@media(max-width:900px){
  .dc.is-watch.real-svg-prototype-card{width:286px!important}
  .dc.is-watch.real-svg-prototype-card .dc-frame{height:326px!important}
}


/* v1.0.94 — Measured pixel-fit screen geometry for 3 watch prototypes */
.live-watch-real-product-prototype .watch-screen-fit-layer,
.live-watch-real-product-prototype .watch-screen-glass{
  will-change: transform;
}
.live-watch-real-product-prototype .watch-screen-fit-layer{
  clip-path: inset(0 round var(--watch-screen-r, 18px));
  image-rendering:auto;
}
.live-watch-real-product-prototype[data-screen-shape='round'] .watch-screen-fit-layer{
  clip-path: circle(50% at 50% 50%);
}
.dc.is-watch[data-device-id='w-pop-040-sq'] .live-watch-real-product-prototype .watch-screen-fit-layer{
  left:var(--watch-screen-x)!important; top:var(--watch-screen-y)!important;
  width:var(--watch-screen-w)!important; height:var(--watch-screen-h)!important;
  border-radius:var(--watch-screen-r)!important;
}
.dc.is-watch[data-device-id='w-pop-040-rect'] .live-watch-real-product-prototype .watch-screen-fit-layer{
  left:var(--watch-screen-x)!important; top:var(--watch-screen-y)!important;
  width:var(--watch-screen-w)!important; height:var(--watch-screen-h)!important;
  border-radius:var(--watch-screen-r)!important;
}
.dc.is-watch[data-device-id='w-pop-040-rnd'] .live-watch-real-product-prototype .watch-screen-fit-layer{
  left:var(--watch-screen-x)!important; top:var(--watch-screen-y)!important;
  width:var(--watch-screen-w)!important; height:var(--watch-screen-h)!important;
  border-radius:999px!important;
}


/* v1.0.94 — Micro geometry correction for zero-gap watch live preview seating */
.live-watch-real-product-prototype .watch-screen-fit-layer{
  box-sizing:border-box;
  overflow:hidden;
  contain:layout paint style;
}
.live-watch-real-product-prototype[data-screen-shape="round"] .watch-screen-fit-layer{
  clip-path:circle(50% at 50% 50%);
}
.dc.is-watch[data-device-id="w-pop-040-rnd"] .live-watch-real-product-prototype .watch-screen-fit-layer{
  transform:translateZ(0);
}