.desktop-header,.desktop-shuffle-icon,.section-reset{display:none}
@media(min-width:761px){
  body.stix-desktop .studio-grid{grid-template-columns:320px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) 56px;column-gap:6px}
  body.stix-desktop .desktop-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:11px 24px}
  body.stix-desktop .desktop-activity{display:flex;align-items:flex-end;gap:32px;min-width:0}
  body.stix-desktop .canvas-title{position:static;pointer-events:auto;gap:2px;min-width:0;max-width:400px}
  body.stix-desktop .canvas-title>span:first-child{max-width:none;font-size:14px;font-weight:600;line-height:18px}
  body.stix-desktop .canvas-title>span:last-child{font-size:10px;line-height:13px}
  body.stix-desktop #openImport{width:75px;height:32px;min-height:32px;font-size:11px;font-weight:600;flex:none}
  body.stix-desktop #openImport>svg{display:none}
  body.stix-desktop .desktop-exports{flex:none}
  body.stix-desktop .export-actions{margin:0;gap:12px;align-items:center}
  body.stix-desktop .export-actions button{flex:none;width:96px;height:32px;min-height:32px;font-size:11px;font-weight:600}
  body.stix-desktop #copyPngButton{height:30px;min-height:30px;background:#fff;color:#232326;border:0}
  body.stix-desktop #copyPngButton:hover{background:#dedee1}
  body.stix-desktop .studio-grid>.template-sidebar{grid-column:1;grid-row:2;padding:12px 24px;border:0;overflow:hidden}
  body.stix-desktop .template-sidebar>.section-title{display:none}
  body.stix-desktop #templateStrip.template-library{gap:32px;padding:0;scrollbar-width:none}
  body.stix-desktop .template-group h3{font-size:12px;font-weight:400;line-height:16px}
  body.stix-desktop .template-group h3>span{display:none}
  body.stix-desktop .template-group>.template-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
  body.stix-desktop .template-chip{display:flex;align-items:center;justify-content:center;aspect-ratio:1;height:auto;border:1px solid transparent;border-radius:6px;background:#242424}
  body.stix-desktop .template-chip[aria-pressed=true]{border-color:#eeeeef;background:#111113}
  body.stix-desktop .template-chip:hover{border-color:#98989f}
  body.stix-desktop .mini-preview{display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;aspect-ratio:1;max-width:100%;background:none}
  body.stix-desktop .mini-preview img{width:40px;height:30px;object-fit:contain}
  body.stix-desktop .studio-grid>.preview-panel{grid-column:2;grid-row:2;align-self:center;justify-self:center;width:min(calc(100% - 24px),calc(100dvh - 136px));height:auto;aspect-ratio:1;max-height:calc(100% - 24px);margin:0;padding:0;border-radius:6px;overflow:hidden}
  body.stix-desktop .canvas-wrap{max-width:none;flex:none}
  body.stix-desktop .canvas-toolbar{display:none}
  body.stix-desktop .studio-grid>.template-footer{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px;border:0;margin:0}
  body.stix-desktop .template-footer .brand-logo{width:40px;height:16px;filter:none}
  body.stix-desktop .template-footer .site-credit{margin:0;padding:0;font-size:9px;line-height:13px}
  body.stix-desktop .studio-grid>.inspector-panel{grid-column:3;grid-row:2/4;display:flex;gap:32px;padding:12px 24px;border:0;overflow-y:auto;overflow-x:hidden}
  body.stix-desktop .inspector-panel>.inspector{display:flex;flex-direction:column;gap:32px;flex:none}
  body.stix-desktop .export-section,body.stix-desktop .sidebar-bottom{display:none}
  body.stix-desktop .editor-section{border:0;margin:0;padding:0}
  body.stix-desktop .editor-section>summary{display:flex;align-items:center;justify-content:space-between;min-height:16px;margin:0 0 12px;cursor:default;font-size:12px;font-weight:400;line-height:16px}
  body.stix-desktop .editor-section>summary::before{display:none}
  body.stix-desktop .section-reset,body.stix-desktop #resetPalette{display:inline-block;position:relative;border:0;background:none;color:#eeeeef;opacity:.8;padding:0;font:400 12px/16px Geist,sans-serif;cursor:pointer}
  body.stix-desktop .section-reset::before,body.stix-desktop #resetPalette::before{content:'';position:absolute;inset:-7px -4px}
  body.stix-desktop .section-reset:hover,body.stix-desktop #resetPalette:hover{opacity:1}
  body.stix-desktop #paletteSwatches{display:none}
  body.stix-desktop #paletteSection .inspector-row{min-height:0;padding:0;margin:0}
  body.stix-desktop #paletteOptions{display:flex;flex-wrap:wrap;gap:11px;padding:0}
  body.stix-desktop #paletteOptions .palette-option{flex:none;width:72px;height:32px;min-height:32px;padding:1px;border:1px solid transparent;border-radius:6px;background:#242424}
  body.stix-desktop #paletteOptions .palette-option[aria-checked=true]{border-color:#eeeeef}
  body.stix-desktop #paletteOptions .palette-option-colors{height:28px;border-radius:2px}
  body.stix-desktop #colorRoles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;align-items:end;gap:12px;margin:12px 0 0}
  body.stix-desktop #colorRoles .color-role{display:grid;grid-template-columns:24px minmax(0,1fr) 32px;gap:6px;align-items:center}
  body.stix-desktop #colorRoles .color-role>label:first-child{grid-column:1/-1;font-size:10px;line-height:13px}
  body.stix-desktop #colorRoles input[type=color]{width:24px;height:24px}
  body.stix-desktop .color-role input[type=text]{height:24px;padding:0;border:0;background:none;font-size:10px;text-align:left}
  body.stix-desktop .opacity-control{height:24px;padding:0;gap:2px;border:0;background:none}
  body.stix-desktop .opacity-control input{font-size:10px;padding:0;appearance:textfield}
  body.stix-desktop .opacity-control input::-webkit-inner-spin-button{appearance:none}
  body.stix-desktop #shufflePalette{width:28px;height:28px;margin:0;align-self:end}
  body.stix-desktop #shufflePalette>svg{display:none}
  body.stix-desktop .desktop-shuffle-icon{display:block;max-width:none}
  body.stix-desktop #canvasSettings>.inspector-row{flex-direction:row-reverse;justify-content:flex-end;gap:8px;min-height:16px;padding:0;margin:0 0 16px;border:0;background:none}
  body.stix-desktop #canvasSettings>.inspector-row>span{font-size:12px;line-height:16px;color:var(--text)}
  body.stix-desktop #backgroundToggle{width:26px;height:16px;min-height:16px;border-radius:999px}
  body.stix-desktop #backgroundToggle::after{width:10px;height:10px}
  body.stix-desktop #backgroundToggle[aria-pressed=true]::after{transform:translateX(10px)}
  body.stix-desktop #canvasColors{display:flex;align-items:center;gap:8px;padding:0}
  body.stix-desktop #canvasColors button{flex:none;margin:0}
  body.stix-desktop #canvasColors button[aria-pressed=true]{outline:none;border-color:#64646c}
  body.stix-desktop #canvasColors>.color-role{display:contents}
  body.stix-desktop #canvasColors>.color-role>label:first-child,body.stix-desktop #backgroundColor{display:none}
  body.stix-desktop #backgroundHex{width:41px;font-size:10px}
  body.stix-desktop #canvasColors .opacity-control{width:32px}
  body.stix-desktop #floatingInspector{position:static!important;width:100%!important;height:auto!important;max-width:none;max-height:none;flex:none;border:0;border-radius:0;background:none;overflow:visible;touch-action:auto}
  body.stix-desktop #inspectorHandle{display:flex;min-height:16px;margin-bottom:12px;padding:0;border:0;cursor:default;touch-action:auto}
  body.stix-desktop #inspectorHandle>svg,body.stix-desktop #inspectorCount,body.stix-desktop #collapseInspector,body.stix-desktop .inspector-resize-bar{display:none}
  body.stix-desktop #inspectorHandle h2{font-size:12px;font-weight:400;line-height:16px}
  body.stix-desktop #floatingInspector .inspector-fields{display:block;padding:0;overflow:visible;flex:none}
  body.stix-desktop #floatingInspector .field-title-control{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:8px;min-height:41px;margin-bottom:2px;padding:12px 0;border-bottom:1px solid #ffffff14;font-size:12px;line-height:16px}
  body.stix-desktop #floatingInspector .data-row{display:grid;grid-template-columns:26px max-content minmax(0,1fr);column-gap:8px;row-gap:0;min-height:38px;margin:0 0 2px;padding:6px 0;border:0;border-radius:0;background:none}
  body.stix-desktop #floatingInspector .route-row{min-height:36px}
  body.stix-desktop #floatingInspector .data-row>label,body.stix-desktop #floatingInspector .route-row>span{grid-column:2;grid-row:1;max-width:96px;font-size:12px;line-height:16px}
  body.stix-desktop #floatingInspector .route-row>span{color:var(--text)}
  body.stix-desktop #floatingInspector .data-row>textarea{grid-column:3;grid-row:1;font-size:12px;line-height:16px;padding:5px 0}
  body.stix-desktop #floatingInspector .data-row>.switch{grid-column:1;grid-row:1}
  body.stix-desktop #floatingInspector .data-row>.switch::before{all:unset;display:block;content:'';position:absolute;inset:-8px -4px;background:transparent}
  body.stix-desktop #floatingInspector .more-fields{border:0;margin-top:12px}
  body.stix-desktop #floatingInspector .more-fields>summary{justify-content:center;min-height:32px;padding:8px 12px;border:1px solid #232326;border-radius:6px;background:#111113;font-size:11px;line-height:14px}
  body.stix-desktop #floatingInspector .more-fields>summary::before,body.stix-desktop #moreFieldCount{display:none}
  @media(max-width:1150px){
    body.stix-desktop .studio-grid{grid-template-columns:240px minmax(0,1fr) 296px}
    body.stix-desktop .studio-grid>.template-sidebar,body.stix-desktop .studio-grid>.inspector-panel{padding-left:12px;padding-right:12px}
    body.stix-desktop .mini-preview{width:56px;height:56px}
    body.stix-desktop .desktop-header{padding-left:12px;padding-right:12px}
  }
  @media(max-width:900px){
    body.stix-desktop .studio-grid{grid-template-columns:180px minmax(0,1fr) 272px}
    body.stix-desktop .template-group>.template-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.stix-desktop #colorRoles{gap:6px}
    body.stix-desktop #colorRoles .color-role{grid-template-columns:24px minmax(0,1fr) 28px;gap:3px}
  }
}