.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{background:white;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-card h1{text-align:center;margin-bottom:10px;color:#333}.login-card h2{text-align:center;margin-bottom:30px;color:#666;font-size:18px;font-weight:400}.login-card .form-group{margin-bottom:20px}.login-card .btn{width:100%;padding:12px;font-size:16px}.error-message{color:#dc3545;margin-bottom:15px;padding:10px;background:#f8d7da;border-radius:4px;text-align:center}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.template-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.template-preview{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-preview img{width:100%;height:100%;object-fit:cover}.template-info{padding:15px}.template-info h3{margin-bottom:10px;color:#333}.template-info p{color:#666;font-size:14px;margin-bottom:10px}.template-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;color:#999}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-secondary{background:#6c757d;color:#fff}.badge-success{background:#28a745;color:#fff}.template-actions{display:flex;gap:10px}.template-actions .btn{flex:1;padding:8px;font-size:13px}.editor-layout{display:grid;grid-template-columns:350px 1fr;gap:20px}.editor-sidebar{overflow-y:auto;max-height:calc(100vh - 100px)}.editor-canvas{display:flex;justify-content:center;align-items:flex-start;background:#e0e0e0;padding:20px;border-radius:8px}.canvas-container{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.canvas-preview{border:1px solid #ddd;position:relative}.text-block-preview{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8)}.blocks-list{margin-top:15px}.block-editor{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.block-editor-header{padding:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:500}.block-editor-content{padding:15px;border-top:1px solid #ddd}.block-editor-content .form-group{margin-bottom:15px}.block-editor-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 1200px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{max-height:none}}.upload-area{margin-top:15px}.fonts-list{display:flex;flex-direction:column;gap:15px}.font-item{display:flex;align-items:center;gap:20px;padding:15px;background:#f8f9fa;border-radius:4px;border:1px solid #ddd}.font-info{flex:1}.font-info h4{margin-bottom:5px;color:#333}.font-url{font-size:12px;color:#666;font-family:monospace}.font-preview{flex:1;padding:10px;background:white;border:1px solid #ddd;border-radius:4px;font-size:18px}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:white;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.header-content{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:24px;color:#333}.header-actions{display:flex;gap:15px;align-items:center}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.card{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}