.canvas-workstation{color:#24334b;max-width:1600px;margin:24px auto}.canvas-workstation *{box-sizing:border-box}.canvas-workstation h1{margin:0 0 8px;font-size:28px}.canvas-workstation h2{font-size:17px;margin:10px 0}.canvas-workstation button,.canvas-workstation input,.canvas-workstation select,.canvas-workstation textarea{font:inherit}.canvas-workstation button{border:1px solid #d4e0f4;border-radius:9px;background:#fff;color:#254162;padding:9px 12px;cursor:pointer;min-height:40px}.canvas-workstation button:disabled{opacity:.45;cursor:not-allowed}.canvas-workstation button:focus-visible,.canvas-workstation input:focus-visible,.canvas-workstation canvas:focus-visible{outline:3px solid #77a4ff;outline-offset:2px}.canvas-workstation .ce-primary{background:#2864f0;border-color:#2864f0;color:#fff}.canvas-workstation .ce-danger{color:#b73545}.ce-header,.ce-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ce-header{justify-content:space-between;margin-bottom:14px}.ce-header p,.ce-muted{color:#64758d;font-size:13px;line-height:1.6}.ce-layout{display:grid;grid-template-columns:180px minmax(280px,1fr) 270px;gap:14px;align-items:start}.ce-documents,.ce-properties,.ce-board{background:#fff;border:1px solid #e0e8f5;padding:14px;border-radius:12px;min-width:0}.ce-documents{max-height:80vh;overflow:auto}.ce-doc,.ce-layers button{display:block;width:100%;margin:7px 0;text-align:left;overflow-wrap:anywhere}.ce-doc small{display:block;color:#728096}.canvas-workstation .is-selected{border-color:#2864f0;background:#edf4ff}.ce-main{min-width:0}.ce-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.ce-surface{background:repeating-conic-gradient(#e5ebf5 0% 25%,#f8faff 0% 50%) 50% / 20px 20px;padding:12px;border-radius:12px;display:flex;justify-content:center;align-items:center;min-height:240px;overflow:hidden}.ce-surface canvas{background:transparent;border-radius:0;max-width:100%;max-height:65vh;width:auto;height:auto;display:block;touch-action:none;box-shadow:0 4px 20px #20345b22}.ce-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.canvas-workstation label{display:block;font-size:13px;color:#52657f;margin:10px 0}.canvas-workstation input:not([type=checkbox]),.canvas-workstation select,.canvas-workstation textarea{display:block;width:100%;border:1px solid #d5dfef;border-radius:7px;padding:8px;margin-top:5px;min-width:0;background:#fff;color:#24334b}.canvas-workstation .ce-inline{display:flex;align-items:center;gap:8px}.ce-properties .ce-row button{flex:1 1 40%;font-size:12px}.ce-message{color:#ac3948;white-space:pre-wrap;margin-bottom:12px}.ce-message button{margin-left:10px}.ce-empty{background:#f2f7ff;border-radius:14px;padding:60px 24px;text-align:center;color:#64758d}.ce-dialog{position:fixed;inset:0;z-index:1000;background:#15294677;display:flex;align-items:center;justify-content:center;padding:20px}.ce-dialog>section{width:min(540px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 16px 60px #15315b44}.ce-dialog p{line-height:1.7;white-space:pre-wrap}.ce-error{color:#ac3948}.ce-board summary{cursor:pointer}@media(max-width:1100px){.ce-layout{grid-template-columns:140px minmax(250px,1fr)}.ce-properties{grid-column:1/-1}.ce-layers{display:flex;overflow:auto;gap:8px}.ce-layers button{min-width:150px}.ce-properties .ce-field-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.ce-layout{display:block}.ce-documents{max-height:180px;margin-bottom:12px}.ce-main,.ce-properties{margin-top:12px}.ce-toolbar button{flex:1 1 42%;font-size:12px}.ce-header h1{font-size:24px}.ce-surface{padding:7px}.ce-field-grid,.ce-properties .ce-field-grid{grid-template-columns:1fr 1fr}.ce-dialog{padding:12px}}
.ce-material-dialog>section{width:min(760px,100%)}.ce-material-grid{max-height:400px;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.ce-material-card{display:block!important;min-width:0;text-align:left;overflow-wrap:anywhere;padding:8px!important}.ce-material-card img{display:block;width:100%;height:110px;object-fit:contain;background:#f1f5fb;border-radius:6px}.ce-material-card span{display:block;margin-top:6px;font-size:12px;line-height:1.5}.ce-material-card small{font-size:11px;color:#64758d}.ce-material-card[aria-pressed=true],.ce-material-dialog [data-material-scope][aria-pressed=true]{border-color:#2864f0;background:#edf4ff}.ce-material-selection{margin:14px 0;padding:12px;border:1px solid #d4e0f4;border-radius:10px}.ce-material-selection h4{margin:0}.ce-material-selection p{margin:7px 0;font-size:13px}.ce-material-selection img{display:block;width:100%;height:190px;object-fit:contain;background:#f1f5fb;border-radius:8px}.ce-material-dialog [data-material-count],.ce-material-pages span{font-size:12px;color:#64758d}.ce-material-dialog [hidden]{display:none!important}@media(max-width:600px){.ce-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-material-dialog>section{padding:16px}.ce-material-card img{height:115px}}

.ce-material-card img:not([src]),.ce-material-selection img:not([src]){visibility:hidden}
/* Keep the canvas first on phones and move document switching below it. */
@media(max-width:600px){
 .ce-layout{display:flex;flex-direction:column}
 .ce-main{order:0;width:100%;margin-top:0}
 .ce-properties{order:1;width:100%}
 .ce-documents{order:2;width:100%;margin-top:12px}
 .ce-toolbar button{flex:1 1 28%;min-height:44px}
 .ce-header p{margin:6px 0}
 .ce-surface{min-height:180px}
 .ce-dialog>section{max-height:90dvh}
 .ce-material-grid{max-height:32dvh}
}

.ce-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-24px;background:#fff;z-index:2;padding:8px 0}.ce-modal-head h3{margin:0}