/* Lampon Studio V2: capa final de interfaz, cargada después del estilo histórico. */
body[data-pixel-phase] .pixel-workflow{display:flex}
body[data-pixel-phase] #editorView>.view-heading{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px 16px!important;border-bottom:1px solid #1e3038;background:#071115}
body[data-pixel-phase] #editorView>.view-heading>div:first-child,
body[data-pixel-phase] #editorView>.view-heading>.view-controls{display:none!important}
body[data-pixel-phase] .menu-toggle,
body[data-pixel-phase] .mobile-brand-title,
body[data-pixel-phase] .top-actions #backupNow,
body[data-pixel-phase] .top-actions #saveProject{display:none!important}
body[data-pixel-phase] .project-identity{display:block!important}
body[data-pixel-phase] .project-identity .eyebrow{display:none}
body[data-pixel-phase] .top-actions #openExport,
body[data-pixel-phase] .top-actions #printReport{display:block!important}
.technical-fab{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #334a53;border-radius:999px;background:#0b1a20e8;box-shadow:0 10px 30px #000a;color:#a9c3c8;font:700 8px Inter;backdrop-filter:blur(12px);cursor:pointer}.technical-fab:hover{border-color:#4ddec7;color:#effffc}.technical-fab span{color:#66e2d0;font-size:12px}body:not([data-pixel-phase]) .technical-fab{display:none}
.technical-dialog{width:min(650px,92vw);padding:20px;border:1px solid #29434c;border-radius:16px;background:#081318;color:#dcebed;box-shadow:0 30px 90px #000d}.technical-dialog::backdrop{background:#02080bd9;backdrop-filter:blur(5px)}.technical-dialog-intro{margin:12px 0 16px;color:#718991;font-size:10px;line-height:1.55}.technical-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.technical-dialog-grid button{display:grid;gap:7px;min-height:96px;padding:16px;text-align:left;border:1px solid #29434c;border-radius:11px;background:linear-gradient(145deg,#0d2026,#09161b);color:#81999f;cursor:pointer}.technical-dialog-grid button:hover{border-color:#46cdbc;background:#10282d}.technical-dialog-grid b{color:#efffff;font:700 13px Space Grotesk}.technical-dialog-grid span{font:500 9px/1.45 Inter}

.pixel-map.phase-create .pixel-toolbar.creation-toolbar{display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;overflow:visible}
.pixel-map.phase-edit .pixel-toolbar.editor-toolbar{display:block!important;overflow:visible;padding:10px 12px 12px!important}
.pixel-map.phase-edit .editor-action-row{display:flex;align-items:center;justify-content:center;gap:7px;overflow:visible}
.pixel-map.phase-edit .editor-option-grid{display:grid;grid-template-columns:1fr 1.45fr .75fr 1.35fr;gap:8px;margin-top:9px}
.pixel-map.phase-edit .editor-option-card>.pixel-tools{display:flex!important;width:auto!important;flex-wrap:wrap!important;overflow:visible!important}

.pixel-screen{--module-line:1px}
.pixel-screen[data-pattern="a"] .pixel-grid{background-image:conic-gradient(from 90deg,var(--screen-color) 0 25%,var(--screen-color-2) 0 50%,var(--screen-color) 0 75%,var(--screen-color-2) 0),linear-gradient(90deg,transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 62%,transparent) 0),linear-gradient(transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 62%,transparent) 0)!important;background-size:var(--pattern-x2,var(--grid-x2)) var(--pattern-y2,var(--grid-y2)),var(--grid-x) var(--grid-y),var(--grid-x) var(--grid-y)!important;filter:none;opacity:1}
.pixel-screen[data-pattern="a"] .pixel-grid::before{background:linear-gradient(118deg,#ffffff22,transparent 27% 72%,#00000025);background-size:var(--grid-x) var(--grid-y);mix-blend-mode:soft-light}
.pixel-screen[data-pattern="b"] .pixel-grid{background-image:linear-gradient(135deg,var(--screen-color) 0 49.5%,var(--screen-color-2) 50.5% 100%),linear-gradient(90deg,transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 62%,transparent) 0),linear-gradient(transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 62%,transparent) 0)!important;background-size:var(--pattern-x,var(--grid-x)) var(--pattern-y,var(--grid-y)),var(--grid-x) var(--grid-y),var(--grid-x) var(--grid-y)!important;opacity:.96}
.pixel-screen[data-pattern="c"] .pixel-grid{background-image:conic-gradient(from 90deg,color-mix(in srgb,var(--screen-color) 74%,#fff) 0 25%,color-mix(in srgb,var(--screen-color-2) 74%,#071014) 0 50%,color-mix(in srgb,var(--screen-color) 74%,#071014) 0 75%,color-mix(in srgb,var(--screen-color-2) 74%,#fff) 0),linear-gradient(90deg,transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 58%,transparent) 0),linear-gradient(transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 58%,transparent) 0)!important;background-size:var(--pattern-x2,var(--grid-x2)) var(--pattern-y2,var(--grid-y2)),var(--grid-x) var(--grid-y),var(--grid-x) var(--grid-y)!important;opacity:.9}
.pixel-screen[data-diagonal="yes"] .pixel-grid::after{background:linear-gradient(135deg,transparent calc(50% - .7px),#ffffff88 50%,transparent calc(50% + .7px))!important;background-size:var(--pattern-x,var(--grid-x)) var(--pattern-y,var(--grid-y))!important;mix-blend-mode:screen}
.pixel-screen[data-diagonal="no"] .pixel-grid::after{background:linear-gradient(118deg,#ffffff1e 0%,transparent 24%,transparent 72%,#00000018 100%)!important;background-size:auto!important}
.module-grid{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 72%,#fff) 0),linear-gradient(transparent calc(100% - var(--module-line)),color-mix(in srgb,var(--frame-color) 72%,#fff) 0);background-size:var(--grid-x) 100%,100% var(--grid-y);filter:drop-shadow(0 0 .5px #000);box-shadow:inset 0 0 0 var(--module-line) color-mix(in srgb,var(--frame-color) 62%,#fff)}
.module-index{position:absolute;display:flex;align-items:flex-start;justify-content:flex-start;padding:3px 4px;border:0!important;color:#fff;opacity:.72;font:800 clamp(4px,.42vw,7px) Inter;font-style:normal;letter-spacing:.03em;text-shadow:0 1px 3px #000,0 0 5px #000;box-sizing:border-box}
.pixel-label,.pixel-coords,.module-spec,.pixel-group,.pixel-lock{z-index:3}.module-spec{position:absolute;right:5px;bottom:4px;max-width:52%;overflow:hidden;color:#fff;font:700 clamp(5px,.58vw,8px) Inter;text-align:right;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px #000}
.pixel-screen.grouped .pixel-label{opacity:.12}
.pixel-screen.grouped .module-grid{opacity:.88}.pixel-screen.grouped .module-spec{opacity:.8}
.pixel-screen.grouped.selected{filter:saturate(1.08);box-shadow:inset 0 0 0 var(--module-line) color-mix(in srgb,var(--frame-color) 70%,#fff),0 0 0 var(--module-line) color-mix(in srgb,var(--frame-color) 56%,transparent)!important}
.pixel-screen:hover,.pixel-screen.selected,.pixel-screen.grouped.selected{filter:none!important}
.pixel-group-frame{z-index:6}
.creation-left-stack,.creation-right-stack{display:contents}
body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap) .creation-right-stack .compact-position-section{display:block!important}
.pixel-total-card{display:grid;gap:3px;margin-bottom:4px;padding:11px 12px;border:1px solid #4561ff66;border-radius:10px;background:linear-gradient(135deg,#121b37,#17142d);box-shadow:inset 3px 0 0 #7653ff}
.pixel-total-card span{color:#9aaec5;font:700 8px Inter;letter-spacing:.08em;text-transform:uppercase}.pixel-total-card strong{color:#fff;font:700 19px Space Grotesk}

@media(min-width:1100px){
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap){grid-template-columns:304px minmax(0,1fr) 304px!important;grid-template-rows:minmax(0,1fr)!important}
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap)>.config-panel>.config-page.active{display:contents!important}
  body[data-pixel-phase="create"] .creation-left-stack,
  body[data-pixel-phase="create"] .creation-right-stack{display:flex;flex-direction:column;align-self:stretch;min-height:0;background:#101926}
  body[data-pixel-phase="create"] .creation-left-stack{grid-column:1;grid-row:1;overflow-y:auto;border-right:1px solid #263640}
  body[data-pixel-phase="create"] .creation-right-stack{grid-column:3;grid-row:1;overflow-y:auto;border-left:1px solid #263640}
  body[data-pixel-phase="create"] .creation-left-stack>.config-section,
  body[data-pixel-phase="create"] .creation-right-stack>.config-section{grid-column:auto!important;grid-row:auto!important;align-self:auto!important;flex:0 0 auto;width:100%;min-width:0;border-left:0!important;border-right:0!important;background:transparent!important}
  body[data-pixel-phase="create"] .creation-right-stack>.config-section:first-child{display:block;flex:0 0 auto;min-height:0;overflow:visible}
  body[data-pixel-phase="create"] .creation-right-stack .simple-screen-list{min-height:0;max-height:38vh!important;overflow-y:auto}
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap)>.canvas-column{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0}
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap) .canvas-card,
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap) .screen-stage.mode-pixelmap,
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap) .pixel-map,
  body[data-pixel-phase="create"] .workspace:has(.mode-pixelmap) .pixel-workspace{width:100%!important;min-width:0}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:1fr!important;min-height:calc(100vh - 155px)}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap)>.config-panel{display:none!important}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap)>.canvas-column{grid-column:1!important;grid-row:1!important}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap) .screen-stage.mode-pixelmap{min-height:calc(100vh - 157px)}
}

@media(max-width:790px){
  body[data-pixel-phase] #editorView>.view-heading{top:58px;padding:7px 8px!important}
  body[data-pixel-phase] .top-actions #printReport{display:none!important}
  .technical-fab{right:10px;bottom:10px;padding:9px 11px}
  .technical-dialog-grid{grid-template-columns:1fr}.technical-dialog-grid button{min-height:78px}
  .pixel-map.phase-edit .pixel-toolbar.editor-toolbar{max-height:272px;overflow-y:auto!important;overflow-x:hidden!important}
  .pixel-map.phase-edit .editor-action-row{justify-content:flex-start;overflow-x:auto}
  .pixel-map.phase-edit .editor-option-grid{grid-template-columns:1fr!important;gap:7px}
  .pixel-map.phase-create .pixel-toolbar.creation-toolbar{flex-wrap:nowrap!important;overflow-x:auto!important}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap)>.config-panel{display:none!important}
  .pixel-screen{--module-line:.55px;border-width:1px!important}
  .pixel-screen:hover{box-shadow:0 0 0 .5px #ffffff7a,0 5px 14px #000a}
  .pixel-screen.selected{box-shadow:0 0 0 .65px #fff,0 0 0 1.5px color-mix(in srgb,var(--screen-color) 65%,transparent),0 6px 16px #000b!important}
  .pixel-screen.active-screen{outline-width:.5px;outline-offset:-2px}
  .module-grid{filter:none;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--frame-color) 52%,#fff)}
  .module-index{padding:1px 2px;opacity:.68;font-size:clamp(3px,1.2vw,5px);letter-spacing:0;text-shadow:0 1px 2px #000}
  .pixel-label{gap:1px;padding:2px;text-shadow:0 1px 3px #000}
  .pixel-label b{max-width:88%;padding:2px 5px;border-width:.5px;font-size:clamp(5px,1.8vw,8px);box-shadow:0 2px 7px #0009;text-shadow:0 1px 3px #000}
  .pixel-label b i{width:10px;height:10px;font-size:6px}
  .pixel-label span{display:none}
  .pixel-coords{left:2px;bottom:2px;max-width:48%;overflow:hidden;font-size:clamp(3px,1.05vw,5px);text-overflow:ellipsis;white-space:nowrap}
  .module-spec{right:2px;bottom:2px;max-width:48%;font-size:clamp(3px,1.05vw,5px);text-shadow:0 1px 2px #000}
  .pixel-screen.grouped.selected{box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--frame-color) 70%,#fff),0 0 0 .5px color-mix(in srgb,var(--frame-color) 55%,transparent)!important}
  .pixel-group-frame{border-width:1px;box-shadow:0 0 0 1px #7c5cff20,inset 0 0 18px #6c49ff12}
  .pixel-group-frame::before,.pixel-group-frame::after{width:7px;height:7px;border-width:1px!important}
}

/* El nombre y la resolución comparten un único rótulo central. */
.pixel-label-card{display:grid;justify-items:center;gap:2px;max-width:92%;padding:6px 11px;border:1px solid #ffffff52;border-radius:6px;color:var(--label-color,#fff);background:var(--label-bg,#071014d1);box-shadow:0 4px 14px #0008;text-shadow:0 2px 5px #000;line-height:1.15;overflow:hidden}
.pixel-label .pixel-label-card>b{display:flex;align-items:center;justify-content:center;max-width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pixel-label .pixel-label-card>span{display:block!important;max-width:100%;color:color-mix(in srgb,var(--label-color,#fff) 82%,#9fb7bc);font:600 clamp(6px,.75vw,9px) Inter;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pixel-screen[data-label-shape="none"] .pixel-label-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none}
.pixel-screen[data-label-shape="rect"] .pixel-label-card{border-radius:0;clip-path:none}
.pixel-screen[data-label-shape="rounded"] .pixel-label-card{border-radius:6px;clip-path:none}
.pixel-screen[data-label-shape="pill"] .pixel-label-card{padding-inline:15px;border-radius:999px;clip-path:none}
.pixel-screen[data-label-shape="hex"] .pixel-label-card{padding:8px 20px;border:0;border-radius:0;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
@media(max-width:790px){.pixel-label-card{gap:1px;padding:3px 6px}.pixel-label .pixel-label-card>span{font-size:clamp(4px,1.2vw,6px)}}

/* Identidad visual única para las tres fases del flujo. */
body[data-pixel-phase]{
  --phase-bg:#060b12;
  --phase-panel:#101926;
  --phase-panel-soft:#0a171d;
  --phase-line:#263640;
  --phase-text:#eef8fa;
  --phase-muted:#789198;
  background:var(--phase-bg);
  color:var(--phase-text);
  font-family:Inter,system-ui,sans-serif;
}
body[data-pixel-phase] .pixel-workflow button{
  min-height:43px;
  border-color:var(--phase-line);
  background:var(--phase-panel-soft);
  color:var(--phase-muted);
  font-family:Inter,system-ui,sans-serif;
}
body[data-pixel-phase] .pixel-workflow button>span,
body[data-pixel-phase] .pixel-workflow button>b,
body[data-pixel-phase] .pixel-workflow button>small{
  font-family:Inter,system-ui,sans-serif;
}
body[data-pixel-phase] .pixel-workflow button>span{font-size:10px;font-weight:700;color:#c8d7db}
body[data-pixel-phase] .pixel-workflow button>small{font-size:7px;font-weight:500;color:#61777e}
body[data-pixel-phase] .pixel-workflow button.active{
  border-color:#7257ff;
  background:linear-gradient(145deg,#171d35,#101b25);
  box-shadow:0 0 0 2px #7257ff1e;
}
body[data-pixel-phase] .pixel-workflow button.active>span{color:#fff}
body[data-pixel-phase] .workspace,
body[data-pixel-phase] .workspace>.config-panel,
body[data-pixel-phase] .workspace>.screen-manager-panel,
body[data-pixel-phase] .creation-left-stack,
body[data-pixel-phase] .creation-right-stack{font-family:Inter,system-ui,sans-serif}
body[data-pixel-phase] .workspace>.config-panel,
body[data-pixel-phase] .workspace>.screen-manager-panel{
  border-color:var(--phase-line)!important;
  background:var(--phase-panel)!important;
  color:var(--phase-text);
}
body[data-pixel-phase] .workspace>.config-panel h2,
body[data-pixel-phase] .workspace>.config-panel h3,
body[data-pixel-phase] .workspace>.screen-manager-panel h2,
body[data-pixel-phase] .workspace>.screen-manager-panel h3,
body[data-pixel-phase] .canvas-card h2{
  color:var(--phase-text);
  font-family:Space Grotesk,Inter,system-ui,sans-serif;
}
body[data-pixel-phase] .config-section,
body[data-pixel-phase] .screen-manager-panel>.config-section{border-color:var(--phase-line)}
body[data-pixel-phase] .field>span,
body[data-pixel-phase] .phase-materials-intro span,
body[data-pixel-phase] .editor-option-card header span{color:var(--phase-muted);font-family:Inter,system-ui,sans-serif}
body[data-pixel-phase] .field input,
body[data-pixel-phase] .field select,
body[data-pixel-phase] .field textarea,
body[data-pixel-phase] .config-tabs button,
body[data-pixel-phase] .pixel-tools button,
body[data-pixel-phase] .pixel-tools select{
  border-color:#29414a;
  background:#09151a;
  color:var(--phase-text);
  font-family:Inter,system-ui,sans-serif;
}
body[data-pixel-phase] .phase-materials-intro,
body[data-pixel-phase] .phase-edit-panel .editor-option-card{
  border-color:var(--phase-line);
  background:var(--phase-panel-soft);
}

/* V3 · flujo guiado: creación, edición y materiales */
body[data-pixel-phase] #editorView{width:100%!important;max-width:none!important;margin:0!important;padding:12px 14px 24px!important}
body[data-pixel-phase] .workspace{width:100%!important;max-width:none!important;margin:0!important}
body[data-pixel-phase] .screen-stage.mode-pixelmap,
body[data-pixel-phase] .screen-stage.mode-pixelmap>.pixel-map,
body[data-pixel-phase] .screen-stage.mode-pixelmap .pixel-workspace{width:100%!important;min-width:0}
body[data-pixel-phase] .screen-stage.mode-pixelmap>.pixel-map{height:100%;min-height:inherit}
.topbar-start{display:flex;align-items:center;min-width:0;gap:18px}
.lampon-top-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding-right:18px;border-right:1px solid #253740;color:#f5efe4;text-decoration:none}
.lampon-top-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #a87942;color:#f1c27a;font:800 14px Space Grotesk;box-shadow:inset 0 0 20px #d69b5412}
.lampon-top-brand>span:last-child{display:grid;gap:2px}
.lampon-top-brand b{font:800 13px Space Grotesk;letter-spacing:.15em}
.lampon-top-brand small{color:#6f858d;font:700 7px Inter;letter-spacing:.13em}
.pixel-workflow{max-width:720px;width:min(720px,72vw)}
.pixel-workflow>button{flex:1;min-width:0}
.phase-edit-panel,.phase-materials-intro,.screen-manager-panel{display:none}
.screen-manager-panel{min-width:0;padding:0;overflow:hidden;border-radius:0;background:#101926}
.screen-manager-panel .simple-only{display:block!important}
.screen-manager-panel>.config-section{margin:0;padding:16px;border-bottom:1px solid #263640}
.screen-manager-panel>.config-section:last-child{border-bottom:0}
.field textarea{width:100%;min-width:0;resize:vertical;border:1px solid #29414a;background:#09151a;color:#eef8fa;border-radius:8px;padding:9px;outline:none;font:600 11px/1.45 Inter}
.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(34,227,196,.08)}
.materials-pdf-button{width:100%;margin-top:14px}
.phase-materials-intro{margin:0 0 12px;padding:11px 12px;border:1px solid #34515a;border-radius:9px;background:#0b1c22}
.phase-materials-intro b,.phase-materials-intro span{display:block}
.phase-materials-intro b{color:#eefefd;font:700 11px Space Grotesk}
.phase-materials-intro span{margin-top:5px;color:#789198;font:500 8px/1.45 Inter}
.phase-edit-panel{min-width:0}
.phase-edit-panel .editor-side-actions{display:grid;gap:8px;margin-bottom:10px}
.phase-edit-panel .pixel-tools{display:flex!important;flex-wrap:wrap!important;width:auto!important;gap:6px;overflow:visible!important}
.phase-edit-panel .pixel-tools button,.phase-edit-panel .pixel-tools select,.phase-edit-panel .pixel-tools label{min-height:30px}
.phase-edit-panel .editor-option-grid{display:grid;grid-template-columns:1fr;gap:8px}
.phase-edit-panel .editor-option-card{min-width:0;padding:11px;border:1px solid #263e47;border-radius:9px;background:#0a171d}
.phase-edit-panel .editor-option-card header{display:grid;gap:3px;margin-bottom:9px}
.phase-edit-panel .editor-option-card header b{color:#eefafa;font:700 10px Space Grotesk}
.phase-edit-panel .editor-option-card header span{color:#617b84;font:500 7px Inter}
.phase-edit-panel .template-tools{margin-top:8px}
.phase-edit-panel .phase-materials-next{width:100%;margin-top:11px}
.pixel-empty-state{position:absolute;left:50%;top:50%;z-index:4;display:grid;gap:5px;width:min(310px,72%);padding:14px 18px;transform:translate(-50%,-50%);border:1px dashed #39515c;border-radius:10px;background:#071116d9;text-align:center;pointer-events:none}
.pixel-empty-state b,.empty-technical-stage b,.empty-screen-list b,.empty-technical b{color:#e6f5f6;font:700 12px Space Grotesk}
.pixel-empty-state span,.empty-technical-stage span,.empty-screen-list span,.empty-technical span{color:#718b93;font:500 8px/1.5 Inter}
.empty-screen-list,.empty-technical{display:grid;gap:5px;padding:13px;border:1px dashed #304851;border-radius:9px;background:#09151a;text-align:center}
.empty-technical-stage{display:grid;place-items:center;align-content:center;gap:6px;min-height:320px;padding:24px;text-align:center}
body[data-pixel-phase="create"] .config-tabs,
body[data-pixel-phase="create"] .phase-edit-panel,
body[data-pixel-phase="create"] .phase-materials-intro{display:none!important}
body[data-pixel-phase="create"] .config-page{display:none!important}
body[data-pixel-phase="create"] .config-page[data-config-page="basic"]{display:block!important}
body[data-pixel-phase="edit"] .config-tabs,
body[data-pixel-phase="edit"] .config-page,
body[data-pixel-phase="edit"] .phase-materials-intro{display:none!important}
body[data-pixel-phase="edit"] .phase-edit-panel{display:block!important}
body[data-pixel-phase="data"] .phase-edit-panel,
body[data-pixel-phase="data"] .phase-materials-intro,
body[data-pixel-phase="power"] .phase-edit-panel,
body[data-pixel-phase="power"] .phase-materials-intro,
body[data-pixel-phase="materials"] .phase-edit-panel{display:none!important}
body[data-pixel-phase="data"] .config-tabs,
body[data-pixel-phase="power"] .config-tabs,
body[data-pixel-phase="materials"] .config-tabs{display:none!important}
body[data-pixel-phase="data"] .config-page,
body[data-pixel-phase="power"] .config-page,
body[data-pixel-phase="materials"] .config-page{display:none!important}
body[data-pixel-phase="data"] .config-page[data-config-page="data"],
body[data-pixel-phase="power"] .config-page[data-config-page="power"],
body[data-pixel-phase="materials"] .config-page[data-config-page="scene"]{display:block!important}
body[data-pixel-phase="materials"] .phase-materials-intro{display:block!important}
body[data-pixel-phase="materials"] .screen-stage{min-height:630px;height:auto}
body[data-pixel-phase="materials"] .bom-grid{height:100%;align-content:start}
body[data-pixel-phase="materials"] .technical-fab{display:none}
body[data-pixel-phase] .workspace>.config-panel>.card-head{display:flex!important}
.phase-technical-next{width:100%;margin-top:12px}

@media(min-width:1100px){
  body[data-pixel-phase] .workspace{display:grid!important;grid-template-columns:304px minmax(0,1fr) 304px!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;min-height:calc(100vh - 155px)}
  body[data-pixel-phase] .workspace>.config-panel{display:block!important;grid-column:1!important;grid-row:1!important;position:relative!important;top:auto!important;width:100%;height:auto;max-height:calc(100vh - 155px);padding:14px;overflow-y:auto;border-radius:0;border-block:0;border-left:0;background:#101926}
  body[data-pixel-phase] .workspace>.canvas-column{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0}
  body[data-pixel-phase] .workspace>.screen-manager-panel{display:block!important;grid-column:3!important;grid-row:1!important;max-height:calc(100vh - 155px);overflow-y:auto;border-block:0;border-right:0}
  body[data-pixel-phase="create"] .workspace>.config-panel>.config-page.active{display:block!important}
  body[data-pixel-phase="create"] .creation-left-stack{display:block!important;overflow:visible;border:0;background:transparent}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap){grid-template-columns:304px minmax(0,1fr) 304px!important;grid-template-rows:minmax(0,1fr)!important}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap)>.config-panel{display:block!important}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap)>.canvas-column{grid-column:2!important;grid-row:1!important}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap) .screen-stage.mode-pixelmap{min-height:calc(100vh - 157px)}
}

@media(max-width:1099px){
  body[data-pixel-phase] .workspace{display:grid!important;grid-template-columns:minmax(250px,34vw) minmax(0,1fr)!important;gap:10px!important}
  body[data-pixel-phase] .workspace>.config-panel{display:block!important;grid-column:1;position:relative;top:auto;max-height:none}
  body[data-pixel-phase="edit"] .workspace:has(.mode-pixelmap)>.config-panel{display:block!important}
  body[data-pixel-phase] .workspace>.canvas-column{grid-column:2;min-width:0}
  body[data-pixel-phase] .workspace>.screen-manager-panel{display:block!important;grid-column:1 / -1;max-height:none}
}

@media(max-width:790px){
  .lampon-top-brand{padding-right:0;border-right:0}
  .lampon-top-brand>span:last-child{display:grid}
  .lampon-top-brand b{font-size:10px}
  .lampon-top-brand small{display:none}
  .lampon-top-mark{width:29px;height:29px}
  .project-identity{min-width:0}
  .project-title{width:min(44vw,240px);font-size:13px}
  .pixel-workflow{width:100%;max-width:none;gap:4px}
  .pixel-workflow>button{padding:6px 5px!important}
  .pixel-workflow>button small{display:none}
  .pixel-workflow>i{max-width:12px}
  body[data-pixel-phase] .workspace{grid-template-columns:1fr!important}
  body[data-pixel-phase] .workspace>.config-panel,
  body[data-pixel-phase] .workspace>.canvas-column,
  body[data-pixel-phase] .workspace>.screen-manager-panel{grid-column:1!important}
  body[data-pixel-phase] .workspace>.config-panel{max-height:none;overflow:visible}
  body[data-pixel-phase="edit"] .pixel-map.phase-edit .editor-toolbar{max-height:none;display:flex!important;justify-content:space-between;padding:8px!important}
  body[data-pixel-phase="materials"] .screen-stage{min-height:420px}
  .project-pdf-fields{grid-template-columns:1fr}
  .pixel-empty-state{width:min(250px,80%);padding:10px 12px}
}