@media (min-width: 761px) {
  #studio { scroll-margin-top: 32px; }
  #studio > .wrap { width: min(1280px, calc(100% - 80px)); max-width: none; padding: 0; }
  #studio .composer { display: grid; grid-template-columns: minmax(0, 1fr) 410px; gap: 64px; align-items: start; }
  #studio .builder-controls { display: block; min-width: 0; }
  #studio .brand-workshop { position: static; display: block; padding: 30px; margin: 0 0 24px; border: 0; border-radius: 26px; background: #fff; box-shadow: none; }
  #studio .workshop-heading h3 { font-size: 28px; line-height: 1.1; margin: 0; }
  #studio .brand-name-field { margin: 22px 0; }
  #studio #product-name { font-size: 23px; padding: 14px 16px; min-height: 58px; color: #2b2930; }
  #studio .tiff-icon-picker > div { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
  #studio .tiff-icon-picker button { min-height: 76px; }
  #studio .tiff-icon-picker button > b { font-size: 11px; }
  #studio .coworker-include { margin: 0 0 24px; border-radius: 26px; padding: 26px 30px; }
  #studio .coworker-include-top { flex-wrap: wrap; }
  #studio .coworker-include-top h3 { flex: 1; font-size: 25px; }
  #studio .module-heading { margin: 36px 0 20px; }
  #studio .module-heading h3 { font-size: 30px; line-height: 1.15; }
  #studio #modules { display: grid; grid-template-columns: 1fr; gap: 24px; }
  #studio .macro-card, #studio .custom-tool-card { min-width: 0; width: 100%; margin: 0; border-radius: 26px; }
  #studio .macro-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; }
  #studio .macro-visual { min-width: 0; padding: 22px; }
  #studio .macro-art { height: 215px; min-width: 0; }
  #studio .macro-copy { min-width: 0; padding: 25px 26px 25px 12px; }
  #studio .macro-copy h3 { font-size: clamp(27px, 2.4vw, 35px); line-height: 1.08; letter-spacing: -1.2px; overflow-wrap: normal; }
  #studio .macro-copy > span:first-child { font-size: 12px; letter-spacing: 0; }
  #studio .feature-palette { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 24px 24px; }
  #studio .feature-choice { min-width: 0; min-height: 65px; padding: 14px; }
  #studio .feature-copy { min-width: 0; }
  #studio .feature-copy b { font-size: 14px; line-height: 1.35; }
  #studio .feature-state { flex-shrink: 0; width: 26px; height: 26px; }
  #studio .custom-tool-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; padding: 28px; }
  #studio .custom-tool-intro > div, #studio .custom-tool-sample { min-width: 0; }
  #studio .custom-tool-intro h3 { font-size: 34px; line-height: 1.08; letter-spacing: -1px; margin: 15px 0 0; }
  #studio .signature-kicker { font-size: 12px; letter-spacing: 0; }
  #studio .custom-tool-sample { padding: 22px; }
  #studio .custom-tool-sample h4 { font-size: 28px; line-height: 1.1; }
  #studio .custom-tool-options { padding: 0 24px 24px; gap: 10px; }
  #studio .preview-column { position: sticky; top: 24px; align-self: start; width: 100%; max-width: none; min-width: 0; opacity: 1; }
  #studio .preview-sticky { position: static; width: 100%; min-width: 0; }
  #studio .preview-toolbar { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; margin: 0 0 14px; }
  #studio .perspective { flex: 1; padding: 4px; border-radius: 12px; }
  #studio .perspective button { min-height: 40px; padding: 9px 10px; font-size: 12px; white-space: normal; line-height: 1.35; border-radius: 9px; }
  #studio .device-switch { display: none !important; }
  #studio .expand-button { flex: 0 0 38px; width: 38px; height: 38px; padding: 8px; }
  #studio #preview-mount { min-height: 0; display: flex; justify-content: center; padding: 0; }
  #studio #product-device.mobile { width: min(100%, 370px, calc((100dvh - 160px) * .462)); max-width: 370px; height: auto; margin: 0 auto; aspect-ratio: 390 / 844; }
  #studio .preview-foot { min-height: 32px; padding: 0; margin: 12px 0 0; }
  #studio .studio-bottom { margin-top: 34px; }
  .workspace-dialog[open] { width: min(700px, calc(100vw - 48px)); height: calc(100dvh - 32px); padding: 0; max-height: none; border-radius: 24px; display: flex; flex-direction: column; background: #f5f5f1; }
  .workspace-top { min-height: 60px; flex-shrink: 0; padding: 14px 22px; gap: 12px; }
  .workspace-top > * { font-size: 13px; }
  #workspace-mount { display: flex; justify-content: center; align-items: start; flex: 1; min-height: 0; overflow: auto; padding: 0 22px 20px; }
  #workspace-mount #product-device.mobile { flex: 0 0 auto; width: min(370px, calc((100dvh - 120px) * .462)); max-width: 100%; height: auto; aspect-ratio: 390 / 844; padding: 8px; border-radius: 44px; box-shadow: 0 16px 42px -25px #342b4140; }
  #workspace-mount .product-device.mobile .app-layout { height: auto; flex: 1; min-height: 0; }
  #network .reel-desktop { display: none; }
  #network .reel-phone { right: 37%; transform: translateX(calc(var(--reel-network) * 320px)) rotate(calc(2deg - var(--reel-network) * 2deg)) scale(calc(1 - var(--reel-network) * .4)); }
  #network .reel-orbit { left: 22%; width: 56%; }
  #network .reel-chat { left: 53%; right: auto; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  #studio > .wrap { width: calc(100% - 48px); }
  #studio .composer { grid-template-columns: minmax(0, 1fr) 335px; gap: 28px; }
  #studio .brand-workshop { padding: 24px; }
  #studio .tiff-icon-picker > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #studio .macro-main { grid-template-columns: 1fr; }
  #studio .macro-art { height: 180px; }
  #studio .macro-visual { padding: 22px 28px 0; }
  #studio .macro-copy { padding: 18px 24px; }
  #studio .macro-copy h3 { font-size: 31px; margin: 8px 0; }
  #studio .feature-palette { grid-template-columns: 1fr; padding: 0 22px 22px; }
  #studio .feature-choice { min-height: 56px; }
  #studio .custom-tool-intro { grid-template-columns: 1fr; gap: 22px; padding: 26px; }
  #studio .custom-tool-intro h3 { font-size: 32px; }
  #studio .custom-tool-sample { min-height: 210px; }
  #studio .preview-toolbar { gap: 5px; }
  #studio .perspective button { font-size: 11px; padding: 8px; }
  #studio .coworker-include { padding: 24px; }
  #studio .coworker-include-top h3 { font-size: 23px; }
  #network .reel-phone { right: 38%; }
}
@media (min-width: 761px) and (max-width: 850px) {
  #studio .composer { grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; }
  #studio > .wrap { width: calc(100% - 40px); }
  #studio .brand-workshop { padding: 20px; }
  #studio .tiff-icon-picker button > b { font-size: 10px; }
  #studio .bk-palettes { gap: 5px; }
}
@media(min-width:761px){
  #studio .macro-card[data-viewing=true]{border-color:var(--app-color);box-shadow:0 0 0 1px var(--app-color)}
  #studio .feature-choice[aria-pressed=false]{background:#fff}
  #studio .product-selection-count{font-size:13px;color:#617066}
  #studio .preview-foot{color:#526157;font-size:13px}
  #studio #product-device.module-added{animation:module-added .6s ease-out}
  @keyframes module-added{0%,100%{filter:none}40%{filter:drop-shadow(0 0 13px var(--app-color))}}
}
@media(prefers-reduced-motion:reduce){#studio #product-device.module-added{animation:none}}