body{padding:0;margin:0;background-color:#f5f5f5}.preview-skin{display:flex;gap:40px;padding:40px 5vw;background:#f5f5f5}.left-panel{flex:2;display:flex;flex-direction:column;align-items:center}.right-panel{flex:1;background:#fff;border-radius:14px;padding:24px 18px 18px 18px;box-shadow:0 4px 32px #e0e6f3;min-width:340px;transition:box-shadow .2s;display:flex;flex-direction:column}.right-panel h3{font-size:1.25em;color:#3a3a3a;margin-bottom:18px;letter-spacing:1px;text-align:center}.data-edit-scroll{flex:1;overflow-y:auto;overflow-x:hidden;margin-right:0}.toolbar{margin-bottom:24px;background:#fff;border-radius:8px;padding:14px 22px;box-shadow:0 2px 12px #e0e6f3;display:flex;align-items:center;gap:16px}.toolbar label{font-weight:700;color:#1890ff;font-size:1.1em}.toolbar select{border:1px solid #d9d9d9;border-radius:6px;padding:6px 14px;font-size:1em;background:#f7fafd;transition:border .2s}.toolbar select:focus{border-color:#1890ff;outline:none}.export-btn{background:linear-gradient(90deg,#1890ff,#40a9ff);color:#fff;border:none;border-radius:6px;padding:7px 20px;font-size:1em;margin-left:4px;cursor:pointer;box-shadow:0 2px 8px #e0e6f3;transition:background .2s,box-shadow .2s}.export-btn:hover{background:linear-gradient(90deg,#40a9ff,#1890ff);box-shadow:0 4px 16px #b3d8ff}.poster{position:relative;overflow:hidden;margin:0 auto;background-size:900px 3000px}.bg-img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px}.comp-iframe{position:relative;z-index:1;border-radius:8px}.comp-frame{width:100%;min-height:120px;border:none;background:transparent;overflow:hidden;border-radius:8px}.data-row{margin-bottom:18px;background:#f7fafd;border-radius:8px;padding:10px 8px 8px 8px;box-shadow:0 1px 4px #e0e6f3;transition:box-shadow .2s;display:flex;flex-direction:column;gap:8px}.data-row label{display:block;font-weight:700;margin-bottom:4px;color:#1890ff;letter-spacing:.5px}.data-row input,.data-row textarea{width:100%;box-sizing:border-box;border:1.5px solid #d9d9d9;border-radius:6px;padding:8px 10px;font-size:1em;background:#fff;transition:border .2s;margin-bottom:0;resize:vertical}.data-row input:focus,.data-row textarea:focus{border-color:#1890ff;outline:none}.data-row img{display:block;max-width:100%;border-radius:6px;margin-bottom:4px;box-shadow:0 1px 4px #e0e6f3}::-webkit-scrollbar{width:8px;background:#f0f4fa}::-webkit-scrollbar-thumb{background:#e0e6f3;border-radius:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#666;font-size:16px;letter-spacing:.5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}