.fullscreen-modal{padding:0!important}.fullscreen-modal .modal-dialog{width:100%!important;max-width:100%!important;height:100vh!important;margin:0!important}.fullscreen-modal .modal-content{border:none!important;border-radius:0!important;height:100vh!important}.fullscreen-modal .modal-header{background-color:#f8f9fa!important;padding:8px 16px!important}.fullscreen-modal .modal-body{height:calc(100vh - 56px)!important;padding:0!important}.modal-backdrop{opacity:1!important}.diagram-control-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;margin-bottom:1rem;padding:1.25rem}.diagram-control{flex-direction:row;gap:2rem}.diagram-control,.preview-area{align-items:center;display:flex}.preview-area{flex-direction:column;flex:none}.action-area{color:#495057;flex-direction:column;flex:1;font-size:.9rem;display:flex}.action-description{gap:.5rem;padding-left:.25rem;font-size:.85rem;display:flex}.action-description,.info-icon{color:#6c757d;align-items:center}.info-icon{cursor:help;border-radius:50%;justify-content:center;padding:.25rem;font-size:1rem;transition:color .2s;display:inline-flex}.info-icon:hover{color:#495057;background-color:#6c757d26}.tooltip-text{color:#fff;white-space:nowrap;z-index:5;background-color:#333;border-radius:.25rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8125rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #0003}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#333;margin-left:-5px;position:absolute;top:100%;left:50%}.fw-medium{font-weight:500}.preview-container{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;width:200px;height:150px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.preview-label{color:#6c757d;margin-top:.5rem;font-size:.875rem;font-weight:500}.preview-box{width:100%;height:100%}.preview-placeholder{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}.preview-placeholder i{margin-bottom:.5rem;font-size:2rem}.preview-placeholder p{font-size:.875rem}.preview-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.draw-io-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem .75rem;font-weight:500;transition:all .2s;display:inline-flex}.draw-io-button:hover{transform:translateY(-1px);box-shadow:0 2px 3px #0000001a}.drawio-container.dark-mode .diagram-control-container{background-color:#2c3136;border-color:#495057}.drawio-container.dark-mode .action-area,.drawio-container.dark-mode .preview-label,.drawio-container.dark-mode .preview-placeholder,.drawio-container.dark-mode .text-muted{color:#adb5bd!important}.drawio-container.dark-mode .info-icon{color:#adb5bd}.drawio-container.dark-mode .info-icon:hover{color:#e9ecef;background-color:#adb5bd33}.drawio-container.dark-mode .tooltip-text{color:#e9ecef;background-color:#212529}.drawio-container.dark-mode .tooltip-text:after{border-color:#212529 #0000 #0000}.drawio-container.dark-mode .preview-container{background:#212529;border-color:#495057;box-shadow:0 2px 6px #00000059}.dark-mode .fullscreen-modal .modal-header,.drawio-container.dark-mode .fullscreen-modal .modal-header{background-color:#343a40!important}.dark-mode .fullscreen-modal .btn-close,.dark-mode .fullscreen-modal .modal-title,.drawio-container.dark-mode .fullscreen-modal .btn-close,.drawio-container.dark-mode .fullscreen-modal .modal-title{color:#e9ecef}.dark-mode .fullscreen-modal .modal-content,.drawio-container.dark-mode .fullscreen-modal .modal-content{color:#e9ecef;background-color:#212529}@media (width<=768px){.diagram-control{flex-direction:column;align-items:flex-start;gap:1rem}.action-area{width:100%}}