.kapak-page{background:#f8f7f5;min-height:100vh;padding:2.5rem 1.5rem}.kapak-container{max-width:640px;margin:0 auto}.kapak-header{margin-bottom:2rem}.kapak-header h1{color:#1a1a1a;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.kapak-header p{color:#6b7280;font-size:.9375rem}.kapak-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem 1.5rem}.kapak-form-section{border-top:1px solid #e5e7eb;margin-top:1.25rem;padding-top:1.25rem}.kapak-form-section-title{color:#374151;margin-bottom:1rem;font-size:.875rem;font-weight:600}.kapak-field{margin-bottom:1rem}.kapak-field label{color:#374151;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.kapak-field-error{color:#dc2626;margin-top:.25rem;font-size:.75rem}.kapak-grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sablon-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.sablon-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.sablon-card:hover{border-color:#9ca3af}.sablon-card.selected{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.sablon-card-img{aspect-ratio:3/4;color:#9ca3af;background:#f3f4f6;justify-content:center;align-items:center;width:100%;font-size:.875rem;display:flex}.sablon-card-name{color:#374151;padding:.625rem .75rem;font-size:.8125rem;font-weight:500}.editor-layout{gap:1.5rem;min-height:calc(100vh - 120px);display:flex}.editor-panel{flex-direction:column;flex-shrink:0;gap:1rem;width:320px;display:flex}.editor-preview{background:#f3f4f6;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.editor-field-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.editor-field-group-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.875rem;font-size:.8125rem;font-weight:600}.editor-field{margin-bottom:.875rem}.editor-field:last-child{margin-bottom:0}.editor-field label{color:#374151;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.kapak-preview-mock{aspect-ratio:3/4;background:#fff;border-radius:8px;flex-direction:column;width:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.kapak-preview-image-area{background:#f3f4f6;flex:1;justify-content:center;align-items:center;display:flex}.kapak-preview-footer{background:#fff;padding:.75rem 1rem}.kapak-preview-title{color:#1a1a1a;font-size:.875rem;font-weight:700;line-height:1.2}.kapak-preview-subtitle{color:#6b7280;margin-top:.125rem;font-size:.75rem}.kapak-preview-serial{color:#d1d5db;font-family:monospace;font-size:.5625rem;position:absolute;bottom:.375rem;right:.5rem}.editor-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media (max-width:768px){.editor-layout{flex-direction:column}.editor-panel{width:100%}.kapak-grid-2{grid-template-columns:1fr}}