.editor-root{font-family:Noto Sans JP,sans-serif;height:100%;display:flex;flex-direction:column}.main-content{flex:1;display:flex;overflow:hidden;height:100%;position:relative;transition:background-color .2s ease}.nav-sidebar{width:72px;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:8px;z-index:200;flex-shrink:0}.nav-item{width:100%;padding:12px 0;display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#5f6368;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:#1976d2;transform:translateY(-1px);filter:drop-shadow(0 3px 5px rgba(25,118,210,.2))}.nav-item.active{background-color:transparent!important;border-left:none!important;color:#1976d2}.nav-item-label{font-size:10px;margin-top:4px;font-weight:500}.content-panel{width:300px;height:100%;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:150;flex-shrink:0;border-right:1px solid #dfdfdf}.content-panel.closed{margin-left:-300px;border-right:none}.panel-inner{padding:18px 30px 24px 16px;overflow-y:auto;height:100%}.panel-header{font-size:16px;font-weight:700;margin-bottom:20px;color:#1a1a1a}.panel-toggle-handle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:50px;background-color:#fff;border:1px solid #e6e6e6;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:300;box-shadow:0 2px 8px #00000014;color:#5f6368}.editor-container{flex:1;height:100%;overflow-y:auto;padding:40px 0;display:flex;flex-direction:column;align-items:center}.editor-droppable-area{background-color:#fff!important;box-shadow:0 0 0 1px #40576d12,0 10px 25px #0000000d;border-radius:2px;height:auto;display:flex;flex-direction:column;align-items:center;padding:0;margin-bottom:100px;font-family:Meiryo,Hiragino Kaku Gothic ProN,MS PGothic,sans-serif}.item{width:100%;margin:0!important;padding:5px 0!important;background-color:transparent!important;position:relative;box-sizing:border-box}.item:hover{background-color:#2196f305}.drag-handle{position:absolute;left:-35px;top:0;width:30px;height:60px;background-color:transparent;color:#aaa;cursor:grab;z-index:10;display:flex;align-items:center;justify-content:center}.delete-btn{position:absolute;right:5px;top:5px;width:28px;height:28px;background-color:#fff!important;border:1px solid #e6e6e6!important;border-radius:50%;color:#646464!important;cursor:pointer;display:none;z-index:10;box-shadow:0 2px 4px #0000001a;align-items:center;justify-content:center}.item:hover .delete-btn{display:flex}.item--dragging-placeholder{visibility:visible!important;border:2px dashed #1976d2!important;background-color:#1976d20d!important;border-radius:4px}.item--dragging-placeholder>*{visibility:hidden!important}.item--overlay-dragging{pointer-events:none;z-index:9999}.item--overlay-dragging>.item{transform:scale(.5);transform-origin:center center;opacity:.65;box-shadow:0 10px 30px #00000026!important;background-color:#ffffffe6!important;border:1px solid #1976d2!important;border-radius:4px}.drag-placeholder-line{position:relative;width:100%;height:2px;border-top:2px dashed #1976d2}.width-presets button{padding:4px 8px;font-size:11px;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer}.width-presets button.active{background-color:#1976d2;color:#fff;border-color:#1976d2}.image-item img{display:block;width:100%;height:auto}.image-container{cursor:pointer;border:2px solid transparent;transition:border-color .2s}.image-container--selected{border-color:#1976d2}.upload-zone{width:100%!important;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ccc;border-radius:4px;background-color:#fafafa}.rich-text-editor-wrapper,.excel-converter-wrapper{width:100%!important}.image-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;padding:4px 8px;font-size:11px;line-height:1.3;pointer-events:none;z-index:5;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.overlay-url,.overlay-alt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-pin-button{position:absolute;top:12px;right:12px;z-index:200;color:#757575;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-pin-button:hover{background-color:#0000000d;color:#1976d2}.sidebar-pin-button.pinned{color:#1976d2;transform:rotate(0)}.sidebar-pin-button.unpinned{color:#9e9e9e;transform:rotate(45deg)}.parts-list-container{display:flex;flex-direction:column;gap:8px}.part-item-button{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.part-item-button:hover{background-color:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#b0c4de}.part-item-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.part-item-button i{color:#555;width:20px;text-align:center;font-size:16px}.part-item-button .add-icon{margin-left:auto;color:#ccc;transition:color .2s}.part-item-button:hover .add-icon{color:#007bff}body{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}