.raster-surface{transform-origin:top left;position:relative;overflow-x:auto;background:#fff;border:1px solid #dbe3ef;border-radius:14px;width:200%;transform:scale(.5);box-shadow:0 10px 22px #2031520d}:host([playing]) .raster-surface{will-change:transform,filter}:host([playing]) #app[data-stage=Editing] #preview .booking-bar:not(#bookingBar){will-change:filter}.raster-canvas{position:relative;min-width:860px;padding:0 12px 14px}.raster-toolbar{display:flex;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items: center;height:38px;padding:0 2px 0 4px}.raster-toolbar .crumb{color:#7b89a1;font-size:10px;font-weight:700}.raster-toolbar .crumb strong{color:#334467}.raster-toolbar .zoom{display:flex;color:#9ba8bb;align-items: center;gap:7px;font-size:10px}.zoom-pill{color:#6e7e98;background:#fafbfe;border:1px solid #e0e6f0;border-radius:5px;padding:4px 6px}.date-row,.raster-row{display:grid;grid-template-columns:104px repeat(28,minmax(0,1fr))}.date-row{color:#7787a1;border-bottom:1px solid #e5eaf2;height:42px;font-size:9px;font-weight:700}.date-row>div{display:flex;border-left:1px solid #edf0f5;flex-direction:column;justify-content:center;padding:0 7px}.date-row>div:first-child{color:#b2bccb;letter-spacing:.11em;text-transform:uppercase;border-left:0}.date-row strong{color:#4d6081;margin-bottom:3px;font-size:11px}.date-row small{font-size:9px;font-weight:600}.raster-row{border-bottom:1px solid #edf0f5;min-height:52px}.row-label{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 8px 0 3px}.row-label strong{color:#445675;font-size:10px}.row-label small{color:#a0adbf;font-size:9px}.track{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));grid-column:2/-1;background:linear-gradient(90deg,#edf0f5 1px,#0000 1px) 0 0/3.57143% 100%;border-right:1px solid #edf0f5;min-width:0}.booking-bar{position:relative;z-index:2;grid-column:var(--start)/span var(--span);grid-row:1;display:flex;overflow:hidden;color:#fff;background:var(--bar-color,#5682dc);letter-spacing:-.01em;text-align:left;white-space:nowrap;border:0;border-radius:7px;align-self: center;align-items: center;gap:7px;min-width:0;height:28px;margin-inline-start:2px;margin-inline-end:2px;padding:0 10px;font-size:10px;font-weight:800;box-shadow:0 4px 8px #3d507d26}.booking-bar:before{content:"";background:#ffffffb3;border-radius:50%;flex:none;width:6px;height:6px}.booking-bar:hover{filter:brightness(1.05)}.booking-bar.is-selected{z-index:5;box-shadow:0 0 0 3px #3867e838,0 10px 18px #3867e840}.booking-bar.is-saved{background:#3b9c8c;box-shadow:0 0 0 3px #58b6a833,0 10px 18px #32877833}.booking-bar.dimmed{filter:saturate(.55)opacity(.55)}.free-slot{grid-column:3/span 5;grid-row:1;color:#a4b0c2;text-align:center;background:#fbfcfe;border:1px dashed #c4cfdf;border-radius:6px;align-self: center;height:24px;margin-inline-start:2px;margin-inline-end:2px;font-size:9px;line-height:22px}.field-ship{position:relative;background:#f5f8ff;border-color:#8ea8f1}.ship-menu{position:absolute;z-index:2;overflow-y:auto;pointer-events:none;background:#fff;border:1px solid #8ea8f1;border-radius:7px;max-height:228px;padding:4px;bottom:calc(100% + 4px);left:-1px;right:-1px;box-shadow:0 6px 18px #18284938}.ship-option{display:flex;color:#263858;border-radius:4px;justify-content:space-between;padding:9px 8px;font-size:12px}.field.is-changed{background:#e8efff;border-color:#3867e8}