.tool-page{width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (min-width:640px){.tool-page{max-width:640px}}@media (min-width:768px){.tool-page{max-width:768px}}@media (min-width:1024px){.tool-page{max-width:1024px}}@media (min-width:1280px){.tool-page{max-width:1280px}}@media (min-width:1536px){.tool-page{max-width:1536px}}.prepros-demo.prepros-tool-skin{width:100%;max-width:none;height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;display:block;overflow:visible}@media (max-width:767px){.prepros-demo.prepros-tool-skin{display:block}}.prepros-demo .skin-note{color:#878a94;font-size:11px}.prepros-demo .skin-add-btn{color:#4a4a4a;border:1px dashed var(--border-default);border-radius:var(--radius-interactive);cursor:pointer;background:0 0;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;transition:all .12s;display:inline-flex}.prepros-demo .skin-add-btn:hover{color:#000;background:#f3f3f3}.prepros-demo .skin-icon-btn{color:#9a9a9a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;line-height:1;transition:all .12s;display:inline-flex}.prepros-demo .skin-icon-btn:hover{color:#111;background:#f0f0f0}.prepros-demo .skin-icon-btn--danger:hover{color:#c0392b;background:#fdecea}.prepros-demo .skin-icon-btn:disabled{opacity:.35;cursor:default}.prepros-demo .skin-input,.prepros-demo .skin-textarea{box-sizing:border-box;background:0 0;border:1px solid transparent;border-radius:8px;outline:none;width:100%;margin:0;padding:3px 6px;font-family:inherit;transition:background .12s,border-color .12s}.prepros-demo .skin-input:hover,.prepros-demo .skin-textarea:hover{background:#f4f4f4}.prepros-demo .skin-input:focus,.prepros-demo .skin-textarea:focus{background:#fff;border-color:#baecb7}.prepros-demo .skin-input::placeholder,.prepros-demo .skin-textarea::placeholder{color:#b4b2a9}.prepros-demo .skin-textarea{resize:vertical;min-height:40px;line-height:1.5}.prepros-demo .skin-title-input{color:var(--text-primary);background:0 0;border:1px solid transparent;border-radius:8px;outline:none;width:min(100%,460px);margin:0;padding:0 6px;font-family:inherit;font-size:28px;font-weight:300;line-height:1.4;transition:background .12s,border-color .12s}.prepros-demo .skin-title-input:hover{background:#f4f4f4}.prepros-demo .skin-title-input:focus{background:#fff;border-color:#baecb7}.prepros-demo .skin-select{color:inherit;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:9999px;outline:none;padding:3px 6px;font-family:inherit;font-size:11px}.prepros-demo .skin-select:focus{border-color:#baecb7}.tool-file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.prepros-demo .callsheet-dropzone{cursor:pointer;position:relative}.prepros-demo .callsheet-dropzone__fill{width:100%;height:100%}.prepros-demo .callsheet-dropzone.is-dragover{box-shadow:inset 0 0 0 2px #7acc5a}.prepros-demo .callsheet-dropzone:focus-visible{outline-offset:2px;outline:2px solid #7acc5a}.prepros-demo .callsheet-dropzone__hint{text-align:center;flex-direction:column;gap:6px;padding:12px}.prepros-demo .callsheet-date-field{cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-left:-8px;padding:2px 8px;transition:background .12s;display:inline-flex;position:relative}.prepros-demo .callsheet-date-field:hover{background:#f4f4f4}.prepros-demo .callsheet-date-field .callsheet-detail__hero-day-title{margin:0}.prepros-demo .callsheet-date-field__icon{color:#9a9a9a;flex-shrink:0}.prepros-demo .callsheet-date-field__input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.prepros-demo .mbx-board{background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-interactive);width:100%;min-height:360px;padding:16px;position:relative;overflow:hidden}.prepros-demo .mbx-board.is-dragover{border-color:#7acc5a;box-shadow:inset 0 0 0 2px #baecb7}.prepros-demo .mbx-grid{touch-action:none;width:100%;min-height:328px;position:relative}.prepros-demo .mbx-placeholder{z-index:1;pointer-events:none;background:rgba(122,204,90,.16);border:1px dashed #7acc5a;border-radius:8px;position:absolute}.prepros-demo .mbx-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.prepros-demo .mbx-empty__title{color:#9a9a9a;margin:0;font-size:16px;font-weight:400}.prepros-demo .mbx-empty__sub{color:#b0b0b0;margin:0;font-size:13px;font-weight:300}.prepros-demo .mbx-item{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;box-shadow:var(--shadow-sm),0 2px 10px rgba(0,0,0,.1);border-radius:8px;position:absolute;overflow:visible}.prepros-demo .mbx-item img{object-fit:cover;pointer-events:none;border-radius:8px;width:100%;height:100%;display:block}.prepros-demo .mbx-item.is-selected{outline-offset:2px;outline:2px solid #7acc5a}.prepros-demo .mbx-item.is-dragging{cursor:grabbing;z-index:10;box-shadow:0 8px 26px rgba(0,0,0,.22)}.prepros-demo .mbx-overlay{background:0 0;border-radius:8px;transition:background .15s;position:absolute;top:0;bottom:0;left:0;right:0}.prepros-demo .mbx-item:hover .mbx-overlay{background:rgba(0,0,0,.12)}.prepros-demo .mbx-remove{z-index:7;width:28px;height:28px;box-shadow:var(--shadow-sm);color:#374151;cursor:pointer;background:rgba(255,255,255,.92);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:none;position:absolute;top:6px;right:6px}.prepros-demo .mbx-item:hover .mbx-remove,.prepros-demo .mbx-item.is-selected .mbx-remove{display:flex}.prepros-demo .mbx-rh{z-index:5;background:0 0;position:absolute}.prepros-demo .mbx-rh--n{cursor:ns-resize;width:100%;height:12px;top:0;left:0}.prepros-demo .mbx-rh--s{cursor:ns-resize;width:100%;height:12px;bottom:0;left:0}.prepros-demo .mbx-rh--e{cursor:ew-resize;width:12px;height:100%;top:0;right:0}.prepros-demo .mbx-rh--w{cursor:ew-resize;width:12px;height:100%;top:0;left:0}.prepros-demo .mbx-rh--se{z-index:6;cursor:nwse-resize;width:20px;height:20px;bottom:0;right:0}.prepros-demo .mbx-rh--nw{z-index:6;cursor:nwse-resize;width:20px;height:20px;top:0;left:0}.prepros-demo .mbx-rh--ne{z-index:6;cursor:nesw-resize;width:20px;height:20px;top:0;right:0}.prepros-demo .mbx-rh--sw{z-index:6;cursor:nesw-resize;width:20px;height:20px;bottom:0;left:0}.prepros-demo .rc-btn:disabled,.prepros-demo .rc-btn-primary:disabled{opacity:.4;cursor:default}.prepros-demo .rc-btn:disabled:hover{background:0 0}.prepros-demo .mbx-board--dark{background:#1e1e1e;border-color:#2a2a2a}.prepros-demo .skin-section-add{padding:12px 0 4px;display:flex}.prepros-demo .callsheet-schedule__strip-card .skin-input{margin:0;padding:2px 4px}.prepros-demo .skin-avatar-initials{color:#6b6b6b;background:#eaeae8;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;font-weight:500;display:flex}.prepros-demo .tbx-block-title.skin-input{color:#6b7280;width:min(100%,440px);margin:0 0 8px;padding:2px 6px;font-size:19.68px;font-weight:300}.prepros-demo .time-block-section__card--completed{border-color:var(--border-light);opacity:.72;background:linear-gradient(#fbfbfb 0%,#fff 100%)}.prepros-demo .time-block-bar--active{color:var(--ui-text-primary,#111827)}.prepros-demo .time-block-bar--pastDue,.prepros-demo .time-block-bar--pastDue .time-block-bar__time,.prepros-demo .time-block-bar--pastDue .time-block-bar__duration{color:#ef4444}.prepros-demo .tbx-bar-right{align-items:center;gap:6px;display:flex}.prepros-demo .tbx-timerange{align-items:center;gap:4px;display:inline-flex}.prepros-demo .tbx-dash{color:#9ca3af}.prepros-demo .tbx-time{color:inherit;background:0 0;border:1px solid transparent;border-radius:8px;outline:none;padding:2px 4px;font-family:inherit;font-size:16px;font-weight:300;transition:background .12s,border-color .12s}.prepros-demo .tbx-time:hover{background:rgba(255,255,255,.6)}.prepros-demo .tbx-time:focus{background:#fff;border-color:#baecb7}.prepros-demo .tbx-add-row{gap:8px;padding:10px 20px 14px;display:flex}.prepros-demo .tbx-add-row .skin-add-btn{height:30px;font-size:12px}.prepros-demo .time-block-item__activity-icon{color:#9ca3af;background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.prepros-demo .time-block-item__activity-icon svg{width:16px;height:16px}.prepros-demo .tbx-thumb{cursor:pointer;color:#9ca3af;border:none;padding:0}.prepros-demo .tbx-thumb img{object-fit:cover;width:100%;height:100%}.prepros-demo .time-block-item__image.tbx-thumb{justify-content:center;align-items:center;display:flex}.prepros-demo .tbx-thumb:hover{box-shadow:inset 0 0 0 2px #baecb7}.prepros-demo .time-block-item__expand-btn svg{transition:transform .15s}.prepros-demo .tbx-chev-open{transform:rotate(180deg)}.prepros-demo .time-block-item--expanded{align-items:flex-start;padding:16px 20px}.prepros-demo .time-block-item--expanded:hover{background:0 0}.prepros-demo .time-block-item__expanded-image{background:#f3f4f6;border-radius:16px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.prepros-demo .time-block-item__expanded-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.prepros-demo .time-block-item__expanded-title.skin-input{color:#111827;padding:2px 6px;font-size:14px;font-weight:400}.prepros-demo .time-block-item__description.skin-textarea{color:#6b7280;min-height:44px;font-size:12px}.prepros-demo .time-block-item__expanded-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:6px;display:flex}.prepros-demo .tbx-crew{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prepros-demo .tbx-crew-chip{border:1px solid var(--border-light);background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.prepros-demo .tbx-crew-avatar{cursor:pointer;background:#eaeae8;border:none;border-radius:50%;flex-shrink:0;width:28px;height:28px;padding:0;overflow:hidden}.prepros-demo .tbx-crew-avatar img{object-fit:cover;width:100%;height:100%}.prepros-demo .tbx-crew-avatar .skin-avatar-initials{font-size:11px}.prepros-demo .tbx-crew-avatar .skin-avatar-initials svg{width:14px;height:14px}.prepros-demo .tbx-crew-fields{flex-direction:column;display:flex}.prepros-demo .tbx-crew-name.skin-input{color:#111827;width:108px;padding:1px 4px;font-size:12px}.prepros-demo .tbx-crew-role.skin-input{color:#9ca3af;width:108px;padding:1px 4px;font-size:11px}.prepros-demo .tbx-crew-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:flex}.prepros-demo .tbx-crew-remove:hover{color:#111827;background:#f3f4f6}.prepros-demo .tbx-crew-add{height:32px}.prepros-demo .tbx-duration{gap:2px}.prepros-demo .tbx-duration-input.skin-input{text-align:right;color:#222;width:32px;padding:1px 2px;font-size:11px}.prepros-demo .time-block-item__meta .time-unit{color:rgba(34,34,34,.4)}.prepros-demo .timeline-clock{font-variant-numeric:tabular-nums}@media (max-width:640px){.prepros-demo .timeline-header{flex-direction:column;gap:10px;height:auto}.prepros-demo .timeline-clock{justify-content:center;padding:0;font-size:44px}.prepros-demo .timeline-countdown{width:100%;height:84px;font-size:34px}}.prepros-demo .look-main-slider.styling-main-slider{aspect-ratio:356/663;background:#f7f7f7;max-width:none;margin-top:6px}.prepros-demo .styling-slide-img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.prepros-demo .styling-slide-empty{cursor:pointer;color:#9a9a9a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.prepros-demo .styling-slide-empty:hover{color:#111}.prepros-demo .styling-slider-nav{color:#374151;cursor:pointer;opacity:0;z-index:10;background:rgba(255,255,255,.9);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px rgba(0,0,0,.15)}.prepros-demo .look-main-slider:hover .styling-slider-nav{opacity:1}.prepros-demo .styling-slider-nav:hover{background:#fff}.prepros-demo .styling-slider-nav--prev{left:8px}.prepros-demo .styling-slider-nav--next{right:8px}.prepros-demo .image-slider-dot{cursor:pointer;border:none;padding:0}.prepros-demo .styling-thumbs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.prepros-demo .styling-thumb{cursor:pointer;background:#f7f7f7;border:1.5px solid transparent;border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}.prepros-demo .styling-thumb img{object-fit:cover;width:100%;height:100%}.prepros-demo .styling-thumb.is-active{border-color:#111827}.prepros-demo .styling-thumb__remove{color:#fff;cursor:pointer;opacity:0;background:rgba(0,0,0,.6);border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .12s;display:flex;position:absolute;top:2px;right:2px}.prepros-demo .styling-thumb:hover .styling-thumb__remove{opacity:1}.prepros-demo .styling-thumb--add{color:#9a9a9a;border:1px dashed var(--border-default);background:0 0;justify-content:center;align-items:center;display:flex}.prepros-demo .styling-thumb--add:hover{color:#111;background:#f3f3f3}.prepros-demo .look-model-row{min-width:0}.prepros-demo .look-model-row .garment-category-label{flex-shrink:0}.prepros-demo .styling-model-input{color:#111827;background:rgba(210,210,210,.5);border-radius:20px;width:auto;min-width:0;max-width:100%;padding:5px 12px;font-size:11px}.prepros-demo .styling-model-input:hover{background:rgba(210,210,210,.7)}.prepros-demo .styling-model-input:focus{background:#fff;border-color:#baecb7}.prepros-demo .styling-model-image{cursor:pointer;display:block;position:relative}.prepros-demo .styling-fill-img{object-fit:cover;width:100%;height:100%}.prepros-demo .styling-garment-input{color:#828480;min-height:30px;font-size:12px}.prepros-demo.prepros-tool-skin .look-grid{grid-template-columns:1fr}@media (min-width:1024px){.prepros-demo.prepros-tool-skin .look-grid{grid-template-columns:1fr 1fr}}@media print{body{background:#fff}header,footer,.subpage-hero,.rc-actions,.tool-noprint,.save-cta,.more-tools,.subpage-section,.subpage-cta{display:none!important}.prepros-demo.prepros-tool-skin{color:#000}.tool-printable .skin-input,.tool-printable .skin-textarea,.tool-printable .skin-title-input,.tool-printable .skin-select{background:0 0!important;border-color:transparent!important;margin:0!important}.skin-add-btn,.skin-icon-btn{display:none!important}.storyboard-card__image-fill,.shot-card__image-fill,.rt-thumb,.callsheet-dropzone__fill,.time-block-item__image-fill{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.tool-printable .has-print-twin{display:none!important}.tool-printable .print-value{white-space:pre-wrap!important;overflow-wrap:anywhere!important;box-shadow:none!important;text-overflow:clip!important;background:0 0!important;border:0!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}}.prepros-demo .print-value{display:none}
