*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-container{display:flex;flex-direction:row;align-items:flex-start;gap:40px;padding:40px;width:100%;max-width:1400px;margin:0 auto}.left-panel{display:flex;flex-direction:column;gap:20px;position:sticky;top:40px;min-width:320px}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{padding:12px 24px;border:none;border-radius:8px;background:#333;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.tab.active{background:#00ade5;color:#fff}.tab:hover:not(.active){background:#444}.controls{background:#2a2a2a;padding:20px;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:12px;width:320px}.controls h3{margin-bottom:8px;color:#00ade5}.controls label{display:flex;flex-direction:column;gap:4px;font-size:14px}.controls input,.controls select{padding:8px 12px;border-radius:6px;border:1px solid #444;background:#333;color:#fff;font-size:14px}.image-input-group{display:flex;gap:8px}.image-input-group input[type=text]{flex:1;min-width:0}.upload-btn{padding:8px 16px;border-radius:6px;background:#00ade5;color:#fff;font-size:14px;cursor:pointer;white-space:nowrap;display:flex;align-items:center}.upload-btn:hover{background:#0095c8}.upload-btn input[type=file]{display:none}.right-panel{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.poster-wrapper{transform:scale(.5);transform-origin:top center}.poster-wrapper.checkerboard{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:60px 60px;background-position:0 0,0 30px,30px -30px,-30px 0px;background-color:#b0b0b0;width:1080px;height:1920px}.scale-info{color:#888;font-size:12px;text-align:center}