/* Desktop editing environment. Rules below cannot affect iPhone viewports. */
#pc-toolbar,#pc-studio{display:none}
@media (min-width:950px){
 html,body{background:#edf1f6!important}
 #pc-toolbar{position:fixed;z-index:100;top:0;left:0;right:0;height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#111f37;color:white;font:13px system-ui,sans-serif;border-bottom:1px solid #344763}
 #pc-toolbar strong{font-size:15px;letter-spacing:.05em}
 #pc-toolbar .pc-crumb{opacity:.65}
 #pc-toolbar .pc-space{flex:1}
 #pc-toolbar button{border:1px solid #506587;color:#fff;background:#263957;border-radius:9px;font:600 12px system-ui;padding:9px 12px;cursor:pointer}
 #pc-toolbar button.pc-primary{background:#3b79e8;border-color:#3b79e8}
 #app{position:fixed;top:58px;left:0;right:auto;bottom:0;inset:auto auto 0 0;height:calc(100dvh - 58px);width:calc(100vw - 392px);background:#e9edf4!important;padding:0;overflow:hidden}
 #lienzo{width:100%;height:100%;min-height:0;flex:1;background:#e9edf4!important;overflow:hidden;touch-action:auto}
 #escenario{box-shadow:0 15px 65px #14213d30,0 0 0 1px #cfd5e0;border-radius:1px}
 #pc-studio{position:fixed;z-index:70;display:block;top:58px;right:0;bottom:0;width:392px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-left:1px solid #dce2eb;color:#1a2940;font:13px system-ui,sans-serif}
 #pc-studio[hidden]{display:none}
 #pc-studio .pc-body{padding:17px 18px 28px}
 #pc-studio h2{font-size:17px;margin:1px 0 3px}
 #pc-studio .pc-subtitle{color:#718097;line-height:1.45;font-size:12px;margin:0 0 15px}
 #pc-studio .pc-pagebar{display:flex;gap:3px;flex-wrap:wrap;margin:6px 0 14px}
 #pc-studio button,#pc-studio select,#pc-studio input,#pc-studio textarea{font:inherit}
 #pc-studio button{cursor:pointer;border:1px solid #d2dce9;background:#f7f9fc;color:#24364f;border-radius:8px;padding:9px 10px}
 #pc-studio .pc-pagebar button{font-size:11px;padding:8px 9px}
 #pc-studio button.pc-selected,#pc-studio .pc-main{background:#347df2;border-color:#347df2;color:white}
 #pc-studio .pc-switch{display:flex;gap:6px;margin:8px 0 12px}
 #pc-studio .pc-switch button{flex:1}
 #pc-studio .pc-group{border-top:1px solid #e8edf4;padding-top:13px;margin-top:14px}
 #pc-studio .pc-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:#65768c;margin:0 0 9px}
 #pc-studio label{display:block;font-size:12px;color:#58677b;font-weight:600;margin-bottom:4px}
 #pc-studio input:not([type=checkbox]),#pc-studio select{display:block;width:100%;padding:8px 9px;background:#fff;color:#18283f;border:1px solid #cdd5e2;border-radius:7px;min-height:36px}
 #pc-studio input[type=color]{padding:2px;min-height:36px}
 #pc-studio input[type=checkbox]{accent-color:#347df2}
 #pc-studio input[disabled]{opacity:.45}
 #pc-studio .pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:9px 0}
 #pc-studio .pc-grid.three{grid-template-columns:1fr 1fr 1fr}
 #pc-studio .pc-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0}
 #pc-studio .pc-row>button{flex:1}
 #pc-studio .pc-hint{font-size:12px;color:#718098;line-height:1.5;margin:7px 0}
 #pc-studio .pc-note{padding:9px 11px;background:#f2f5fa;color:#53617b;border-radius:9px;font-size:12px;line-height:1.45}
 #pc-studio .pc-editonly[hidden],#pc-studio .pc-element-controls[hidden]{display:none!important}
 #pc-studio .pc-element-controls{margin-top:8px}
 #pc-studio .pc-danger{color:#ad3445!important}
 #pc-studio .pc-divider{height:1px;background:#edf1f7;margin:11px 0}
 #pc-studio summary{font-size:13px;font-weight:700;cursor:pointer;list-style:auto;padding:3px 0}
 #pc-studio details{padding:8px 0}
 #pc-studio #pc-status{font-size:12px;color:#5771a1;line-height:1.5;min-height:20px}
 #pc-studio .pc-actions{display:flex;gap:9px;margin-top:14px}
 #pc-studio .pc-actions button{flex:1}
 #pc-studio .pc-lock{display:flex;align-items:center;gap:7px;font-size:12px;color:#596c84}
 #editor:not([hidden]){z-index:120;left:min(50%,calc((100vw - 392px)/2));bottom:20px;max-height:calc(100dvh - 90px)}
 #ve-panel:not([hidden]){left:14px;right:406px;max-width:440px}
 #lienzo.ve-editing{cursor:crosshair}
}

@media(min-width:950px){
 #pc-studio .pc-danger:not(:disabled){background:#fff1f1;border-color:#e5bfc4;color:#aa253d!important}
 #pc-studio #pc-status{white-space:normal}
}
