.viewport .flex{display:flex}.viewport .fixed{position:fixed}.viewport .mr-2{margin-right:.5rem}.viewport .mr-4{margin-right:1rem}.viewport .component-selected{position:relative}.viewport .component-selected:after{content:" ";pointer-events:none;position:absolute;left:0;top:0;display:block;height:100%;width:100%;border-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(38 128 235/var(--tw-border-opacity,1))}.viewport{position:relative;width:100%}.viewport-wrapper{position:relative;height:100%}.toolbox-slider{height:100%;padding:20px}.setting-slider,.toolbox-slider{position:fixed;top:100px;background-color:rgb(233,233,233);transition:left .3s ease;z-index:1000}.setting-slider{right:0;height:calc(100% - 50px);padding:0}.setting-slider-body{height:70vh;overflow-y:auto}.viewport-content{transition:margin-left .3s ease;height:100%}.page-container,.view-renderer{height:100%}.viewport-drawer select{background:#ffffff;border:1px solid #d9d9d9;box-sizing:border-box;margin:0;padding:4px 11px;color:rgba(0,0,0,.88);font-size:14px;line-height:1.5714285714285714;list-style:none;position:relative;display:inline-block;width:100%;min-width:0;border-radius:6px;transition:all .2s}.slider-container{width:100%;overflow:hidden;position:relative;max-width:1200px;margin:0 auto}.slider-wrapper{display:flex;transition:transform .5s ease;width:100%}.slide-item{flex:0 0 auto;box-sizing:border-box;padding:10px;cursor:pointer}.slide-content{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center}.slide-content h3{margin:0 0 10px;font-size:18px;color:#00f}.slide-content p{margin:0;font-size:14px;color:#666}.item-code{display:block;margin-top:10px;font-size:12px;color:#999}.slide-image{width:100%;height:auto;object-fit:cover}.slider-controls{text-align:center;margin-top:10px}.dots{display:inline-flex;gap:8px;padding:10px 0}.dot{width:10px;height:10px;background:#ccc;border-radius:50%;cursor:pointer;transition:background .3s}.dot.active{background:#007bff}.nav-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:0 10px;color:#007bff}@media (max-width:768px){.slide-content h3{font-size:16px}.slide-content p{font-size:12px}.item-code{font-size:10px}}@media (max-width:480px){.slide-content{height:120px}.slide-content h3{font-size:14px}.slide-content p{font-size:10px}}