.main-layout-studio{display:flex;gap:40px;height:calc(100vh - 66px);flex:1;min-width:0;background-color:#F2F4F1}.preview-left-studio{width:154.8px;flex-shrink:0;background-color:#ffffff;height:100%;margin-left:40px;isolation:isolate;contain:layout style;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;user-select:none}.preview-left-studio::-webkit-scrollbar{display:none}.preview-center-studio{flex:1;min-width:154.8px;background-color:#ffffff;height:100%;overflow-y:auto;overflow-x:hidden}.input-form-studio{background-color:#ffffff;height:calc(100vh - 66px);border-left:1px solid #e5e5e5;flex-shrink:0;display:flex;flex-direction:column;position:relative}.input-form-top-studio{flex:1;padding:40px 20px;overflow-y:auto;display:flex;flex-direction:column;height:100%}.input-form-bottom-studio{flex-shrink:0;padding:12px 20px;background-color:#ffffff;height:auto;box-sizing:border-box;display:flex;align-items:center}.resize-handle-studio{position:absolute;left:-5px;top:0;width:10px;height:100%;cursor:ew-resize;background-color:transparent;z-index:100}.resize-handle-studio:hover{background-color:rgba(0,0,0,.1)}.resize-handle-studio:active{background-color:rgba(0,0,0,.2)}.button_primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;height:45px;border-radius:5px;border:1px solid transparent;background-image:linear-gradient(#22202A,#22202A),linear-gradient(90deg,#D511FD 7.94%,#8A43E1 45.79%,#EF7B16 76.99%,#FF2F2F 114.34%);background-origin:border-box;background-clip:padding-box,border-box;color:white;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.button_primary:hover{background-image:linear-gradient(#2a2832,#2a2832),linear-gradient(90deg,#E522FF 7.94%,#9A53F1 45.79%,#FF8B26 76.99%,#FF3F3F 114.34%)}.button_primary:active{background-image:linear-gradient(#1a1820,#1a1820),linear-gradient(90deg,#D511FD 7.94%,#8A43E1 45.79%,#EF7B16 76.99%,#FF2F2F 114.34%);transform:translateY(1px)}.input-field{width:100%;height:45px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 15px;font-family:Pretendard,sans-serif;font-size:16px;color:#1e293b;background-color:#ffffff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.input-field::placeholder{color:#bbbbbb;font-weight:400}.input-field:focus{outline:none;border:1px solid #22202a;border-radius:10px}.input-field:hover{border-color:#94a3b8}.input-container{width:100%;margin-bottom:20px}.input-label{display:block;font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;color:#374151;margin-bottom:10px}textarea.input-field{min-height:120px;resize:vertical;font-family:Pretendard,sans-serif;line-height:1.5}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.option-counter{font-family:Pretendard,sans-serif;font-size:12px;color:#6b7280;font-weight:500}.option-input-container{border:1px solid #cbd5e1;border-radius:10px;padding:10px 15px;background-color:#ffffff;box-sizing:border-box;transition:border-color .2s ease;display:flex;align-items:center;justify-content:space-between;gap:7px;height:45px;margin-bottom:10px}.option-input-container:focus-within{border:1px solid #22202a}.option-input-left{display:flex;align-items:center;gap:7px;flex:1;min-height:25px}.plus-icon{width:16px;height:16px;flex-shrink:0}.option-input{flex:1;border:none;outline:none;font-family:Pretendard,sans-serif;font-size:16px;color:#1e293b;background-color:transparent;resize:none;height:25px;line-height:30px;padding:0;margin:0;vertical-align:middle;overflow:hidden}.option-input::placeholder{color:#bbbbbb}.add-option-btn{padding:5px 10px;background-color:#22202A;color:#ffffff;border:none;border-radius:50px;font-family:Pretendard,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:10px}.add-option-btn:hover:not(:disabled){background-color:#2d2b38;color:#ffffff}.add-option-btn:disabled{background-color:rgba(187,187,187,.3);color:#888888;cursor:not-allowed}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{display:flex;width:100%;padding:10px 15px;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid #cbd5e1;background-color:#ffffff;transition:background-color .2s ease}.option-item:hover{background-color:#f1f5f9}.option-content{display:flex;align-items:center;gap:8px;flex:1}.check-icon{color:#6b7280;width:16px;height:16px;flex-shrink:0}.option-text{font-family:Pretendard,sans-serif;font-size:14px;color:#374151;font-weight:500}.remove-option-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:16px;line-height:1}.remove-option-btn:hover{background-color:#f3f4f6;color:#ef4444}.file-upload-area{border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;transition:all .2s ease;background-color:#ffffff;position:relative}.file-upload-area:hover{border-color:#22202A}.file-upload-empty{display:flex;align-items:center;justify-content:center;padding:35px 15px;gap:50px}.file-upload-empty.horizontal{justify-content:flex-start;padding:16px 15px;gap:6px}.upload-icon{width:24px;height:24px;flex-shrink:0}.upload-icon.small{width:20px;height:20px}.upload-text{font-family:Pretendard,sans-serif;font-size:14px;font-weight:600;color:#808080;line-height:18px;text-align:center}.upload-text.horizontal{text-align:left;width:327px}.file-list{width:100%;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px}.file-info{display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;color:#374151;font-weight:500}.file-name,.file-size{font-family:Pretendard,sans-serif}.file-size{font-size:12px;color:#6b7280}.file-remove-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.file-remove-btn:hover{background-color:#f3f4f6}.add-file-btn{padding:8px 16px;background-color:rgba(187,187,187,.3);color:#bbbbbb;border:none;border-radius:50px;font-family:Pretendard,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;align-self:flex-start;margin-top:0}.add-file-btn:hover{background-color:rgba(187,187,187,.5);color:#999999}.image-preview-wrapper{position:relative;width:100%}.image-preview-scroll-area{width:100%}.image-preview-list{display:flex;flex-wrap:nowrap;gap:6px;padding:6px;width:max-content}.image-preview-container{display:flex;width:104px;height:104px;flex-shrink:0;position:relative;border-radius:10px}.image-preview-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px}.image-preview-remove-btn{display:flex;width:18px;height:18px;padding:4px;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border-radius:50%;background-color:#fff;border:1px solid #e5e7eb;cursor:pointer;font-size:14px;color:#6b7280;opacity:1;transition:opacity .2s ease;z-index:10;position:absolute;top:4px;right:4px}.image-preview-remove-btn:hover{opacity:.8;background-color:#f3f4f6}.image-preview-add-btn{position:absolute;bottom:6px;right:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease;z-index:10;padding:0}.image-preview-add-btn:hover{background-color:#f9fafb;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.05)}.image-preview-add-btn img{width:24px;height:24px}.viewport-indicator-studio{position:absolute;left:0;width:100%;pointer-events:none;border:2px solid #3b82f6;background:rgba(30,144,255,.12);z-index:20}.preview-left-studio{position:relative}.sections-container{position:relative;width:100%;height:auto;min-height:100%;overflow:visible;display:flex;flex-direction:column}.preview-center-studio::-webkit-scrollbar{width:6px}.preview-center-studio::-webkit-scrollbar-track{background:transparent}.preview-center-studio::-webkit-scrollbar-thumb{background:#BBBBBB;border-radius:3px}.preview-center-studio::-webkit-scrollbar-thumb:hover{background:#94a3b8}