*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fafafa}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px}.app-header{padding:8px 16px;border-bottom:1px solid #e5e5e5;background:#fff}.credit-balance{display:flex;align-items:center;justify-content:space-between}.step-container{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;overflow:hidden}.step-description{color:#616161;margin-bottom:4px}.step-actions{display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding-top:12px}.login-container{padding:24px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.login-header{text-align:center;padding-top:24px;display:flex;flex-direction:column;gap:4px}.login-form{display:flex;flex-direction:column;gap:12px}.login-footer{text-align:center;padding:16px 0}.google-button{width:100%;justify-content:center}.drop-zone{border:2px dashed #d1d1d1;border-radius:8px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff}.drop-zone:hover,.drop-zone.dragging{border-color:#0078d4;background:#f0f6ff}.file-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#fff;border-radius:4px;border:1px solid #e5e5e5}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-list{display:flex;flex-direction:column;gap:8px}.column-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#fff;border-radius:6px;border:1px solid #e5e5e5}.column-item-fixed{background:#f8f8f8}.column-fields{flex:1;display:flex;flex-direction:column;gap:4px}.column-field{flex:1}.column-hint{color:#999;white-space:nowrap}.processing-status{display:flex;flex-direction:column;gap:8px}.status-message{margin-top:8px}.step-container *{overflow-wrap:break-word;word-break:break-word;white-space:normal!important;min-width:0}.credits-badge{margin-top:4px}.template-toolbar{display:flex;flex-direction:column;gap:4px}.template-row{position:relative}.template-save-row{display:flex;align-items:center;gap:4px}.template-name-input{flex:1;min-width:0}.template-dropdown{position:absolute;top:100%;left:0;right:0;min-width:180px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:0 4px 12px #0000001f;z-index:10;max-height:200px;overflow-y:auto;margin-top:2px}.template-dropdown-item{display:flex;align-items:center;padding:8px 10px;cursor:pointer;font-size:12px;gap:6px}.template-dropdown-item:hover{background:#f5f5f5}.template-dropdown-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.template-dropdown-delete{background:none;border:none;cursor:pointer;color:#999;font-size:16px;padding:0 2px;line-height:1;flex-shrink:0}.template-dropdown-delete:hover{color:#c00}