.phone-only,.instance-cards,.mobile-sheet-close,.mobile-sheet-shade{display:none}
@media(max-width:800px){
 html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}
 body{height:100dvh;min-height:0}
 .app-sidebar{display:none}
 .app-main{height:100dvh;min-height:0;margin:0;width:100%;max-width:100%;padding:0;overflow:hidden}
 .phone-only{display:flex}
 .app-header{height:auto;min-height:56px;flex-shrink:0;padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top));gap:0;background:#192d32;color:#f7faf8}
 .header-left{display:flex;gap:10px;width:100%;min-width:0;align-items:center}
 .mobile-brand{border:0;background:transparent;padding:0;flex:0 0 38px;color:#c2efd1;font-size:18px;font-weight:800;min-height:44px;align-items:center;justify-content:center}
 .header-left .back-link{display:flex;align-items:center;min-height:44px;color:#d2e3da;font-size:13px;white-space:nowrap}
 .workspace-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:14px;flex:1;color:inherit}
 .browser-layout{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .type-list-panel{display:none}
 .phone-type-bar{padding:8px 12px;align-items:center;gap:12px;flex-shrink:0;background:#fff;border-bottom:1px solid #d7e0db}
 .phone-type-bar label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#526762}
 #phoneBlockType{flex:1;min-width:0;max-width:100%;font-size:16px;font-family:var(--font-mono);height:44px;border:1px solid #bbcdc3;border-radius:8px;padding:0 8px;background:#f2f7f4;color:#192d32}
 .data-grid-panel{padding:10px 12px 0;min-height:0;flex:1;overflow:hidden}
 .review-banner,.grid-controls,.column-picker,.header-actions{display:none}
 .grid-header{margin:0;padding:0;border:0;display:block;flex-shrink:0}
 .grid-title{display:block}
 #activeTypeName,#activeTypeCount{display:none}
 #instanceSearch{width:100%;height:44px;font-size:16px;border-radius:8px;padding:10px 12px;background:#fff;box-sizing:border-box}
 .phone-view-bar{gap:6px;align-items:center;padding:8px 0;flex-shrink:0;justify-content:space-between}
 .phone-view-bar .segmented{display:flex;border:1px solid #bbcdc3;border-radius:8px;overflow:hidden}
 .phone-view-bar button{border:0;padding:0 14px;min-height:44px;background:white;color:#526762;font-size:13px;font-weight:600}
 .phone-view-bar button[aria-pressed=true]{background:#17675f;color:white}
 .phone-view-hint{font-size:11px;color:#526762;max-width:125px;line-height:1.4;text-align:right}
 .grid-container{border:0;background:transparent;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1}
 .grid-container .data-grid{display:none}
 .instance-cards{display:block}
 .instance-card{border:1px solid #cbdad0;background:#fff;border-radius:10px;margin:0 0 8px;overflow:hidden}
 .instance-card summary{min-height:60px;display:flex;align-items:center;gap:10px;padding:12px;list-style:none;cursor:pointer;color:#192d32}
 .instance-card summary::-webkit-details-marker{display:none}
 .instance-card summary:after{content:'+';margin-left:auto;font-size:22px;color:#17675f;flex-shrink:0}
 .instance-card[open] summary:after{content:'−'}
 .instance-card[open] summary{background:#eaf3ed;border-bottom:1px solid #cfddd2}
 .instance-card-title{display:block;font:600 14px var(--font-mono);overflow-wrap:anywhere}
 .instance-card-subtitle{display:block;font-size:12px;color:#526762;margin-top:4px;overflow-wrap:anywhere}
 .instance-values{margin:0;padding:0 12px}
 .instance-value{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #e6ece8}
 .instance-value:last-child{border:0}
 .instance-value dt{font:12px var(--font-mono);color:#526762;overflow-wrap:anywhere}
 .instance-value dd{margin:0;color:#192d32;font:14px var(--font-mono);overflow-wrap:anywhere;text-align:right;user-select:text}
 .instance-card .empty-selection{padding:14px;font-size:13px}
 .phone-table .instance-cards{display:none}
 .phone-table .grid-container{background:white;border:1px solid #cbdad0;border-radius:8px}
 .phone-table .data-grid{display:table}
 .phone-table .data-grid th,.phone-table .data-grid td{min-width:125px;max-width:190px;padding:14px 12px;font-size:13px}
 .phone-table .data-grid th:first-child,.phone-table .data-grid td:first-child{position:sticky;left:0;background:#f1f6f3;min-width:145px;max-width:145px;white-space:normal;overflow-wrap:anywhere;z-index:2;border-right:1px solid #cbdad0}
 .phone-table .data-grid th:first-child{z-index:4}
 .grid-footer{margin:0;padding:6px 0;min-height:48px;gap:6px;flex-shrink:0;flex-wrap:wrap;border:0}
 #gridStats{font-size:11px;max-width:125px}
 .pagination-controls{gap:4px;margin-left:auto}
 .pagination-controls span{font-size:11px}
 .pagination-controls button{min-height:44px;min-width:55px;padding:6px;font-size:12px}
 .mobile-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;flex-shrink:0;background:#192d32;padding:4px 8px max(4px,env(safe-area-inset-bottom));border-top:1px solid #36534e}
 .mobile-toolbar button{min-height:52px;background:transparent;border:0;color:#e5f1e9;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:6px}
 .mobile-toolbar .toolbar-symbol{font-size:19px;font-family:var(--font-mono);line-height:1}
 .mobile-toolbar button[aria-expanded=true]{background:#2d544b;color:#bcf2cb}
 /* One sheet at a time leaves the workbench's data and selection state intact. */
 body[data-mobile-panel] .mobile-sheet-shade{display:block;position:fixed;inset:0;background:#071d26a8;z-index:80;border:0}
 body[data-mobile-panel] .mobile-sheet-close{display:block;position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;z-index:92;height:48px;border:0;border-radius:8px;background:#17675f;color:white;font-size:16px;font-weight:600}
 body[data-mobile-panel=columns] .column-picker,body[data-mobile-panel=views] .grid-controls,body[data-mobile-panel=export] .header-actions,body[data-mobile-panel=info] .review-banner{display:flex;position:fixed;bottom:0;left:0;right:0;max-height:85dvh;min-height:230px;overflow:auto;z-index:90;padding:22px 16px calc(80px + env(safe-area-inset-bottom));margin:0;box-sizing:border-box;background:#f7faf8;border-radius:18px 18px 0 0;color:#192d32;border:1px solid #bbcdc3;flex-direction:column;align-items:stretch;gap:16px}
 body[data-mobile-panel=columns] .column-picker .picker-content{display:block!important}
 .picker-header{display:flex;flex-wrap:wrap;gap:8px;padding:0;min-height:44px}
 .picker-toggle{display:none}
 .picker-label{font-size:16px}
 #columnStats{font-size:12px;flex:1}
 .picker-header .btn-link{min-height:44px;min-width:70px;border:1px solid #b5cbbd;border-radius:7px;padding:8px}
 .column-tag-input{padding:8px;max-height:none}
 #columnSearchInput{font-size:16px;min-height:44px;min-width:0;width:100%}
 .selected-tags{max-height:180px;overflow:auto;gap:8px}
 .column-tag{min-height:36px;font-size:12px;max-width:100%;overflow-wrap:anywhere}
 .column-tag button{min-height:32px;min-width:32px}
 .column-suggestions{position:static;max-height:180px}
 .saved-views-controls{flex-wrap:wrap;gap:8px;display:flex}
 .views-select{width:100%;max-width:none;min-width:0;height:48px;font-size:16px;flex-basis:100%}
 .grid-controls button,.grid-controls label{min-height:44px;font-size:14px;flex:1}
 .grid-controls .toggle-label{flex:auto;padding:10px 0}
 .view-controls-divider,.header-divider{display:none}
 .header-actions .format-select{width:100%;font-size:16px;min-height:48px}
 .header-actions button{min-height:48px;font-size:16px;justify-content:center}
 .header-actions:before{content:'Export selected columns';font-size:18px;font-weight:700}
 .header-actions:after{content:'Choose columns first. Downloads include all matching-type instances, across every page.';font-size:13px;line-height:1.5;color:#526762}
 .review-banner{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
 .review-banner summary{min-height:44px;padding:8px 0;font-weight:600}
 .review-banner pre{font-size:12px;overflow-wrap:anywhere}
 /* The existing full column selector becomes a reachable, full-height phone sheet. */
 .modal{padding:0;align-items:stretch;z-index:100}
 .column-modal-content{position:fixed;inset:0;width:100%;max-width:none;max-height:none;height:100dvh;margin:0;border-radius:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
 .column-modal-header{padding:20px 56px 16px 16px;flex-wrap:wrap;gap:6px}
 .column-modal-header h3{font-size:20px}
 .modal-close{top:max(8px,env(safe-area-inset-top));right:8px;min-height:44px;min-width:44px;font-size:28px}
 .column-modal-actions{padding:8px 16px;gap:8px;flex-shrink:0}
 .column-modal-actions button{min-height:44px;font-size:14px}
 .column-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px;min-height:0;flex:1;max-height:none;overflow:auto;gap:8px}
 .modal-column-item{min-height:56px;padding:10px;white-space:normal;min-width:0}
 .modal-column-name{white-space:normal;overflow-wrap:anywhere;font-size:12px}
 .modal-column-item input{width:20px;height:20px;flex-shrink:0}
 .column-modal-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));flex-shrink:0}
 .column-modal-footer button{width:100%;min-height:48px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.crt-mode::before,.crt-mode::after,.explosion-particle,.magic-sparkle{animation:none!important}.crt-mode{animation:none!important}}
@media(max-width:800px){
 /* Legacy renderer sets an inline display value after loading parameters. */
 .column-picker{display:none!important}
 body[data-mobile-panel=columns] .column-picker{display:flex!important}
}

/* Keep the Easter egg legible on a small screen: opaque surfaces, crisp type,
   a quiet phosphor accent, and no scanline layer over engineering values. */
.crt-label-phone{display:none}
@media(max-width:800px){
 body.crt-mode{
  --bg-app:#07120e;--bg-panel:#0c1d15;--bg-header:#0c1d15;
  --bg-table-header:#122c20;--bg-hover:#153525;--bg-selected:#204932;
  --text-primary:#b8f7ca;--text-secondary:#94bea1;--text-mono:#b8f7ca;
  --accent-primary:#76efa0;--accent-hover:#a1ffc0;
  --border-color:#315b42;--border-light:#254331;
  --dd-border-color:#315b42;--dd-row-alt:#10271c;
  color-scheme:dark;background:#07120e;color:#b8f7ca;filter:none;
 }
 .crt-mode *{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;text-shadow:none!important}
 .crt-mode::after{display:none}
 .crt-mode .app-main,.crt-mode .browser-layout,.crt-mode .data-grid-panel,
 .crt-mode .grid-header,.crt-mode .grid-footer,.crt-mode .phone-view-bar{
  background:#07120e!important;color:var(--text-primary)!important;
 }
 .crt-mode .app-header,.crt-mode .phone-type-bar,.crt-mode .mobile-toolbar{
  background:#0c1d15!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;
 }
 .crt-mode .app-header{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#76efa008 3px 4px)!important}
 .crt-mode .header-left{gap:8px}
 .crt-mode .workspace-title{font-size:12px}
 .crt-mode .mobile-brand{flex-basis:30px;color:#76efa0}
 .crt-mode .header-left .back-link{font-size:12px;color:#b8f7ca!important}
 .crt-mode .crt-indicator{
  position:static;flex:0 0 auto;min-height:44px;max-width:none;margin-left:auto;
  padding:6px 9px;border:1px solid #508f65;border-radius:7px;
  background:#153525;color:#b8f7ca;font-size:11px;font-weight:600;animation:none;cursor:pointer;
 }
 .crt-label-desktop{display:none}.crt-label-phone{display:inline}
 .crt-mode input:not([type=checkbox]),.crt-mode select{
  background:#0c1d15!important;color:#b8f7ca!important;border-color:#508f65!important;caret-color:#76efa0;
 }
 .crt-mode input::placeholder{color:#94bea1!important;opacity:1}
 .crt-mode :is(button,a,input,select,summary):focus-visible{outline:2px solid #b8f7ca;outline-offset:2px}
 .crt-mode .phone-type-bar label,.crt-mode .phone-view-hint,.crt-mode .instance-card-subtitle,
 .crt-mode .instance-value dt,.crt-mode .header-actions:after{color:#94bea1!important}
 .crt-mode .phone-view-bar .segmented{border-color:#508f65}
 .crt-mode .phone-view-bar button,.crt-mode .btn,.crt-mode .picker-header .btn-link{
  background:#10271c!important;color:#b8f7ca!important;border-color:#508f65!important;
 }
 .crt-mode .phone-view-bar button[aria-pressed=true],.crt-mode .mobile-sheet-close,
 .crt-mode .column-modal-footer .btn,.crt-mode .header-actions .btn-primary{
  background:#76efa0!important;color:#07120e!important;border-color:#76efa0!important;font-weight:700;
 }
 .crt-mode button:disabled{opacity:1!important;background:#102018!important;color:#749b80!important;border-color:#315b42!important}
 .crt-mode .instance-card{background:#0c1d15;border-color:#315b42}
 .crt-mode .instance-card summary,.crt-mode .instance-value dd{color:#b8f7ca}
 .crt-mode .instance-card[open] summary{background:#122c20;border-color:#315b42}
 .crt-mode .instance-card summary:after{color:#76efa0}
 .crt-mode .instance-value{border-color:#254331}
 .crt-mode .instance-value dt{font-size:12px}
 .crt-mode .instance-value dd{font-weight:500}
 .crt-mode .grid-container{scrollbar-color:#315b42 #07120e}
 .crt-mode.phone-table .grid-container,.crt-mode .data-grid td{background:#0c1d15!important;border-color:#315b42!important}
 .crt-mode .data-grid th,.crt-mode.phone-table .data-grid th:first-child,.crt-mode.phone-table .data-grid td:first-child{
  background:#122c20!important;border-color:#315b42!important;color:#b8f7ca!important;
 }
 .crt-mode .data-grid td.column-dimmed{background:#07120e!important;color:#749b80!important}
 .crt-mode .data-grid th.column-dimmed{background:#102018!important}
 .crt-mode .mobile-toolbar button{color:#b8f7ca}
 .crt-mode .mobile-toolbar button[aria-expanded=true]{background:#204932;color:#b8f7ca}
 .crt-mode[data-mobile-panel] :is(.column-picker,.grid-controls,.header-actions,.review-banner),
 .crt-mode .modal-content,.crt-mode .column-tag-input,.crt-mode .column-suggestions{
  background:#0c1d15!important;color:#b8f7ca!important;border-color:#315b42!important;
 }
 .crt-mode .column-tag,.crt-mode .modal-column-item.selected,.crt-mode .suggestion-item.highlighted{
  background:#204932;color:#b8f7ca;border-color:#508f65;
 }
 .crt-mode .column-tag .tag-remove{color:#b8f7ca;opacity:1}
 .crt-mode .modal-close{color:#b8f7ca}
 .crt-mode .grid-footer{gap:4px}
 .crt-mode #gridStats{font-size:10px;max-width:110px}
 .crt-mode .pagination-controls span{font-size:10px}
}