:root{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{min-width:320px;margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit}input,select,textarea{outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#666}.app-container{background:#f5f5f7;flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:20px;display:flex}.sidebar{background:#fff;border-radius:12px;flex-shrink:0;width:320px;max-height:calc(100vh - 100px);padding:20px;position:sticky;top:20px;overflow-y:auto;box-shadow:0 1px 3px #0000000f}.preview-area{background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;min-height:500px;max-height:calc(100vh - 100px);padding:24px;display:flex;position:relative;overflow:auto;box-shadow:0 1px 3px #0000000f}.canvas-wrapper{justify-content:center;display:flex}.loading-overlay{z-index:10;background:#ffffffd9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #eee;border-top-color:#333;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#666;margin-top:12px;font-size:14px}.image-info{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.info-title{color:#333;margin-bottom:10px;font-size:13px;font-weight:600}.info-row{color:#666;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.seam-notice{color:#c33;text-align:center;background:#fff3f3;border:1px solid #fcc;border-radius:8px;margin-top:16px;padding:10px 14px;font-size:12px}@media (width<=900px){.main-content{flex-direction:column}.sidebar{width:100%;position:static}}